{"id":110,"date":"2017-01-03T09:07:23","date_gmt":"2017-01-03T09:07:23","guid":{"rendered":"http:\/\/themes.themegoods.com\/grandtour\/doc\/?p=110"},"modified":"2017-01-03T09:26:57","modified_gmt":"2017-01-03T09:26:57","slug":"setting-up-contact-form","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/grandtour\/doc\/setting-up-contact-form\/","title":{"rendered":"Setting up Contact Form"},"content":{"rendered":"<p>First you have to install &#8220;Contact Form 7&#8221; Plugin and you can <a href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\" target=\"_blank\">download it here<\/a>. Then install the plugin. From your admin sidebar, open\u00a0<strong>Plugins &gt; Add New &gt; Upload<\/strong>. Then upload and install the plugin. Once you installed, activate it and it will be ready to use.<\/p>\n<p>Once you installed Contact Form7. You will find new tab on the left side name &#8220;Contact&#8221;. Open <strong>Contact &gt; Add New\u00a0<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-113\" src=\"http:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.09.18-PM.png\" alt=\"\" width=\"792\" height=\"672\" srcset=\"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.09.18-PM.png 792w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.09.18-PM-300x255.png 300w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.09.18-PM-768x652.png 768w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.09.18-PM-60x51.png 60w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.09.18-PM-150x127.png 150w\" sizes=\"(max-width: 792px) 100vw, 792px\" \/><\/p>\n<p>Now you will see new contact form page. Enter name and find Form box. On the top there are\u00a0fields you can select to\u00a0your contact form. You can select from text, email, date \u00a0etc. \u00a0You will get new contact field info box.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-115\" src=\"http:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.10.54-PM.png\" alt=\"\" width=\"785\" height=\"551\" srcset=\"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.10.54-PM.png 785w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.10.54-PM-300x211.png 300w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.10.54-PM-768x539.png 768w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.10.54-PM-60x42.png 60w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.10.54-PM-150x105.png 150w\" sizes=\"(max-width: 785px) 100vw, 785px\" \/><\/p>\n<p>For example, I created email field with default value of example@yourcompany.com once finished customizing field. Click Insert Tag button.<\/p>\n<p><strong>Customising Email\u00a0Content<\/strong><\/p>\n<p>Click on second tab name &#8220;Mail&#8221;. You will see customising email content form.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-118\" src=\"http:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.15.26-PM-684x1024.png\" alt=\"\" width=\"684\" height=\"1024\" srcset=\"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.15.26-PM-684x1024.png 684w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.15.26-PM-201x300.png 201w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.15.26-PM-768x1149.png 768w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.15.26-PM-40x60.png 40w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.15.26-PM-100x150.png 100w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.15.26-PM.png 784w\" sizes=\"(max-width: 684px) 100vw, 684px\" \/><\/p>\n<p>You can edit any text you want to use for email content and you can also insert field from contact form for example email field I created previously using [email]. Once finished customizing field. Click Save\u00a0button.<\/p>\n<p><strong>Import Demo Contact Form<\/strong><\/p>\n<p>First you have to download import demo file <a href=\"http:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/grandtourbookingtravelwordpress.wordpress.2017-01-03.xml_.zip\">here<\/a>\u00a0then open <strong>WordPress Dashboard &gt; Tools &gt; Import &gt; WordPress<\/strong>. Unzip the file you downloaded you will find .xml file which you can use to import demo contact form.<\/p>\n<p><strong>Setting up demo Contact Page<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-44\" src=\"http:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-17-at-6.28.04-PM.png\" alt=\"\" width=\"198\" height=\"99\" srcset=\"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-17-at-6.28.04-PM.png 198w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-17-at-6.28.04-PM-60x30.png 60w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2559-10-17-at-6.28.04-PM-150x75.png 150w\" sizes=\"(max-width: 198px) 100vw, 198px\" \/><\/p>\n<p>First when you add new or edit a page. Click &#8220;Edit in Content Builder&#8221;. Next you will see template button. Click on it and\u00a0select <strong>&#8220;Predefined Templates&#8221;<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-121\" src=\"http:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.22.54-PM.png\" alt=\"\" width=\"599\" height=\"126\" srcset=\"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.22.54-PM.png 599w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.22.54-PM-300x63.png 300w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.22.54-PM-60x13.png 60w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.22.54-PM-150x32.png 150w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><\/p>\n<p>Click on template name &#8220;Contact Us&#8221;. Then click on &#8220;Text Contained Content &#8211; Contact Form&#8221; module<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-122\" src=\"http:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.25.29-PM.png\" alt=\"\" width=\"766\" height=\"81\" srcset=\"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.25.29-PM.png 766w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.25.29-PM-300x32.png 300w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.25.29-PM-60x6.png 60w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.25.29-PM-150x16.png 150w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/><\/p>\n<p>Scroll through its options, you will see\u00a0visual editor field. Enter contact form shortcode you created previously and save change.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-123\" src=\"http:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.26.23-PM.png\" alt=\"\" width=\"488\" height=\"294\" srcset=\"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.26.23-PM.png 488w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.26.23-PM-300x181.png 300w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.26.23-PM-60x36.png 60w, https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-content\/uploads\/2017\/01\/Screen-Shot-2560-01-03-at-4.26.23-PM-150x90.png 150w\" sizes=\"(max-width: 488px) 100vw, 488px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>First you have to install &#8220;Contact Form 7&#8221; Plugin and you can download it here. Then install the plugin. From your admin sidebar, open\u00a0Plugins &gt; Add New &gt; Upload. Then upload and install the plugin. Once you installed, activate it and it will be ready to use. Once you installed Contact Form7. You will find [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[64,60,62,63,61,58,26],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-json\/wp\/v2\/posts\/110"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":5,"href":"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-json\/wp\/v2\/posts\/110\/revisions"}],"predecessor-version":[{"id":124,"href":"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-json\/wp\/v2\/posts\/110\/revisions\/124"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-json\/wp\/v2\/media?parent=110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-json\/wp\/v2\/categories?post=110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandtour\/doc\/wp-json\/wp\/v2\/tags?post=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}