First, you have to setup your email address. Open Theme Setting > General and setup your email address.
Next is to add contact form fields. You must add 3 required fields. Name, Email and Message once you finish adding fields. Click Save changes button.
Create a Contact Page using Content Builder
From your admin sidebar, open Pages > Add New. You will get add new page form. Enter page title and check “Enable Content Builder” option.
There are 2 contact modules.
- Contact with Map – Display contact form with Google Map on the right side.
- Contact With Sidebar – Display contact form with selected sidebar on the right side.
Select the one you want and click “Add” button. It will open a popup with module’s options.
Enter options for example title, sub title, Map locations etc. Once you finish customising, click “Update” and save changes the page.
Captcha
You can enable captcha option using Theme Setting > General > Captcha Settings. Display captcha image to prevent possible spam
Google Map using Shortcode
When you edit a page. There is shortcode option at the bottom of editing field. Select “Google Map” and enter map options. Once you finish, click “Generate Shortcode” and copy shortcode to editing field.
Google Map using Content Builder
There are 2 map related modules.
- Contact with Map – Display contact form with Google Map on the right side.
- Fullwidth Map – Display fullwidth map.
Select the one you want and click “Add” button. It will open a popup with module’s options.
Enter options for example title, Map locations, height etc. Once you finish customising, click “Update” and save changes the page.
Customise Google Map Skin
Theme includes an option to change Google Map skin&colors using snazzymaps. You can navigate to snazzymaps and find map style you want to use. For example this one
One the left box of map skin page. You will find “Javascript Style Array” box. ClickCopy button and open Theme Setting > Contact > Google Map Settings
Paste the javascript code to “Custom Google Map Style” and save changes.