100% Integration with Your Website

This sections illustrates exactly how to quickly and easily integrate the Quiz Landing Page with your own website.

The Steps:

Here is what you need to do:

1. Decide what page you are going to put your code into.
2. Set the width and height of the iFrame.
3. Click "Apply changes" to get the iFrame code.
4. Copy the code and paste it to your web-page.
5. Take the URL to your web-page (where the iFrame is located) and paste into the "The url to your page" input box.
6. Click "Generate links" to get the links needed for the autoresponder setup.
7. Copy the links to your autoresponder.
8. Enable the iFrame mode for a quiz.

1 - Step One: Select Extra features

From the OQG Admin Dashboard select on quiz from the list of quizzes available and click on "Extra Features" and follow the steps below:

2 - Step Two: Select iFrame Mode

Then chose iFrame mode and a slide down window will show you the area where you can copy from the code to put on your website.

Modify the width and height and then hit "Apply Changes". For your quiz to look nice in the page where you put it, is good to know the width of the region where the quiz will run.

For instance this section of the page has width = 640px; so if I would like to have the quiz here I will set that value in the Width section. Depending of your site layout the Height can also be important.

These variables is something you can easily figure out on your site, if you have basic html knowledge.

A generated code will appear in the iFrame box that is specific for the URL of your site and that carries the specific settings you apply for this quiz. It is good to notice that you can have different values for different quizzes.

3 - Step Three: On your website

Go to your website and paste there the code provided at the previous step. You need to paste the code in the area of your site where you will like the quiz to work. And will look like:

4 - Step Four: Select the quiz layout

In the quiz dashboard we have created for you a simplified version of the quiz layout. You can select that from the Step 1.1: Quiz Skins, it is iFrame skin. This skin has the spaces from the sites and from the top/bottom removed as to be easily integrated with your site. It is based on the classic theme.

5 - Step Five: The autoresponder code

In order for all the pages of your quiz to work on your site you need to update the confirmation page of your autoresponder code. For that you need to put in the quiz dashboard the name of your html page where you will have the quiz.

Let's say that you put your quiz in the page: http://www.YourDomain.com/my-html-page.html

That link you need to put it in the dashboard where it says: "Take the URL to your web-page (where the iFrame is located) and paste into the "The url to your page" input box."

Then click on " Generate Links". The links for the thank you, and confirmation page are generated and you need to put those into your autoresponder Aweber, GetResponse, etc.

Then just make sure the check-box iFrame mode is enabled.