{"id":476,"date":"2014-03-13T08:41:32","date_gmt":"2014-03-13T08:41:32","guid":{"rendered":"http:\/\/themes.themegoods.com\/capella\/doc\/?p=476"},"modified":"2014-03-17T05:34:06","modified_gmt":"2014-03-17T05:34:06","slug":"contact-form-7","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/capella\/doc\/contact-form-7\/","title":{"rendered":"Contact Form 7"},"content":{"rendered":"<p>You can use contact form shortcode as shown on demo site. 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 Contact &gt; <strong>Add New<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-480\" alt=\"Screen Shot 2557-03-13 at 3.45.05 PM\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.45.05-PM.png\" width=\"664\" height=\"540\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.45.05-PM.png 664w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.45.05-PM-300x243.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.45.05-PM-60x48.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.45.05-PM-150x121.png 150w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><\/p>\n<p>Now you will see new contact form page. Enter name and find Form box. On the right side select field you want to use in your contact form. You can select from text, email, date \u00a0etc. \u00a0You will get new contact field info box.<\/p>\n<p><img class=\"alignnone size-full wp-image-484\" alt=\"Screen Shot 2557-03-13 at 3.46.01 PM\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.46.01-PM1.png\" width=\"495\" height=\"502\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.46.01-PM1.png 495w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.46.01-PM1-295x300.png 295w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.46.01-PM1-60x60.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.46.01-PM1-147x150.png 147w\" sizes=\"(max-width: 495px) 100vw, 495px\" \/><\/p>\n<p><img class=\"alignnone size-full wp-image-485\" alt=\"Screen Shot 2557-03-13 at 3.48.30 PM\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.48.30-PM.png\" width=\"364\" height=\"113\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.48.30-PM.png 364w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.48.30-PM-300x93.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.48.30-PM-60x18.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.48.30-PM-150x46.png 150w\" sizes=\"(max-width: 364px) 100vw, 364px\" \/><\/p>\n<p>From example screenshot. I have to copy\u00a0[email email-863] and add the code to left side form in order to display email field in my contact form.<\/p>\n<p><img class=\"alignnone size-full wp-image-486\" alt=\"Screen Shot 2557-03-13 at 3.49.38 PM\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.49.38-PM.png\" width=\"499\" height=\"425\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.49.38-PM.png 499w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.49.38-PM-300x255.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.49.38-PM-60x51.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.49.38-PM-150x127.png 150w\" sizes=\"(max-width: 499px) 100vw, 499px\" \/><\/p>\n<p>Then copy\u00a0[email-863] to the Message Body form to display email information in the email when it&#8217;s sent.<\/p>\n<p><img class=\"alignnone size-full wp-image-487\" alt=\"Screen Shot 2557-03-13 at 3.51.00 PM\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.51.00-PM.png\" width=\"439\" height=\"64\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.51.00-PM.png 439w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.51.00-PM-300x43.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.51.00-PM-60x8.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-13-at-3.51.00-PM-150x21.png 150w\" sizes=\"(max-width: 439px) 100vw, 439px\" \/><\/p>\n<p>Once you finnish adding all contact form fields. Click Save button and copy contact form shortcode under its name and paste to any pages or posts to display the contact form you created.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can use contact form shortcode as shown on demo site. 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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[57,12],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts\/476"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/comments?post=476"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts\/476\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/media?parent=476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/categories?post=476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/tags?post=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}