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 create custom line items, to make gathering information and communicating with customers a valuable experience.

Upon dragging and dropping the Form widget onto your page, you have the option to choose a pre-made contact form or a blank one to customize. Once the form is completed, the information submitted will be sent directly to your email. By default, the email used will be the same email address you use to login to your Yola account. If you wish to update this email address, it can be easily 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 Form widget:

1. In your Sitebuilder, go to Widgets.

2. Select Popular from the drop-down menu.

3. Drag and drop a Form widget onto your page.
User-added image

4. 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

5. You can edit the form settings at any time by clicking Edit on the upper-left hand corner of your Form widget.
User-added image

6. 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
7. 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

8. To delete a field click on the red "X" in that particular field.
User-added image

9. To move a field to another position on the form, click on the field and drag and drop this where you'd like it go. 

10. To add another field to your form, click 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
  • Spam Protector (Captcha)
Once again, all these fields are customizable to suit your form needs.
User-added image

11. 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

12. Once you are done customizing your form, click Save.

13. Click on the Preview icon 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.


It's easy to take your business online with Yola.