How to Embed Your Assessment on Your Own Website

Please Share

If you have a website, you’ll most likely want visitors to interact with your assessment without leaving your website.

You can do that in two ways:

  1. Embed the assessment directly (like a YouTube video)

  2. Show it in a popup (when users click a button or link)

Both options make your assessment look and feel like part of your own brand.

Step 1: Get the URL for Your Assessment

  1. Log in to Evalinator.

  2. Open your assessment and click “Share & Embed” from the left-hand menu.

  3. Copy one of the White Labeling Links:

    • The second link skips your landing page and goes directly to the email page or first question, depending on your setup.

    • It’ll look like this: “https://app.evalinator.com/name-of-your-assessment/assessment/unique-number”
  4. If you just want to send users directly to Evalinator (instead of embedding), you can also use one of the Direct Links.

share and embed

Option 1: Embed Your Assessment on a New Page

This method shows your assessment directly on one of your pages.

Steps

  1. Create a new page on your website, for example:

 
https://www.yourwebsite.com/assessyourskills
 
  1. Use the following code as the only HTML on that page:

 
<script> window.addEventListener('message', function(event) { if (event.data.type === 'scrollToTop') { window.scrollTo(0, 200); } }); </script>
<iframe style="width: 100%; height: 750px; margin: 0;" src="YOUR_URL" frameborder="0" scrolling="no"> </iframe>
  1. Replace "YOUR_URL" with the link to your Evalinator assessment.

Notes

  • Adjust the height (750px) as needed, depending on your layout.

  • The scrollTo script ensures that users see the top of each new page in the assessment.

  • If you are embedding your assessment in the middle of an existing page, you can remove the script tag.

Option 2: Launch Your Assessment in a Popup

This method lets you place a button or link anywhere on your site that opens the assessment in a responsive popup.

Step 1: Add the Evalinator Widget Script

Add this line to the footer of your website:

<script src="https://app.evalinator.com/evalinator-widget.js"></script>

For WordPress (Elementor, Divi, etc.)

  • Go to Appearance → Editor → Footer.php (or your theme’s Custom Scripts section)

  • Paste the script before the closing </body> tag

Or in Elementor:

  • Go to Site Settings → Custom Code → Add New

  • Paste the script, choose Footer, and Publish

For Wix

  • Go to Settings → Custom Code

  • Click Add Custom Code, paste the script, and choose Footer

Step 2: Add Your Button or Link

You can use either a button or a link. Replace the sample URL with your own assessment URL.

Option A – Button

<button data-url="YOUR_URL"> Take Assessment </button>

Option B – Link

<p> <a href="YOUR_URL"> Take Assessment </a> </p>

That’s it!

  • Clicking the button or link opens your assessment in a responsive popup overlay.

  • You can have multiple assessments on different pages.

  • Works on desktop and mobile.

  • No iframe or manual page creation is needed.

And now that you have your assessment up and running, go get the word out! Here are some tips on outreach and marketing.

Find Your Lead Generation Score

leads generation funnel

Feeling frustrated with lead generation?

Take this free, 5-minute quiz and get more prospects into your leads funnel.

Instant Results. Actionable recommendations. Email required.

Find Your Score >>

Please Share

Categories