/
Creating And Customizing Contact Forms | SpotOn Website

Creating And Customizing Contact Forms | SpotOn Website

This content is intended for SpotOn Website customers whose Website was created prior to October 2023. For customers of SpotOn Website after October 2023, please visit this FAQ for assistance.

Quick Links


Contact Forms A, B, & C

Contact Forms allow customers to message you directly from your website.

Form submissions are sent right to your email that you provide. The forms are easily created by filling in fields with the Form editor template. Each form is protected by reCaptcha for bot recognition.


Add/Edit Contact Forms

Action

Display

Action

Display

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

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

The options and features of a contact form may vary depending on the type.

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.

 


 

Contact Form A & B

In addition to the contact form itself, Contact Forms A & B  provide a Title and a Description.

Action

Display

Action

Display

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.

Learn more about buttons.

Example of Contact Form A

 

Example of Contact Form B

 


 

Contact Form C

In addition to the contact form itself, Contact Form C allows you to add an image.

Action

Display

Action

Display

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

Related content

Contact Form Safety Tips | SpotOn Website
Contact Form Safety Tips | SpotOn Website
More like this
Email Marketing A & B (Newsletter Subscription) | SpotOn Website
Email Marketing A & B (Newsletter Subscription) | SpotOn Website
More like this
Accessing the Website Editor | SpotOn Website
Accessing the Website Editor | SpotOn Website
More like this
Features A, B, C, & D | SpotOn Website
Features A, B, C, & D | SpotOn Website
More like this
Contact Forms | SpotOn Website
Contact Forms | SpotOn Website
More like this
Text Sections | SpotOn Website
Text Sections | SpotOn Website
More like this