How to create a quick Poll with Results in SurveyPro.

Description:

A tutorial about how to make Pop-up web polls with SurveyPro. It includes a sample file to download and the steps to create one from scratch. These are useful for getting visitor participation on your website and helping engage your audience.

Demo

Download SP4 File

Requirements:

The survey programming is pretty straight-forward. The coding of the pop-up aspect, however, requires some knowledge of HTML and basic web-programming. We don’t cover the pop-up part other than to mention which tools where used in the Demo.

Overview:

Essentially, we need to create a survey which contains a single page.  On that page we would have the question(s) and the “Vote” button.  Exiting from that page would pull up the “Instant Online Report” page to show the results of the poll.

Steps:

Pop-up poll questionnaire

Pop-up poll questionnaire


Create a questionnaire - Usually, polls are a single question, though there is no limitation in SurveyPro regarding this. It is important to keep dimensions in mind since iframes should have defined dimensions and the survey AND report will need to fit within whatever you set. Depending on which options you set for the Instant Report, 300px is about the minimum width you should use. You will likely need to experiment with this since you can set the width of the questionnaire, but not the report. You may also want to change the “start new” button text to “Vote!” or “Submit” (Document -> Properties -> Buttons Tab).

Page List Dialog

Page list dialog

Remove extra pages – This survey should be a single page, so remove any others (including “thanks” page) in the Document -> Edit Page List dialog.

Report login dialog

Report login dialog

Create the report – Go to Document -> Web Survey Setup, and click the “Edit” button next to Online Reports. Edit the Login Page (or create a new one) and make sure “No Password” is selected.

In the Edit Report dialog, select what stats you want to show.

Exit settings dialog

Exit settings dialog

Change exit settings – Document -> Web Survey Setup, and click the “Edit” button next to “Embedded Operation”. The report url will vary based on where your survey is hosted.

Pop-Up:

The “pop-up” aspect involves some knowledge of HTML. For our demo, we used a JavaScript library called jQuery and a plugin for jQuery called Thickbox. The intent is to pop up a modal window (i.e. an ‘iframe’) containing the survey. The survey itself could be hosted on QuestionWeb or your own server.

Another method, that is a little less “standards compliant”, is to pop-up an actual new window with javascript. We don’t recommend this method, though it is available.

Finally, another popular option is simply embedding an iframe in your HTML page and having the survey appear there.

One important thing to note – certain users’ networks disallow iframe content, particularly when the content comes from a different base url or server. This may be an issue if you use a survey hosted on questionweb.