Adding a Pop-Up Window to your Survey

Have you ever had the need to direct survey respondents to an external website for additional information (but didn't want them to actually exit your survey)? Well great news! You can do this easily with a few pieces of HTML. The code listed below allows you to add either a link or a button that will open up a pop-up window to an external website.

When would I use it?

• When you need to reference an external document
• If you'd like to distribute your survey via a link or button on your website
• Anytime you need to reference an external site

As a head up, this script will NOT create a pop-up automatically on your website when a visitor arrives or navigates away from the page. If you're looking for that functionality we recommend using our Pop-Up Survey distribution option on the Publish tab.

How do I add this code to my survey?

Whatever you decide to use this code for, the implementation is simple!

Step 1: Login to your survey and go to your Create & Edit tab
Step 2: Click Add Text/Image on any page where you'd like to add the link/button. NOTE: You can also add it as part of your question title if you'd prefer. To add the code to an existing question, go to your Create & Edit tab and click on the pencil icon to the left of it. Once inside, add the code to your question title text in the "Type your Question Here:" field.
Step 3: Select "Text/HTML/Rich media"
Step 4: Leave the field title blank (or type in a place holder) and click "Add and Edit Element" NOTE: We recommend NOT pasting your code here because the editor may add   <br /> tags where they aren't wanted.
Step 5: Fill in your text and paste in one of the following codes into the text field

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 (this is in pixels).

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.

PLEASE NOTE: If one of your respondent's browser is blocking pop-ups it's possible this window will be blocked. If you plan on using this code with users that have higher security settings, you may want to advise them they may need to disable pop-up blocker to view your link.

Have questions? Want to comment on this? Join the discussion on our SurveyGizmo Support site.