Allow your visitors an easy and secure way to contact you. The contact form is a simple form you can add to your site that emails you submissions when someone uses it to contact you.
Tip: A contact form is a smart option for keeping your contact information secure. Instead of advertising your email address or phone number on your website that potential spammers could use, add a contact form to conceal this information and have your contact form entries go straight to an email address of your choice.
Where to Find
This Component can be found in the "Add Content to Page" section of the Toolbar.
Adding to Website
After selecting this Component, you will be able to choose exactly where you want to add it! Simply drag the Element onto the purple, orange or blue ribbons on your page.
Setting up your Contact Form
In order to receive entries to your new contact form you will need to configure the Contact Form element to send entries to your your email address. Once you have added the Contact Form Element to your page click the "Form Settings" option in the Element's Toolbar to open the Contact Form Settings tab. From here simply type your email into the "Your Email Address" field in the Send Settings. You can send a copy of the entry to multiple other email addresses by adding them (comma separated) to the "CC Address" field below.
Set a custom subject line for your Contact Form entries under "Email Subject Line". You can also fill in the "Message to Display After Form Submission" to customize a message that will appear on your page where the Contact Form is after someone sends a message.
Check the "Use labels as placeholder text inside of fields" check box to move your Contact form label text
To confirm your changes you have made in the Contact Form Settings, make sure you click the "Save Changes" button.
We welcome you to send a test message to your own contact form by visiting your website logged out, to see how this Contact Form will look to your visitors. This will also give you an idea of how you will receive these messages in your email inbox.
Customize your Contact form by adding your own fields, radio buttons, date, drop down menus and more. To get started, simply go to the "Edit Fields" option in the Element Toolbar to access the Form Design window.
You can drag any of the following items from the left column into the "draggable" areas of the Form fields:
The submit button is required and cannot be removed, however you can change the text that displays on the button, or choose an image instead.
Text Input: A box for a simple single line of text to be entered. Great for names and e-mail addresses.
Text Area Input: A box for multiple lines of text to be entered. This is better for paragraphs and addresses.
Radio Option: A tool for allowing the form user to choose between selections or options, such as "yes" and "no". An choice can be made and changed, but not removed completely.
Checkbox Option: A simple check box for tasks such as asking the user whether they would like to sign up for your mailing list. Can be selected or deselected.
Dropdown Select: A tool for allowing the user to make a choice between items in a drop down box. Great when allowing the user to choose their country of residence, for example.
Heading: Add a heading to organize your form.
Paragraph: The paragraph allows you to display a message to the user, the paragraph will appear in the form and in the email received.
Label: A simple line of text. Great for adding a title to break up your form.
Date Field: A field where a date can by typed in or selected from a calendar that appears when the field is clicked on.
Time Field: A field where a date can by typed in or selected from a drop down menu that appears when the field is clicked on.
File Attachment: A field that a file can be uploaded to when the "Browse" button is clicked.
Note: Clicking the "Required" checkbox will allow you to make the field mandatory!
Your Sitemap Managing Your Page SEO Connecting To Google Analytics 4 Adding Alt Text To Your Images Indexing Your Website With Google
Stock Photos Uploading Files From The File Manager Creating Folders For The Image Gallery Image Element Slideshow Element Gallery Element Flickr Element Video Player Element Youtube Element RSS Feed
Publishing A Page Page Settings Managing Error Pages Changing Your Default Homepage Adding To A Page Customize your website with Blocks
Customize your website with Blocks Using Columns Responsive Viewing Managing Your SiteBlocks Template Customizing The Navigation Bar Managing Error Pages Managing Redirects
Creating A New Blog Managing Blog Posts Managing Blog Categories Managing Blog Comments Adding Images To Blog Posts Managing Your Blog RSS Feed Advanced Blog Settings
Stock Photos Uploading Files From The File Manager File Folders Creating Folders For The Image Gallery
Share Buttons Social Links Facebook Pages Facebook Comments Facebook Like Spotify Follow Pinterest Pin Pinterest Follow Youtube Subs Twitter Follow Tweets Tweet Button Disqus