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: , , , ,

  • 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.

  • 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?

  • 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

  • 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?

  • Kristina C.

    Hi, is there a way to make it so that there is no scroll bar? My survey is only six questions and I would like it to all be viewable without scrolling down if possible.

    • MFsurveymonkey

      Hi there,

      Since you cannot edit the website collector size, your best bet would be to separate your questions on two pages to make sure that you do not have to scroll to see everything!

      Hope it helps!

  • carolsaller

    Thank you! It works!

  • Naomi Danell Morgan

    If you’re allowing multiple responses, will refreshing the webpage take the person back to the first page of the survey?

    • MFsurveymonkey

      Hi Naomi,

      Great question! You should be able to refresh your page and still stay on it. However if you close your browser and open the link again, you will be sent to the beginning of your survey, to have someone new enter a fresh new response!

  • Shweta

    Hi, I have survey popup invitation on my website and it is not working on IE, it is working when using chrome and firefox. Can you please help! Thanks.

  • Jo Qiu

    Hi, if we embed survey monkey on our website, are the results stored in Survey Monkey’s cloud or we can store the results in our database? Thank you!

    • MFsurveymonkey

      Hi Jo! That’s a fair question! Regardless of the collector you choose to distribute your survey, website collector included, the results will always be automatically sent to your SurveyMonkey account, under the Analyze Results page of your survey. From there, with a pro plan, you can of course export the data to your computer and create your own database. Feel free to see more about this here: http://help.surveymonkey.com/articles/en_US/kb/How-to-analyze-results

  • Ray Messina

    I am trying to decide is SurveyMonkey can provide the service my company needs. Our Marketing dept. would like to put out a survey , but they don’t have access to a webpage page to embed the survey into but we also don’t want just a plain survey questionnaire. ASIDE FROM surveys, can SM provide a webpage template ( we would need to be able to customize the look/add our logo, etc) to host the survey itself?

  • MFsurveymonkey

    Hi Ryan! I’m afraid there isn’t a way to delay the pop-up survey within the tool at the moment. It will pop-up immediately when a user accesses a certain page.
    Thanks for your suggestion though, I’ll bring it up to our dev team! In the meantime, you might be able to implement this with the help of a website developer for example.

  • MFsurveymonkey

    Hi Tobi! Website Collectors sometimes might hit a snag with mobile devices. If you’re looking for a more advanced technical integration maybe our Mobile SDK will be a better option: http://help.surveymonkey.com/articles/en_US/kb/Mobile-SDK
    Otherwise you could create a Web Link Collector for your survey and embed it using an iframe. However, you’ll need access to edit the HTML of the webpage. While I’m not able to offer HTML support, this is a great site to use to learn about anything HTML: http://www.w3schools.com/tags/tag_iframe.asp

  • MFsurveymonkey

    Hi Stephen! Great to hear this collector type is something that could be useful to you! I don’t see why it wouldn’t work for any website. Feel free to give it a try!
    You can follow the steps here: http://help.surveymonkey.com/articles/en_US/kb/Website-Collector

Inspired? Create your own survey.

Inspired? Create your own survey.

PRO Sign Up Sign Up FREE or Sign in

Write Surveys Like a Pro

Write Surveys Like a Pro

Ever wonder what SurveyMonkey’s really made of?

Ever wonder what SurveyMonkey's really made of?

Read our engineering blog »