The iFrame embed is more limited than the Javascript embed, however there are still some nice things you can do to customise it more to your style, if you want.


(For instructions on the javascript embed, check out this article)


First of all, go grab your iframe tag from the Share page of your survey.


Here's an example iframe tag:


<iframe
 src="http://yourcompany.responsesuite.com/q/12345678?noheader"
 id="survey-12345678"
 frameborder="0"
 allowtransparency="true"
 allow="geolocation; microphone; camera"
 style="width: 100%; height: 600px;">
</iframe>


You have a few things you can do:


1. Show the Fancy Header

By default we hide the fancy colourful header when you embed your survey, but if you want to display that when you embed it's a simple case of removing the ?noheader parameter from the tag.



So this code would now look like this:


<iframe
 src="http://yourcompany.responsesuite.com/q/12345678"
 id="survey-12345678"
 frameborder="0"
 allowtransparency="true"
 allow="geolocation; microphone; camera"
 style="width: 100%; height: 600px;">
</iframe>


2. Change Width and Height

Super simple, just change the numbers in the tag.


Width can be a percentage or in number of pixels, where as height is limited to pixels.


For example, the following would show this survey at 80% width and 1,000 pixels in height and will not show the header:


<iframe
 src="http://yourcompany.responsesuite.com/q/12345678?noheader"
 id="survey-12345678"
 frameborder="0"
 allowtransparency="true"
 allow="geolocation; microphone; camera"
 style="width: 80%; height: 1000px;">
</iframe>