{"id":185,"date":"2015-03-03T03:16:57","date_gmt":"2015-03-03T03:16:57","guid":{"rendered":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/?p=185"},"modified":"2016-01-16T05:02:22","modified_gmt":"2016-01-16T05:02:22","slug":"setting-up-contact-page","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/setting-up-contact-page\/","title":{"rendered":"Setting up Contact Page"},"content":{"rendered":"

\"Screen<\/p>\n

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

\"\"<\/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 changes button.<\/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 check “Enable Content Builder” option.<\/p>\n

\"\"<\/p>\n

There are 2 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. Contact Form Fullwidth\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

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

    There are 2 map related\u00a0modules.<\/p>\n

      \n
    1. Contact with Map – Display contact form with Google Map on the right side.<\/li>\n
    2. Fullwidth Map\u00a0–\u00a0Display\u00a0fullwidth map.<\/li>\n<\/ol>\n

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

      \"\"<\/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<\/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

      \"\"<\/p>\n

      Paste the javascript code to “Custom Google Map Style” and save changes.<\/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 changes button. Create a Contact Page using Content Builder From your admin sidebar, open\u00a0Pages […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[28,50,47],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/wp-json\/wp\/v2\/posts\/185"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/wp-json\/wp\/v2\/comments?post=185"}],"version-history":[{"count":11,"href":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/wp-json\/wp\/v2\/posts\/185\/revisions"}],"predecessor-version":[{"id":949,"href":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/wp-json\/wp\/v2\/posts\/185\/revisions\/949"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/wp-json\/wp\/v2\/media?parent=185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/wp-json\/wp\/v2\/categories?post=185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandportfolio\/doc\/wp-json\/wp\/v2\/tags?post=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}