Tutorial: Adding a Pop-Up Window to your Survey

This tutorial shows you how to add a link or a button that launches a new window. This can also be used to launch your survey in a new window when a respondent clicks a link or button on your website. This script will not create a pop-up automatically on your website when a visitor arrives or navigates away from the page. That configuration is not provided by SurveyGizmo.

Whether on your webpage or within your survey, a bit of simple HTML could be added to your survey in a descriptive text field to create a link or button that opens a brand-new window containing helpful information, a secondary survey, or an external website with further information for your respondents to evaluate. Whatever the usage, adding to your survey is a simple process.

Click Add Descriptive Text on any page where you wish to add the link/button. If you would like to place it as part of a question title, you can add it during the initial question creation. If the question already exists and you click the Advanced Edit (notepad) icon, you can click the Source button on the toolbar to access the HTML version of your question title.

For a link:

<a href="#" onClick="window.open( 
'http://Link.To/Webpage', 'mywindow', 'width=800,height=600' )">Text of the Link</a>

For a button:

<input type="button" value="Button Text" onClick="window.open(
'http://Link.To/Webpage', 'mywindow', 'width=800,height=600')" />

Editable Items within the Code

http://Link.To/Webpage – This is the the URL of the webpage that will be loaded in the pop-up window
width=800,height=600 – This sets the size of the pop-up window
Text of the Link (link only) – This is the clickable text that will be displayed to the survey respondent
Button Text (button only) – This is the text inside the button itself

The code is simple and common across the web, but it never hurts to provide the specifics for the lovely clients of SurveyGizmo!