Embedding forms/surveys directly into your website keeps users on your site without redirects, which reduces abandonment rates and maintains brand consistency and trust.
BlockSurvey supports embedding forms or surveys directly on websites.
Just head to the Embed section in the Integrations tab, and you can copy the HTML code you need (for Embed & IFrame) to paste it into your webpage.
Enabling Responsiveness with Embed.
The default code should work fine for desktop, but if you want to make the form responsive for mobile, you'll need to make a few tweaks to the width and height parameters.
To help you out, below is a sample code template that you can use. Just replace the URL with your own and feel free to adjust the width and height to fit your needs.
EMBED:
<embed src="--- FORM / SURVEY URL GOES HERE ---" style="width: 100%; height: 90vh;">
IFRAME:
<iframe src="--- FORM / SURVEY URL GOES HERE ---" frameborder="0" marginheight="0" marginwidth="0" style="width: 100%; height: 90vh;">Loading…</iframe>
You can also check the preview by changing the width and height in the Embed section.
💡Tip: For forms or surveys that involve capturing images & voice, it's highly recommended to use the following IFrame code, allowing access to the camera and microphone.
<iframe src="--- FORM / SURVEY URL GOES HERE ---" style="width:100%; height:50vh;" frameborder="0" marginheight="0" marginwidth="0" allow="camera; microphone">Loading…</iframe>
If you are still running into issues, contact us at [email protected] at any time.