Embed a form using iframe
Your website layout and the theme used will affect how your form appears in your web page. You can embed your form as a iframe on your webpage using the code we provide. We calculate the height and the width of your form based on the container in which you embed the form.
To get the code to embed your form as a iframe,
-
In your form builder, navigate to Share > Embed > iframe.
-
Copy the code provided and embed it on your webpage.
To edit the height and width, you can edit in the code with the desired height and width in px.
For example:
The code we have provided:
You can change it as given below:
<iframe frameborder="0" style=
"height:900px;width:400px
;border:none;" src='
https://forms.zohopublic.com/zylker/form/ContentMarketingWorkshop/formperma/V0HqLCXF3AC0zw4BjDaqAgGZMtFQrRWkHU0hTwUJSj0'></iframe>
This will make your form load with the desired height and width as per attribute value.
You can track referrals to know which website your respondents found your form from and also prefill your embedded forms to make the form filling experience simpler for your website visitors.
How to embed a form with webcam option in Image Upload field?
If your embedded form has an
Image Upload
field, respondents will not be able to capture pictures using the webcam. To allow this, you must include the following in the embed code:
- allow="camera"
- ?zf_enablecamera=true
For example:
<iframe frameborder="0" style="height:500px;width:99%;border:none;" allow="camera" src= "https://forms.zoho.com/zylker/form/TravelRequestForm/formperma/1d2ld7jUoGDLINcnloYo2R_VOPJGeUSGtSq5WWDf3sc?zf_enablecamera=true"></iframe>