Adding and Embedding Assessments on Your Website

There are several ways to share your assessment with your website visitors.

adding and embedding assessments on your website These include:

  1. Provide a simple hyperlink, such as “Take our assessment” and then link that text to your assessment URL.
  2. Take a screenshot image of the first page of your assessment.  Then place it on your website and link that image to your assessment URL.

It would look something like this:

The image above is linked to the assessment at https://www.assessmentgenerator.com/ag.php?id=51

3.  Add an iFrame to your web page and put the assessment URL inside an iFrame.  This will make your assessment appear to be live at your site even though it is still hosted at Assessment Generator.

Below is the iFrame code to use to embed your assessment.  Place it inside the body of your website and replace the XXXX with the ID of your assessment.  Your assessment ID can be found by selecting “Add to Site” from the Actions drop-down menu in your Assessment Generator account.

When you use this code your assessment will occupy the full width of the web page. It also works on mobile devices.


<div>
<iframe src="https://www.assessmentgenerator.com/ag.php?id=XXXX" style="width:100%; height:1000px; border:none"></iframe>
</div>

You may need to adjust the height of the iframe (height: 1000px;) to accommodate your particular assessment.

We’ve created two examples of embedding assessments using iframes.  The first one is a simple example where the assessment occupies the whole page. In the second example, the assessment occupies the left column of the page while the remaining site content is on the right. Press ctrl-U in your browser to view the source of those pages.

If you wish to have your assessment occupy only a portion of the page, for example in a sidebar alongside other content, contact your web developer to modify the styling of the iFrame so that it fits into your design.