Once a contact form is added to your Website Builder site, you can customize the form's elements and submit button. Important: The contact form's From/Sending email address is donotreply@sitebuilder.email. To help ensure that messages sent from this email address do not go to your spam folder, we suggest adding the email address to your Contacts list. The email address is also the Reply-to email address. If you need to reply to your site visitor who submitted the form, you'll need to send a new email to the email address they entered into the form.

Jump to:

• Add a form element
• Edit form elements
• Edit the form submit button text
• Other submit button options

Add a form element

1. Click into any form field then click the : icon.
   
2. Click the Add Element icon.
   
3. Under Add a new element to item, select Field.
   
   A new form element will be added to the top of your form.
   
4. Follow the steps below to edit your new form element.

Edit form elements

On the contact form, click a form element. The following options will appear which will allow you to customize the form element:

1. Edit field:
   • Change the default text in the field. This will tell your visitor what to enter in the field.
   • Mandatory field - Set the field to be mandatory.
   • Single Value - One entry can be allowed in the field.
   • Multi Options - Create a dropdown menu with several options.
   • Text - Add a line of text to the field.
   • Email - Only an email address can be entered into the field.
   • Phone - Only a phone number can be entered into the field.
   • Date - A field in which a date can be added. The format is mm/dd/yy.
   • Checkbox - Add a checkbox.
   • Message - A text input field which allows a visitor to add a message or comment.
   
   
2. Click SAVE to save your changes.
   
3. Click into any form field then click the : icon to view the following options:
   
   • Field Style - Change the font style, add mouseover effects and border styles.
     
     
   • Form Settings - Add or edit the email address to which the form will be submitted and add a Thank You message which will be seen after the form is submitted. Note: The color of the Thank You message text will depend on the form and cannot be changed. Click SAVE to save your changes.
     
     
   • Element Order - Change the order of the selected form element by clicking the up or down arrows.
     
   • Add Element - Add another element to the item.
     
   • Delete Field - Delete the form field. Note: The form field border will be highlighted in red when you mouse over the X icon.
     

Edit the form submit button text

1. On the contact form, click the form submit/SEND button.
   
2. Click Edit Button.
   
3. Edit the text of the Send button. 
   

Other submit button options

• Button style - Change the style of the submit button.
  
  • In Buttons Style:
    • Choose different Buttons effects.
    • Select a color for the effect.
      Click the arrows to the right of Inherit Style, Button's Border, and Button's Color to see those options.
      
    • Inherit Style - Custom or Website Style.
    • Button's Border - Color, Width, and Radius.
    • Button's Color - Idle and Hover effects.
      
• Element order - Change the order of the selected form element by clicking the up or down arrows.
  
• Add Element - Add another element to the item.
  
• Delete Button - Delete the button. Note: The button border will be highlighted in red when you mouse over the X icon.
  

When you're finished adding and customizing your form, don't forget to publish your site.

• Go back to the Website Builder Index.