Online Surveys = Ongoing Insights

How to Embed Your Survey on a Website

 → 
 → 
How to Embed Your Survey on a Website
Website embed

Where’s the best place to share a survey? Well, here at SurveyMonkey, we think pretty much anywhere. While it’s a cinch to take a web link (a collector that’s automatically generated and easily shared) and post it pretty much anywhere, sometimes it’s a better experience for survey-takers to see the survey on an available webpage rather than having to click open a new window; especially it is a website feedback survey.

In this step-by-step instruction, we’ll show you how to use our trusty website embed option, which is another type of collector. Have your survey ready to go? Let’s do it!

  1. After you’ve created your survey, click the green “Send Survey” button.
  2. Next, you’ll be directed to the Send Your Survey page featured in the image below.  Select the “Website” option. If you’d like, you can also rename this collector.

  1. On the Survey Configuration page, select the “Embed” website survey type. You’ll notice this is also where you can try two other website survey collectors: “Invitation Popup” and “Survey Popup.” Also, on this same page, you can adjust the survey’s display options by adjusting width and height, showing a border, or hiding the survey once its completed.
  2. When you’ve decided on your survey’s display options, click “Save”, which will direct you to the actual embed code. Just below the code, you’ll see a preview of how your embedded survey will look on your website.
  3. And now, for the best part! Simply copy and paste the code into your web page. If you aren’t familiar with editing HTML, ask an IT professional, webmaster, or whomever has been designing your site for help.

 

And for one final tip, if you’d like an additional preview of how your survey will look on your website, try copying it into an HTML test bed.

Any questions about how to embed surveys? Let us know in the comments section below!

Do a Better Job with SurveyMonkey Enterprise

Give yourself—and the rest of your team—the answers you need to make smarter decisions. Access our most powerful tools with SurveyMonkey Enterprise.

Learn More →

Tags: , , , ,

  • http://truccaticoneva.altervista.org/blog/ Louie Pershing

    I was wondering if you ever considered changing the layout of your site?

    Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so people could connect with
    it better. Youve got an awful lot of text for only having one or 2 images.
    Maybe you could space it out better?

    • Kayte K

      Hi there, thanks for your feedback! We’ll definitely keep your suggestions in mind, keep an eye out here for updates. :)

  • Mark

    I’ve added the survey to my wordpress website, however now have problems viewing on mobile devices. The page is too wide for my mobile device and cuts off text, Any ideas how to rectify this?

    • KTsurveymonkey

      Hey Mark,

      You may need to add an iFrame. This isn’t something we support directly, but if you’re familiar with web design, using an iFrame is pretty simple. This will allow you to adjust the size of the embed. Depending on your site, it may not necessarily work the best on mobile. If you want to play around w/ and iFrame, you’ll want to use our Web Link collector for the survey URL in the iFrame!

  • Polyglot Theatre

    I am concerned about the longevity of my survey once embedded on my website – I may need to update questions through out the year with new performance options. Can I do this without needing to generate new embed code each time? Will the new addition be reflected on my webpage?

    • KTsurveymonkey

      You sure can! Any updates to your design will become live in your embed survey. A simple “Refresh” of the page will show you the design updates!

      • Polyglot Theatre

        Really great help. Thanks!

  • John Haigh

    Can i control the position of the page within the iframe e.g. to show a thanks page without having to scroll up the page to see the thanks message?

    • KTsurveymonkey

      Hi John,

      We checked with our tech team ad it sounds like this cannot be controlled via the iFrame. The issue with the scroll-ability lies within the parent page.

  • http://www.cherrypickpeople.com Gemma Cotton

    I’ve added a survey to my WordPress blog post, but now have problems viewing on mobile devices. you can view it on a pc or laptop but not a mobile device?

    • KTsurveymonkey

      Hi there, Gemma-

      Unfortunately embed surveys will not show on mobile devices. They will only display on desktop. You can learn more about this here: http://help.surveymonkey.com/articles/en_US/kb/Website-Collector

      • http://www.cherrypickpeople.com Gemma Cotton

        Thanks KT, when i send the survey via SurvyMonkey it seem it keeps going into people junk mail folder is there a round this?

  • CCCrazyPanda

    Is there a way to embed ONLY the current results as a bar graph on a website?

    • KTsurveymonkey

      Hi there,

      You can embed your results with a Share link. However, this is a live link that will update as long as the survey is collecting responses. Otherwise, you could export your charts and post them as an image to your site. Here’s more on using a Share link: http://help.surveymonkey.com/articles/en_US/kb/Sharing-Survey-Results

  • http://www.fiig.com.au Darcy Lechte

    Is there a way to delay the pop-up so it doesn’t appear instantly on the page? Also, are there other customizations you can put on it such as required amount of pages on the website have to have been viewed before the person is eligible to see the pop-up etc.

    Thanks in advance,
    Darcy.

  • d connelly

    We are sending a survey out via SM’s email collector. We are trying to hide the survey link with a TAKE SURVEY icon, but having trouble with the HTML programming and getting the icon to activate the link. We can get it to work with a static weblink, but not with the tracking link sent out via the email system. Any advice?

  • MDFirstChurchNP

    Is there any way to reset the test on the same browser or computer when the test has been embedded?

  • Sebastian Marambio

    I had no problem embedding into a Wix webpage the code that surveymonkey used to generate (it started with ), but now it changed (it starts with ) and Wix won’t show it… What can I do?

  • LaurB

    Hi there, I copied the code and pasted it into a webpage on my website. However the survey isn’t displaying. I have a screen cast of what it looks like. It doesn’t display the actual survey and directs users to the Survey Monkey page instead: http://screencast.com/t/AfS1z3bjbB

  • Nettie Smith

    Hey! Is there a way to adjust the embed size so that it “auto” instead of 500px x 300px?