How to embed forms / surveys to website with responsiveness
BlockSurvey supports embedding forms or surveys directly on websites.
Just head to the Embed section in the Integrate tab and you'll find the HTML code you need.
Now, 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, here's 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.
IFRAME:
<iframe src="--- FORM / SURVEY URL GOES HERE ---" frameborder="0" marginheight="0" marginwidth="0" style="width: 100%; height: 90vh;">Loading…</iframe>
EMBED:
<embed src="--- FORM / SURVEY URL GOES HERE ---" style="width: 100%; height: 90vh;">
You can check the preview by changing the width and height in the Embed section.
đź’ˇTip: For forms or surveys that involve capturing images, it's highly recommended to use the iFrame code.
<iframe src="--- FORM / SURVEY URL GOES HERE ---" style="width:100%; height:50vh;" frameborder="0" marginheight="0" marginwidth="0" allow="camera; microphone">Loading…</iframe>