Screen Shot 2558-05-18 at 11.06.36 AM

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.

Screen Shot 2558-03-03 at 10.20.13 AM

There are 2 contact modules.

  1. Contact with Map – Display contact form with Google Map on the right side.
  2. 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

Screen Shot 2558-03-03 at 10.24.28 AM

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

Screen Shot 2558-03-03 at 10.26.24 AM

There are 2 map related modules.

  1. Contact with Map – Display contact form with Google Map on the right side.
  2. 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

Screen Shot 2558-03-03 at 10.30.00 AM

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.