Tutorials

loading...

Adding forms to your site with Yola's Form Widget

Adding your own customizable form within the Sitebuilder is easy with the Form Widget. The flexibility of this widget enables you to to create custom line items, to make gathering information and communicating with customers a valuable experience.

Upon dragging and dropping the Form Widget into Sitebuilder, users have the option to choose a pre-made contact form or a blank one to customize yourself. Once the form is completed, the information submitted will be sent directly to your email. By default, the email on file will be that of your Yola login, but updating this email address address can be done by simply by clicking on the "Settings" link in your Form Widget.
    
Yola forms have the ability to include CAPTCHAs, to combat blank form submissions and spam. A CAPTCHA is a type of challenge-response test in an attempt to ensure that the response is generated by a person. A common type of CAPTCHA requires the user to type letters or digits from a distorted image that appears on the screen. The CAPTCHA is added to your form automatically, but you can remove it easily in the "Edit" menu.

Here's how to add, customize and edit your Yola Form Widget:

1. In your Sitebuilder, go to Widgets > Forms. 

2. Drag and drop the Form Widget onto your page.

User-added image

3. You have the option to choose a Contact Us or a Blank Form. Both forms allow you to add and delete, rename and move the location of your form fields.

User-added image

4. You can edit the form settings at any time by clicking on "Edit" on the upper-left hand corner of your Form Widget.

User-added image

5. To change the name of a field, click on the field name. You can delete the default text and add in your custom field name if you wish. You can also add default text to the text fields that your user will fill in.

User-added image
 
6. You also have the option to change the name of the "Submit" button on the form, to a name more appropriate to your form or business.

User-added image

7. To delete a field click on the red "x" in that particular field.

User-added image

8. To move a field to another position on the form and drag and drop it up or down on the form. You can also use the blue dotted arrows below the red "x" to move the fields.

9. To add another field to your form, click on the "Add new field" drop down list. You have the choice to add "Single Line Text", "Multi Line Text", Multiple Choice", "Checkboxes", "Choose from a list", "Text" and "Spam Protector (Captcha)". Once again all these fields are customizable to suit your form needs.

User-added image

10. Under the "Settings" tab is a field for editing the email address the form submissions are sent to, as well as a customizable completion message. This is the message that your site visitor will see after successfully submitting your form.

User-added image

11. Once you are done customizing your form, click on "Save".

12. Click on "Preview" to preview what your form will look like once it is published.

If you're happy with your form, republish your site to make it live.