Let your survey become an integral part of your website instead of popping up as a widget. You can embed a survey in a specific element of your website or web app so you can have a survey appear anywhere on your website without having to use custom CSS code. The survey will be hard-coded into your website, thus becoming its integral part, unlike widgets or pop-ups.
Please remember that you need basic knowledge of HTML and CSS to proceed.
Create an Email or Shareable link survey
1. You can either set up a survey of your own (start from scratch), select a survey from our templates library (start from template), create a survey with AI, or import questions you prepared before:
Select the Email or Shareable link survey type.
Add an iFrame to your website or web app
1. Decide where in the code the survey would fit in best and add this line to your website:
<iframe src="place your survey URL here"></iframe>
2. Copy the URL of your survey from the Share tab and insert it into the tag from above.
Adjust height and width
In our example, the line comes after the Hello world! bit:
<h3>Hello world!</h3>
<iframe src="place your survey URL here"></iframe>
<p>Welcome to B2B Services Testing Sites. This is your first post. Edit or delete it, then start blogging!</p>
However, the outcome is far from satisfactory:
This can quickly be dealt with. If you tweak the iframe's height and width, the survey will be easier to answer:
<iframe src="place your survey URL here" width="500px" height="330px"></iframe>
Here's the same survey after its width and height have been adjusted:
Best Practices
Personalize your survey
Learn how to design your survey and Remove the Survicate branding to adjust it to suit your brand.
Ask for your respondents' details
Add a Contact form question to your survey to identify your respondents and stay in touch with them:
📞 If you have any questions about how to embed a survey using iFrame - feel free to reach out to our team via chat or email: support@survicate.com.