Embedding SurveyStack in your Website

A SurveyStack Survey can be embedded in your website using an iFrame. This is most useful to embed a survey into another website or application. Note: users filling out the survey will not be logged in as they will not be requested to log in.

The Survey should be embedded using the "Copy Survey Link" URL (go to your group -> Surveys --> 3 dot menu --> "Copy Survey Link") plus the ?minimal_ui=true query parameter. This removes the top bar and side bar.

Example

  1. My "Copy Survey Link" URL is: https://app.surveystack.io/groups/5e95e368fbbf75000146a006/surveys/61117da6e7011c000134fba5/submissions/new?submitTo=5e95e368fbbf75000146a006
  2. I add ?minimal_ui=true to the end of it, now it is: https://app.surveystack.io/groups/5e95e368fbbf75000146a006/surveys/61117da6e7011c000134fba5/submissions/new?submitTo=5e95e368fbbf75000146a006?minimal_ui=true
  3. To embed this in my website, I need to add HTML directly into a page using the <iframe> tag (see below). You may want to modify the details (width, height, etc.) in the iframe, but here is a good starting point which includes the URL.
<iframe 
  src="https://app.surveystack.io/groups/5e95e368fbbf75000146a006/surveys/61117da6e7011c000134fba5/submissions/new?submitTo=5e95e368fbbf75000146a006?minimal_ui=true" 
  title="SurveyStack Survey"
  width="100%"
  height="800"
  style="min-height: 800px; width: 100%; border: none;"
  allowfullscreen>
</iframe>