Creating And Customizing Contact Forms | SpotOn Website

1. Click the + in between sections to display the sections menu.

2. Select Contact Form A, Contact Form B or Contact Form C.

To edit the contact form:

1. Position your mouse over the contact form and click Edit. Two additional Edit buttons will appear.

2. Click on the Edit button on the contact form to manage it.

3. Set the email where inquiries should go, a custom message displayed to visitors after the inquiry is sent, and the text for your submit button (e.g. Get a Quote, Contact Us, Send).

4. Customize existing fields by clicking the arrow next to the field name.

5. Enter a Field Name and select a Field Size.

6. Mark a field as Required to force visitors to complete it (optional).

7. You can rearrange fields by dragging the hamburger icon.

8. You can add more fields by clicking Add Form Field.

9. Save Changes.

To edit the title and description

1. Position your mouse over the contact form and click Edit. Two additional Edit buttons will appear.

2. Click on the Edit button over the text to open the Text Editor.

3. Fill in your Title and Description and if desired add a button. 

4. Save Changes.

Example of Contact Form A

Example of Contact Form B

To add or edit an image

1. Position your mouse over the contact form and click Edit. Two additional Edit buttons will appear.

2. Click on the Edit button over the image.

3. Click Upload Image and select Upload New Image to choose a file from your computer.

4. If desired, you may set a Caption below the image. The style of this caption can be edited in the styles menu.

5. Stretch Image to Fit will expand the image to fit the whole frame. Change this option before uploading a new image.

6. Link Image to Page can add a link within your site or an external page.

Contact Form C Example