How to Embed Your Assessment on Your Own Website

If you have a website, you will most likely want to have users visit your website to interact with the assessment, instead of clearly seeing that they are on www.evalinator.com.  

Doing that is simple. It’s the same as how you will embed a YouTube video into your webpage.

All you have to do is to:

  1. Create a new page on your website (e.g. https://www.yourwebsite.com/assessyourskillshere)
  2. Use the following line of HTML as the only HTML on that page.
  3. Include a link to this new page in your navigation menu or any other place you decide to have it 

<iframe src=”your assessment url here” style=”width:100%; height:3000px;margin:0;” frameborder=”0″></iframe>

This will allow the assessment to start showing up as part of your own website, and your users will feel as if they are taking the assessment and interacting with your brand.

You can get the URL of your assessment by logging onto Evalinator and clicking “View Live” on your assessment. Copy the URL that shows up in the browser navigation bar.

Note: Feel free to adjust the height as needed in the HTML code above. 3000 px above may be either too little, or too much, depending on your content.

Now, if you are using a CMS such as WordPress among others, you might already have your theme already set up. That theme will also insert headers and footers of your website automatically on the page that holds the assessment. In most cases that is fine, and you should be all good. But for some reason, you may not want your theme headers and footers to show. In that case you will have to create a new page content template that tells your platform to not load (or override) the default header and footer. Instructions for doing that are best provided by the community of the system you are using.

For example, here’s the “Is Evalinator Right for You?” embedded using the above technique.