It is possible to add 2 kinds of predesigned forms within the editor: Form widget and Signup form
We offer two types of forms
Click on the Add Content (1) button located at the top of your editor and then drag and drop either the Form widget (2) or the Signup form widget (3) onto your page.
The Form Widget
The Form Widget includes one Email field and one Message field.
Click on the Form Widget on your page and you will be able to edit its settings.
1. The Email Title will be the subject on the email you will receive when someone submits the form
2. You can change the Button text
3. Type the email address where you want to receive the submitted forms
4. If you want your users to be redirected to another page after submitting the form, select the page in the drop down menu
5. Or you can redirect them to a page on another site by typing here the URL
6. Save your changes when you finish
The Signup Form
You can add a signup form to your site to keep a database of users you could send information to.
Click on the Signup Form Widget on your page and you will be able to edit its settings.
1. The Email Title will be the subject on the email you will receive when someone submits the form
2. Change the Label text to inform users what you will do with their email
3. Change the text on your button
4. Type the email address where you want to receive the submited forms
5. If you want your users to be redirected to another page after submitting the form, select the page in the drop down menu
6. Or you can redirect them to a page on another site by typing here the URL
7. Save your changes when you finish
If you need a more complex form, try using the embed widget
Example: Creating a booking form with Jotform
You will need to create an account at http://www.jotform.com/
The free account supports up to 100 form submissions per month.
Find a responsive form template
Click on the Form Templates button (1) and then search for "responsive" (2). A list of responsive form templates will be displayed (3)
Select the one you like.
Edit the form
Edit the form using the tools provided.
Get the embed code
Click the Setup & Embed tab (1) and then click the Source Code button (2). Copy the source code (3).
Within your editor, go to the Embed widget you added onto your page
Click on the embed widget you added onto your page previously (1)
Paste the code from Jotform (1) and then click on Save (2).
Test the form
Click the Preview button (1) to test the form. The form will not work in page edit mode - you must use Preview.
Publish your site to make the form visible online.
Comments
0 comments
Article is closed for comments.