How to Embed Your Assessment on Your Own Website

Please Share

In this post, we’ll show you how you can embed your assessment / quiz on your site.

That way visitors will to interact with your assessment without leaving your website.

You can do that in two ways:

  1. Embed the assessment directly on a separate page (e.g. yourwebsitesite.com/assessmentpage)

  2. Show it in a nice 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 direct links (not the whitelabeling link):

    • It’ll look like this: “https://app.evalinator.com/name-of-your-assessment/assessment/unique-number“

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 mobile friendly popup.

embedding assessment link - 1


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 install a plugin such as Code Snippets by WP code (add script in the Header and Footer menu)

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 YOUR_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.

embedding assessment link - 2

Next Steps:

Now that you have your assessment up and running, go get the word out!

Here are some tips on outreach and marketing.

And if you haven’t tried Evalinator already, there’s a free 2-week trial.

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

Related Post

How to Create and Use 360 Degree Assessments in Evalinator

How to Embed Your Assessment on Your Own Website

Turn Your Expert Assessments into Social Media Posts Within Minutes!

Categories