Quiz integration with a website
Serhii Uhnivenko
Last Update 10 maanden geleden
Take into account the nuances before installation
- All changes of any installed widget will appear automatically on your website.
- Don’t forget to SAVE a project after any changes in quiz widgets.
- Any installed widget gets common URL parameters from your website (utm_source, gclid, fbclid etc.)
- You are able to install (or copy) widgets as much as you need throughout your website without any restrictions.
Install the base code on your website
1. Open your quiz project in your admin panel, scroll down and expand "Quiz widgets" tab.
2. Copy and paste the code in the <head></head> section of your website:
<script src="https://app.easyquizy.site/public/js/quiz-widget.js"></script>
<link rel="stylesheet" href="https://app.easyquizy.site/public/css/quiz-widget.css">
The first method: “Embedding the quiz in a website”
- Click on “add a widget” and choose a widget type “Embed the quiz in a website”
- Fill in a domain of your website (or several domains separated by a comma). Also, you can change sizes and graphic styles of the widget
- Copy the short code and paste it within the <body></body> section and an appropriate place of your webpage. SAVE the project!
The second method: “A button on a website”
- Click on “add a widget” and choose a widget type “Add button on a website”
- Fill in a domain of your website (or several domains separated by a comma). Also, you can change sizes and graphic styles of the pop-up window of the quiz.
- Set up an appropriate graphic style for your button
- Copy the short code and paste it within the <body></body> section and an appropriate place of your webpage. SAVE the project!
The third method: “Triggered pop-up window”
- Click on “add a widget” and choose a widget type “Add pop-up window”
- Fill in a domain of your website (or several domains separated by a comma). Also, you can change sizes and graphic styles of the pop-up window of the quiz.
- Set the delay time or/and a scroll percentage in order to fire your pop-up quiz
- Copy the short code and paste it within the <body></body> section and an appropriate place of your webpage. SAVE the project!
