How to Use the Swipe File Templates?
I have created a few templates for you so that you can get started. I am not talking about the layouts that you have in the dashboard of the Optin Quiz Generator, but the exact html pages that you case use as thank you page, confirm page, viral friend generator page and so on.
IMPORTANT: The example I offer you are simple html pages.
If you need more advanced and fancy design it is recommended that you use a html programmer/designer to help with the work.
OQG dashboard allows you to put in those pages pretty much all that you can do in html website.
If you took the Optin Quiz Generator PRO the work of having the pages in the dashboard is done.
It comes pre-loaded with a quiz model and by using the functionality "Clone" you can easily then change the templates from within the dashboard.
In the package with the pro version there is a folder called OQG-PRO/5_Swipe_Files. In there you find the following elements:
- A folder called images where you have two arrows you can use in your pages.
- A folder called Tweet-My-Quiz-Images where you have five tweet-my-quiz images that you can use for the tweet-my-quiz template.
- The following files:
- 1 - Thank-You-Page.html the template for the Thank You Page [Go There]
- 2 - Simple-Confirmation-Page.html [Go There]
- 3 - Simple-Confirmation-Page-URL.html [Go There]
- 4 - On-The-List.html [Go There]
- 5 - Email-Override.html [Go There]
- 6 - VFG-Intro.html [Go There]
- 7 - VFG-Bottom.html [Go There]
- 8 - VFG-Email.html [Go There]
- 9 - Gift-Page.html [Go There]
- 10 - Tweet-My-Quiz-Top.html [Go There]
- 11 - Tweet-My-Quiz-Middle.html [Go There]
- 12 - Tweet-My-Quiz-Bottom.html [Go There]
- 13 - Quiz-Pages-Footer.html [Go There]
1 Thank You Page Swipe File
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "1 - Thank-You-Page.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 3.1 Auto Responder Setup, in the area called "Redirect" page. Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 1 - Thank-You-Page.htm in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
2 Simple-Confirmation-Page
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "2 - Simple-Confirmation-Page.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 3.3: Quiz Analysis Options, in the area called "Confirmed" page. Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 2 - Simple-Confirmation-Page.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
3 Simple-Confirmation-Page-URL
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "3 - Simple-Confirmation-Page-URL.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 3.3: Quiz Analysis Options, in the area called "Confirmed" page. Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 3 - Simple-Confirmation-Page-URL.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
4 On-The-List
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "4 - On-The-List.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 3.3 Quiz Analysis Options, in the area called "On List" page. Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 4 - On-The-List.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
5 Email-Override
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "5 - Email-Override.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 3.1 Auto Responder Setup, in the area called "Email Failure Override page text". Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 5 - Email-Override.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
6 VFG-Intro
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "6 - VFG-Intro.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 4.1 Viral Page Layout, in the area called "Viral Friend Form Intro" page. Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 6 - VFG-Intro.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
7 VFG-Bottom
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "7 - VFG-Bottom.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 4.1 Viral Page Layout, in the area called "Set the text displayed below the email list on the viral page". Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 7 - VFG-Bottom.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
8 VFG-Email
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "8 - VFG-Email.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 4.1: Viral Page Layout, in the area called "Email Message". Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 8 - VFG-Email.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
9 Gift-Page
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "9 - Gift-Page.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 4.2: Gift Page Configuration, in the area called "Create Gift Page In The Dashboard". Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 9 - Gift-Page.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
10 Tweet-My-Quiz-Top
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "10 - Tweet-My-Quiz-Top.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 4.3: Create Viral Twitter Page, in the area called "Viral Twitter Page Intro" . Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 10 - Tweet-My-Quiz-Top.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
11 Tweet-My-Quiz-Top Video
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "11 - Tweet-My-Quiz-Middle.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 4.3: Create Viral Twitter Page, in the area called "Viral Twitter Page Intro". Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 11 - Tweet-My-Quiz-Top-Video.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
12 Tweet-My-Quiz-Bottom
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "12 - Tweet-My-Quiz-Bottom.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 4.3: Create Viral Twitter Page, in the area called "Set the text displayed below the twitter link" page. Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 12 - Tweet-My-Quiz-Bottom.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
13 Quiz-Pages-Footer
The example below shows how to use the swipe files.
The steps
Here is what you need to do:
- Go the package you receive in the folder OQG-PRO/5_Swipe_Files
- Open the file: "13 - Quiz-Pages-Footer.html" with your preferred text or html editor and:
- change the hyper-links inside and the content so it reflects your own domain/project
- select all the text (CTRL-A)
- copy (CTRL-C)
- Go in the dashboard at section 3.1 Auto Responder Setup, in the area called "Redirect" page. Then follow the steps as described below:
- Click on the link called HTML
- Paste the HTML code, you copy from the file 13 - Quiz-Pages-Footer.html in the box "HTML Source Editor"
- Click on the Update button and you are done. Always check that the alignment is kept and if necessary adjust the text' size and position.
The image
