{"id":145,"date":"2016-10-18T10:30:31","date_gmt":"2016-10-18T10:30:31","guid":{"rendered":"http:\/\/themes.themegoods.com\/grandphotography\/doc\/?p=145"},"modified":"2016-10-18T11:31:04","modified_gmt":"2016-10-18T11:31:04","slug":"setting-up-contact-page","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/setting-up-contact-page\/","title":{"rendered":"Setting up Contact Page"},"content":{"rendered":"

\"screen-shot-2559-10-18-at-5-30-56-pm\"<\/p>\n

First, you have to setup your email address. Open Theme Setting > General<\/strong>\u00a0and setup your email address.<\/p>\n

Next is to add contact form fields. You must add 3 required fields. Name, Email and Message<\/strong> once you finish adding fields. Click Save button.<\/p>\n

Import Contact Template using Content Builder<\/strong><\/p>\n

\"screen-shot-2559-10-18-at-5-38-09-pm\"<\/p>\n

First when you add new or edit a page. Click “Edit in Content Builder”. Next you will see template button. Click on it and\u00a0select “Predefined Templates”<\/strong>.<\/p>\n

\"screen-shot-2559-10-18-at-5-40-36-pm\"<\/p>\n

Click on templates begin with “Contact…”.<\/p>\n

Create a Contact Page using Content Builder<\/strong><\/p>\n

From your admin sidebar, open\u00a0Pages > Add New<\/strong>. You will get add new page form. Enter page title\u00a0and click\u00a0“Edit in Content Builder” option.<\/p>\n

\"screen-shot-2559-10-18-at-5-45-11-pm\"<\/p>\n

There are 4 contact modules.<\/p>\n

    \n
  1. Contact with Map – Display contact form with Google Map on the right side.<\/li>\n
  2. Contact With Sidebar –\u00a0Display contact form with selected sidebar on the right side.<\/li>\n
  3. One Half Contact Form with Background – Display parallax contact form over background image.<\/li>\n
  4. Contact Form Full width\u00a0–\u00a0Display contact form in fullwidth layout.<\/li>\n<\/ol>\n

    Select the one you want and click “Add” button. It will open a popup with module’s options.<\/p>\n

    \"screen-shot-2559-10-18-at-6-24-31-pm\"<\/p>\n

    Enter options for example title, sub title, Map locations etc. Once you finish customising, click “Update” and save changes the page.<\/p>\n

    Captcha<\/strong><\/p>\n

    You can enable captcha option using Theme Setting > General\u00a0> Captcha Settings<\/strong>. Display captcha image to prevent possible spam<\/p>\n

    Google Map using\u00a0Shortcode<\/strong><\/p>\n

    \"screen-shot-2558-03-03-at-10-24-28-am\"<\/p>\n

    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.<\/p>\n

    Google Map using Content Builder<\/strong><\/p>\n

    \"screen-shot-2559-10-18-at-6-26-16-pm\"<\/p>\n

    Select the one you want and click “Add” button. It will open a popup with module’s options.<\/p>\n

    \"screen-shot-2559-10-18-at-6-27-08-pm\"<\/p>\n

    Enter options for example title, Map locations, height etc. Once you finish customising, click “Update” and save changes the page.<\/p>\n

    Customise Google Map Skin<\/strong><\/p>\n

    Theme includes an option to change Google Map skin&colors using\u00a0snazzymaps<\/a>. You can navigate to\u00a0snazzymaps<\/a>\u00a0and find map style you want to use. For example this one<\/a><\/p>\n

    \"screen-shot-2558-03-03-at-10-30-00-am\"<\/p>\n

    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<\/p>\n

    \"screen-shot-2559-10-18-at-6-28-46-pm\"<\/p>\n

    Paste the javascript code to “Custom Google Map Style” and save changes. You will also need to enter Google Maps API key. Here is how to sign up for Google Maps API Key<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

    First, you have to setup your email address. Open Theme Setting > General\u00a0and 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 button. Import Contact Template using Content Builder First when you add new or edit […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[33,60,58],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/posts\/145"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/posts\/145\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/media?parent=145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/categories?post=145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/tags?post=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}