How to install a quiz on to your Unbounce website

How to install a quiz on to your Unbounce website

No matter what type of quiz installation you select, at first you need to install the initialization code on your website. 

1. Quiz auto-opening

Open the editor of your Unbounce website and go to the “Javascripts” tab:

How to install Marquiz on to your Unbounce website 1 

Create a Script Name and select “Head” in the “Placement” drop-down menu.

How to install Marquiz on to your Unbounce website 2


After that go to the “Quiz Installation” tab and select “Auto-opening”:

How to install Marquiz on to your Unbounce website 3


Set the auto-opening as you like and then copy the code: 

How to install Marquiz on to your Unbounce website 4


Paste the code into the box as it’s shown below and click “Done”.

How to install Marquiz on to your Unbounce website 5


Don’t forget to save the changes! 

How to install Marquiz on to your Unbounce website 6


Done! A pop-up quiz is installed (the same procedure is done for the installation of the initialization code).


2. Quiz as a banner  

After installing the initialization code, you can also install a pop-up banner. 

Add another Javascript:

How to install Marquiz on to your Unbounce website 7


Create the Script Name and select “Before Body End Tag” in the “Placement” drop-down menu.

How to install Marquiz on to your Unbounce website 8


Follow the path Quiz Installation => Banner to modify settings of a banner:

How to install Marquiz on to your Unbounce website 9

How to install Marquiz on to your Unbounce website 10


Then copy the code after you’re done editing the banner: 

How to install Marquiz on to your Unbounce website 11


Paste the code to the box and click Done to save the changes.

How to install Marquiz on to your Unbounce website 12


3. Button Designer 

After installing the initialization code, drag the Custom HTML block to the place where you want to locate the button: 

How to install Marquiz on to your Unbounce website 13

How to install Marquiz on to your Unbounce website 14


Modify the button settings as you like and then copy the code: 

How to install Marquiz on to your Unbounce website 15

How to install Marquiz on to your Unbounce website 16

How to install Marquiz on to your Unbounce website 17


Paste the code to the “Embed custom HTML code” block as it’s shown below and save the changes. 

How to install Marquiz on to your Unbounce website 18


Done! After saving the code you can resize the block to the desired dimensions.


4. Install the quiz in the body of a website

Repeat the same steps as with the Button Designer, only copy and paste the code from the “To the body of a website” tab as it’s shown below.

How to install Marquiz on to your Unbounce website 19

How to install Marquiz on to your Unbounce website 20

How to install Marquiz on to your Unbounce website 21


5. A built-in link in a button

A quiz can be opened in a separate tab by clicking a button on your website. Open the editor of a button and select “Go to URL” in the “Click Action” tab of “Properties”.

How to install Marquiz on to your Unbounce website 22

Copy the direct link In the “Quiz Installation” (your link may look different from what is shown below):

How to install Marquiz on to your Unbounce website 23


Paste the link to the URL field and select “New tab or window”  in Target as it’s shown below.

How to install Marquiz on to your Unbounce website 24

How to install Marquiz on to your Unbounce website 25


After that, go to the “Goals” tab and select “Conversion Goals” for the link as it’s shown below:

How to install Marquiz on to your Unbounce website 26

Done!

Your quiz is installed on the website. Please, don’t forget to save all the changes.  

👆 You’re all caught up