Embed advanced

You can set up and control advanced settings for your Q embed.

  1. Go to the PUBLISH step and click on Embed/Landing page.
  2. Click on ADVANCED.
  3. Enable Boost your SEO/Google ranking to get more traffic to your site.
    Your embed code will include all the text from your Q, including questions, answers, and explanations. This will be readable by Google and will help boost your site's SEO ranking.
  4. Enable Auto scroll to change the display of your Q.
    Qs normally jump back to the top after each question. If this is not working for your website, you can try this option.
    • Enable Use a 'sticky' header on your site if your Q appears under a header bar on your site. This ensures your Q is pushed down that amount so it will always appear below it and be fully visible to your audience.
    • You can then enter a height into the Auto scroll offset field.
      We recommend starting with 150px and adjusting as needed. Or you can also measure the height of your menu bar in pixels. Chrome has some free extensions like this one. Alternatively, start with 150px and adjust as needed.
  5. Change the Max. width if you want to make your Q wider or narrower on the site where it is embedded.
    We recommend 640px.
    Our standard embed code will resize automatically for smartphones and tablets. For example, if you set your max width to 1200px (almost full page), your Q will still resize automatically to smaller screens.
    Please note: Resizing only works with JavaScript and CSS enabled.
  6. Enable Set fixed height if you want to make your Q taller or shorter on the site where it is embedded. You can then enter an iframe height and select the unit from the dropdown menu.
  7. Enable Lazy load images to load images 'just in time' before they reach your audience.
    When it is disabled, all your Q images are loaded before letting your audience start the Q.
  8. Enable Lazy load Q to only load your Q when it is actually visible to your audience (recommended). This speeds up your page's load times.
    When it is disabled, the Q loads every time the page loads.
  9. Enable No JavaScript to removed JavaScript from our embed code.
    Qzzr embed codes work in 99% of all web tools but this can help if you are still having issues. The downside is your Q will not resize automatically to smaller screens.
    • Enter the height and select the unit from the dropdown menu.
    • Enable No CSS to deactivate CSS being embedded.
  10. Click on COPY and re-embed your Q.
    Qs normally update automatically but this feature will change your original embed settings so you need to paste it again.