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 frame 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.
-
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:
How to embed a form with webcam option in Image Upload field?
- allow="camera"
- ?zf_enablecamera=true
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Still can't find what you're looking for?
Write to us: support@zohoforms.com
|
Quick Links |
Workflow Automation |
Data Collection |
|
|
||
|
Form Templates |
||
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Zoho Sheet Resources
Zoho Forms Resources
Zoho Sign Resources
Sign, Paperless!
Zoho TeamInbox Resources
Zoho DataPrep Resources
Design. Discuss. Deliver.
Related Articles
Embed options in Zoho Forms - Which one to choose?
Embedding your form on your website or blog is another way of reaching out to people. Use the code we have provided to embed your forms anywhere on your webpage. You can embed your form using: iframe: This option allows you to embed the form as a ...Embed a form using JavaScript
A JavaScript code helps you to embed a form in your website as a part of your webpage. Unlike iframe, this option will embed the form as a page element and not as an external resource. You can choose to auto-resize or set custom height for your form ...Embed a form using HTML/CSS codes
To further modify and customize the forms which you wish to embed in your website, you can download your form as a plain HTML file or a HTML with CSS file. To do so, In your form builder, go to Share > Embed > HTML & CSS. Click Generate Code to ...Embed a form as a Lightbox pop-up
Lightbox form is a pop-up that overlays the webpage, when the user engages with your webpage . This helps in drawing the attention of your website visitors to the form. For example, if you require your customers to subscribe to your newsletter to ...Embedding forms on a WordPress website
WordPress is a free website creation platform. If you are using Wordpress to build your website, you can embed your Zoho Forms form as follows: For WordPress 5.0 and above In your Zoho Forms account, create a form for your WordPress site. Install and ...