Online Surveys = Ongoing Insights

WATCH: How to Embed Your Survey on a Website

WATCH: How to Embed Your Survey on a Website

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.

With that, we present a video tutorial on how to embed a survey on website. Take a look!

*Note: in this video tutorial, Diane uses this free HTML test bed to make sure her embedded survey looks a-ok before posting.

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

Tags: , , , ,

  • Hello! This is my first visit to your blog! We are a group of volunteers and starting a new
    project in a community in the same niche.

    Your blog provided us beneficial information to work on.
    You have done a marvellous job!

    • Kayte K

      Thank you! And good luck with your project, if you ever need help with any of your surveys just let us know. 🙂

  • Marco Ferrari

    Hi Sheila. Is it possible to put this code into a modal window and make it close when done?

    • SurveyMonkeySheila

      Hi Marco! Great question. It’s not something the product does automatically, but if you know a bit of HTML, you can do it. Basically, you’d want to first create a Web Link collector for your survey which will generate a standard link to paste into an email message or post as a hyperlink on your web page. With this survey URL, you can use your own HTML code to create an iframe which will embed the survey form in your web page. This will display in your web page exactly as the embed option does, however, it allows further customization (such as the close window command) and – depending on the browser – may have fewer issues with certain security settings.

      You can use the following HTML code to paste in your web page:

      *Note, you can customize the overall size of the embedded window, plus add border options by adjusting the HTML. You can click the link below to learn more about how to generate an iframe.

      Hope this helps!

  • Anna

    how about a responsive view of the embedded survey? will it automatically adjust based on user’s device? Thanks

    • KTsurveymonkey

      Hi Anna,

      We’re working on it! We’re in the middle of developing mobile friendly version that will be responsive. Keep your eyes peeled.

      • Katie Gabbett

        Hi KT, any update on this yet? Device-responsiveness is critical to us.

        • KTsurveymonkey

          Hey, Katie!

          Check out our new website survey collector with embed options here:

          • Hilman

            Hey @KTsurveymonkey:disqus i saw the NOTE Website Collectors display on desktop browsers only—not on mobile devices or tablets” on that page. Is it mean, currently Surveymonkey not mobile friendly yet?

          • KTsurveymonkey

            Great question. We are mobile friendly, however our embed collector is not supported by most browsers unfortunately. As an alternative, you are welcome to use other collectors like a Web Link or Email Invitation!

  • Aarif Khan

    Hi Sheila,
    Is it possible to embed the survey on my website in such a way that the survey invitation pop up appears only after the visitor has spent some particular time on the website (say 2 minutes).

    • KTsurveymonkey

      Hi Aarif,

      We don’t have a timer functionality for the Website Collector, but you can designate a particular sample Rate or use the Modal option so it only pops up on certain pages! Here’s more:

      • Aarif Khan

        Thanks for the response. My surveymonkey account is showing the classic website collector only. How can I switch to New website collector option. Please help.

        • KTsurveymonkey

          HI Aarif,

          You can email our support team and ask that they move you to the new S-page in order to get you on our new website collector. Feel free to let them know I (Katie A.) sent you: Happy surveying!

  • Anne-Jet

    the survey is embedded in my website on a special page. to reach the survey people click on a link that is in the email that i send to them. however the webpage html is also available by simply typing. Can i block this, so that when people type in the html link to the survey in the bar they wont be able to fill in the survey, more specifically i wantto make sure that only people that receive an email with the link are able to fill in the survey, providing them with a password is not an option. Only those with a simple click on the link in the e-mail are allowed to fill in the survey. How can i do this? Please help met out?

    Thank you,

    Kind regards

    • KTsurveymonkey

      Hi, Anne!

      Sure. So your best solution to this would be to use our Email Invitation collector to distribute the survey. This method creates a unique link for each respondent that can only be accessed via their email. It also tracks their responses (can also be anonymous if needed). Here’s more on this collector type:

  • Tim Freeman

    I am embedding a survey on my site but i would like to have the survey stretch the width of my site (960px) Right now, it can only be a max width of 700 pixels. Is it possible to modify the embed code to make it 960px wide?

    • KTsurveymonkey

      Hi Tim-

      If you’d like to determine your own embedded dimensions, you will need to use an iframe with our Web Link collector.

  • Nikhil Prasad

    How do I Pass Usernames From a Website on an Embedded Survey?