Embedding Your Survey on a Website

Website Collectors allow you to collect survey responses from people who visit a page of your website. Visitors can take your survey without leaving your site—all you need to do is copy and paste a small script into the HTML of the webpage.

To create a Website Collector:

  1. Go to the Collect Responses section of your survey.
  2. Choose Website Collector and click Next. If you already have a collector for your survey, click + New Collector from the top-right corner of the collector list.
  3. Choose a website collector type: Embedded Survey, Popup Invitation, or Popup Survey.
  4. Edit the display settings in the Theme tab and click Next.
  5. Edit collector options from the Options tab click Next.
  6. Copy and paste the script from the Install tab into your webpage.

After you create the collector, you can adjust the settings in the Theme and Options tabs at any time. If you make changes to your survey design or collector settings, the script in the Install tab does not change—you don't need to install the script more than once.

Website Collectors display on desktop browsers only—not on mobile devices or tablets.

Website Collector Types

You can embed a survey into a page on your site, have a survey invitation appear when people visit a specific page of your site, or have the survey appear when people visit a specific page of your site.

Embedded Survey

Embedding a survey on a page of your website or blog allows visitors to take your survey directly on your website. Anyone who visits the page with the embedded survey will see the survey in the page itself according to the dimensions you specify.

You can customize and preview how your survey will appear in the Theme tab:

  • Width and Height: Use the sliding scale to specify how many pixels wide or tall you'd like the survey to be.
  • Border Color: Change the color of the bottom border. To edit the colors at the top of the survey, go to Design Survey and click THEMES.
  • Hide SurveyMonkey Branding: You can hide "powered by SurveyMonkey" from the bottom border (paid feature).
Popup Invitation

You can show an invitation to take your survey in a modal window on specific pages of your site. The invitation gives people the option to take or decline your survey. If they choose to take your survey, it opens in a new browser tab.

You can customize and preview how your invitation will appear in the Theme tab:

  • Headline: A good headline catches the reader's eye and is 2 lines or less. You can edit the text, but not the font, size, or color.
  • Message: A good message explains the goal of the survey in one to three short sentences. You can edit the text, but not the font, size, or color.
  • Primary Button: This button opens the survey. You can edit the button text, the button color, and the button text color.
  • Secondary Button: This button closes the invitation window—the invitation won't appear again when the webpage is accessed on the same browser. You can edit the button text, the button color, and the button text color.
  • Border Color: A border helps your invitation stand out. You can edit the border color to match the look and feel of your site.
  • Width and Height: Use the sliding scale to specify how many pixels wide or tall you'd like the invitation to be.
  • Sample Rate: Choose the percentage of visitors you want to invite. We use cookies to prevent the invitation from appearing if someone has already answered or declined a survey. If someone clears their cookies or visits your site using a browser that blocks cookies, the collector won't be able to remember whether they have taken the survey or if they declined to take it.
  • Hide SurveyMonkey Branding: You can hide "powered by SurveyMonkey" from the bottom border (paid feature).
Popup Survey

You can show your survey in a modal window on specific pages of your site. This allows visitors to take your survey without leaving the webpage.

You can customize and preview how your survey will appear in the Theme tab:

  • Headline: This headline appears in the top border. You can edit the text, but not the font, size, or color.
  • Width and Height: Use the sliding scale to specify how many pixels wide or tall you'd like the survey to be.
  • Border Color: The border helps your survey stand out. You can edit the border color to match the look and feel of your site.
  • Sample Rate: Choose the percentage of visitors you want to show the survey to. We use cookies to prevent the survey from appearing if someone has already answered or declined a survey. If someone clears their cookies or visits your site using a browser that blocks cookies, the collector won't be able to remember whether they have taken the survey or if they declined to take it.
  • Hide SurveyMonkey Branding: You can hide "powered by SurveyMonkey" from the bottom border (paid feature).

Collector Options

When using a Website Collector, please be aware that the following collector options aren't available:

  • Embedded Surveys don't have a Survey End Page option.
  • There is no Multiple Responses option for any collector Website Collector type. Respondents can only take the survey once per browser.
  • At this time, Instant Results is not available for any Website Collector type.
TIP! To allow respondents to take your survey multiple times, create a Web Link for your survey and post it on your site.

Hiding SurveyMonkey Branding

You can hide the "powered by SurveyMonkey" branding in the collector from the Themes tab (paid feature).

To hide SurveyMonkey branding in the survey itself, go to Design Survey and click OPTIONS in the left sidebar.

Modal Windows

Popup Invitations and Popup Surveys aren't typical pop-up windows. Instead, the invitation or survey pops up in a modal window when people visit a specific page of your site.

Modal windows are small windows that float above a webpage. Modal windows don't require users to load a new page and they aren't affected by pop-up blockers. When taking a survey in a modal window, respondents stay on your webpage.

Many websites use modals to allow users to sign in to their accounts or to display warnings or notifications on a webpage.

Installation Guide

To install a Website Collector on your website, you'll need some knowledge of HTML, as well as access to your website's source code. For additional assistance, please reach out to your site's developer.

Step 1: Find the code in the Install tab

After you create a Website Collector, you'll find installation code in the Install tab.

The installation code contains several lines of JavaScript. Everything within the box, starting with <script> and ending with </script>, is your installation code snippet. The installation code contains a unique ID that corresponds to the Website Collector.

The Install tab only appears once you have saved settings in the Theme and Options tabs. You can edit these settings at any time without affecting the installation code.

Step 2: Copy and paste the code snippet into your webpage

Take care not to edit the snippet—copy everything within the box, starting with <script> and ending with </script>, found in the Install tab.

You can use the same installation code on multiple pages, but you cannot use the same code for different collectors or different surveys.

Paste the unedited code in the appropriate pages on your site:

  • Embedded Survey: Copy and paste the script into your HTML wherever you want the survey to appear on your page.
  • Popup Invitation or Popup Survey: Copy and paste the script into your HTML immediately before your closing </body> tag.

If you use templates to dynamically generate pages for your site (like if you use Ruby, Python, PHP, ASP, or a similar technology), you can paste the installation code snippet into its own file, then include it in your page layout.

Step 3: Go to your website

After the installation code has been added to your site, load the relevant pages of your site with the snippet installed.

Your survey will show up on desktop browsers, but not on mobile devices or tablets.

  • Embedded Survey: You should see the survey on the page.
  • Popup Invitation or Popup Survey: Depending on the sample rate you chose, you may have to refresh the page.

To ensure the code was properly added, go to your Website Collector—you should no longer see a blue notification reminding you to install the JavaScript to see the widget on your site.

WordPress

You can use the Website Collector install code in your wordpress.org (not wordpress.com) page. You must be an administrator (or a super admin if you have a multi-site wordpress.org network) to add the code to your page.

Website Collectors allow you to collect survey responses from people who visit a page of your website. Copy and paste the code snippet into your webpage to embed a survey on your site or have the survey or a survey invitation appear when people visit a specific page.

Get answers