1. Create and activate the survey

Describe the survey to the AI assistant or create it manually. Review the proposal, test it in Full preview, choose delivery and activate the exact version. A draft has no stable respondent URL yet.

If a link is enough, open Public survey settings → Share and copy the public URL. Paste it into an email, message, menu or ordinary website link—no HTML knowledge is required.

2. Use a website builder

In WordPress, Wix, Squarespace and similar builders, add an Embed, Custom HTML or Code block. From the survey dashboard, open Public survey settings → Share, copy Embed code and paste it into that block.

Save or publish the page.
Open it in a private browser window.
Answer every question and submit one test response.
Repeat at phone width and check that the survey is not cut off.

3. Embed with HTML

For a hand-written page, copy the generated iframe from the Share panel. It follows this form; replace the example URL only with the exact public URL generated by Tambako Surveys.

<iframe
  src="https://www.tambako.ch/surveys/survey.php?id=YOUR_PUBLIC_ID"
  title="Customer feedback survey"
  loading="lazy"
  width="100%"
  height="720"
  style="border:0">
</iframe>

The title helps screen-reader users. Width 100% follows the container. Height controls the visible area; increase it for a long survey. Loading lazy delays loading until the frame approaches the viewport.

4. Make the frame responsive

Place the iframe in a container and give it a practical minimum height. The survey itself adapts to narrow widths, but the parent website controls the iframe dimensions.

<div class="survey-frame">
  <!-- paste the generated iframe here -->
</div>
<style>
.survey-frame { max-width: 960px; margin-inline: auto; }
.survey-frame iframe { display: block; width: 100%; min-height: 720px; border: 0; }
@media (max-width: 600px) {
  .survey-frame iframe { min-height: 820px; }
}
</style>

A fixed iframe cannot automatically know every future content height across different domains. Choose a height that avoids nested scrolling for the tested survey, or use a normal link when the surrounding page has very limited space.

5. Choose links when embedding is unnecessary

The Share panel also provides text-link HTML and a styled button. A link is often better inside newsletters, navigation, narrow sidebars or systems that forbid iframes. It also gives the survey the full browser window.

QR codes are intended for respondents and never provide dashboard access.

6. Test access, dates and privacy

Test the exact public page, not only the editor preview.
Verify opening and closing dates in the configured time zone.
If an access code is enabled, test it in a private window.
Check keyboard focus, light and dark appearance, phone width and submission.
Never embed a dashboard or activation link; use only the public respondent URL.

A standalone HTML file can display offline, but online submissions still require the configured receiver and an active survey. For websites, the hosted URL is normally the clearest choice.

7. Troubleshoot common website restrictions

Blank frame: confirm that the survey is hosted and that the copied URL opens directly.
Blocked frame: check the parent site’s Content Security Policy and iframe restrictions.
Browser warning: ensure both parent page and survey use HTTPS.
Two scrollbars: increase iframe height or use a direct link.
Old content: confirm that you embedded the intended activated version; published versions are immutable.

You may ask the survey assistant to explain these steps. It uses application-specific guidance and does not modify the survey when answering an embedding question.

Create a survey with AI and embed it on any website