Refer to this page to learn how to embed a form as a button in a page.

• Embed a form 
  
• Configure properties for the embedded form

Note: If your page has another application component (form or report) inside it, then you need to publish the component for it to be accessible in the published page.

To embed a form in a page

1. Edit your app.
2. Select the required page from the accordion menu on the top-left corner, or from the application preview in the middle. You'll be taken to its  Design  page.
3. Click on the device icon to navigate to the  Design  view of the device of your choice.
   

   

4. Hover in the middle and click  Open Page Builder .
5. In the page builder, click the  Form  option from the page elements menu on the left. A menu will slide in.
6. Select an  Application  from the dropdown provided. This dropdown will list all the applications available in your Zoho Creator account.
7. Select a form from the  Form  dropdown. All the forms in the selected application will be listed here.
   

8. Click and drag the  Embed as Form  option to embed a form into the page builder. You can also double-click the  Embed as Form  option.
9. Once the form is added to the page, you can configure various  properties  for it.

To configure an embedded form

1. Double click the form you want to configure. You can also single click to select the form and then click the  Configure  option in the toolbar at the top-center of the page builder.
   
2. The  Form Embed Configuration  pane will slide in from the right. From here, you can configure the  Properties  and  Field values . Also, you can change the form by clicking the  Change Form  button at the top of the pane.
   
   
3. Under the  Properties  tab, you can customize the following:
   
   • Success Message: Enter a message you want to show when the form is submitted successfully via the page.
   • Submit button text : Enter text to be displayed in place of  Submit  button when users access your form to submit entries.
   • Reset button text : Enter text to be displayed in place of  Reset  button when users need to clear the data entered in your form.
   • Redirect to : Specify the entity (website or component) to which you want to redirect your users on form submission.
   • Open in : Select the required target window in which the redirected entity must be opened.
4. Under the  Field Values  tab, you can prefill the field values in your selected form.
   
   
5. Click  Configure values . A field will appear chosen by default and you can specify its value.
   
   
6. Click  Add New Value  to select fields and specify their values.
7. You can also edit the chosen field by clicking on the field name and choosing a different field from the dropdown.
   
   
8. Hover on a value to  delete  that row of field and its value.
   
   
9. Click  Done  at the top-right to save configuration.
10. Select the form and click the  Title  option to set a title for your embedded form. A popup window will appear.
    
    
11. Specify the title and click  Done . The title will be displayed above the embedded form. You can click again on the  Title  icon if you do not want to display the title.
    
    
12. Click the dropdown beside the  double-sided arrow  icon to set the height as  Auto  or  Custom  (in pixels) for your form.
    
    
13. Click the  Delete  icon to delete the form.
14. Click  Done  at the top-right corner of the page builder once you have finished making changes. The changes are automatically saved.
    

Related Topics

1. Understand forms in a page
2. Embed a form as a button