All Collections
Run web surveys
Make the most out of website surveys
How to embed a survey using iFrame on your website?
How to embed a survey using iFrame on your website?
Let your survey become an integral part of your website instead of popping up as a widget
Ewa avatar
Written by Ewa
Updated over a week ago

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 so you can have a survey appear anywhere on your website without having to use custom CSS code. The survey will be hard-coded in 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 need to create an email or shareable link survey - you can start from scratch or use one of our ready-to-use templates.

Add an iFrame to your website

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


Personalise your survey template

Learn how to design your survey and adjust the template to suit your brand.

Change survey design

Add your custom CSS to personalize elements of your survey.


Remove Survicate branding

In order to remove "Powered by Survicate" footer and brand your surveys as your own, use our Remove branding feature.


๐Ÿ“ž 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.


Did this answer your question?