{"id":3128,"date":"2019-06-17T09:46:57","date_gmt":"2019-06-17T04:01:57","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-coach-documentation\/homepage-settings\/how-to-configure-contact-section\/"},"modified":"2020-09-02T17:31:22","modified_gmt":"2020-09-02T11:46:22","slug":"how-to-configure-contact-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-coach\/homepage-settings\/how-to-configure-contact-section\/","title":{"rendered":"How to Configure Contact Section?"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3238\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-11-Image-45.png\" alt=\"\" width=\"1024\" height=\"519\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-11-Image-45.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-11-Image-45-300x152.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-11-Image-45-768x389.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p class=\"red note\">You can either follow the\u00a0video or follow the below steps to configure the Contact Section on the homepage.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to add contact information on the homepage? | Blossom Coach WordPress Theme\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/0yviN5HcBUU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><strong>Note:<\/strong>\u00a0Make sure you have installed and activated\u00a0<strong>BlossomThemes Toolkit<\/strong>\u00a0plugin for this section to work as desired.<\/p>\n<ul>\n<li>Go to\u00a0<b>Appearance &gt; Customize &gt; Front Page Settings &gt; Contact Section.<\/b><\/li>\n<li>Click\u00a0<b>Add a Widget.<\/b><\/li>\n<li>Select the<b>\u00a0Blossom: Contact widget.<\/b><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3239\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-11-Image-46-1.png\" alt=\"\" width=\"642\" height=\"295\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-11-Image-46-1.png 642w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-11-Image-46-1-300x138.png 300w\" sizes=\"(max-width: 642px) 100vw, 642px\" \/><\/p>\n<ul>\n<li>Enter your title, description, telephone, email, and address.<\/li>\n<li>Check\u00a0<strong>Open Social Link in New Tab<\/strong>\u00a0to open social link in new tab.<\/li>\n<li>Click on\u00a0<b>Add Social Icon.\u00a0<\/b>\u00a0Search and select the desired social icon and enter their respective link. You can add more social icons by clicking\u00a0<strong>\u201cAdd Social Icon\u201d<\/strong>.<\/li>\n<li>Click on\u00a0<strong>Done.<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3240\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-12-Image-49.png\" alt=\"\" width=\"311\" height=\"539\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-12-Image-49.png 311w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-12-Image-49-173x300.png 173w\" sizes=\"(max-width: 311px) 100vw, 311px\" \/><\/p>\n<ul>\n<li>Click Add a widget.\u00a0 Add a Text widget.<\/li>\n<li>Enter Title. Text and Contact Form 7 Id. ( Please install, activate and use<strong> Contact form 7 plugin to<\/strong>\u00a0generate shortcode for the form)<\/li>\n<li>Click\u00a0<strong>Publish.<\/strong><\/li>\n<\/ul>\n<h2><span id=\"AddConfigure_Contact_Form\"><span id=\"AddConfigure_Contact_Form\" class=\"ez-toc-section\"><strong>Add\/Configure Contact Form<\/strong><\/span><\/span><\/h2>\n<p>You must install and activate Contact Form 7 Plugin to add or configure contact forms. After you activate the plugin, follow these steps.<\/p>\n<ul>\n<li>Go to\u00a0<strong>Dashboard&gt;Contact&gt; Add New\u00a0<\/strong><\/li>\n<li>Enter the name of the contact form in the title section.\u00a0Configure other settings according to\u00a0<a href=\"http:\/\/contactform7.com\/docs\/\" target=\"_blank\" rel=\"noopener\">Contact Form 7 Documentation\u00a0<\/a><\/li>\n<li>Enter the Fields and Labels for contact form in the <strong>Form<\/strong>\u00a0tab<\/li>\n<li>In the\u00a0<strong>Mail<\/strong>\u00a0tab, you can configure the email address for receiving the emails from the contact form<\/li>\n<li>In the\u00a0<strong>Messages\u00a0<\/strong>tab, you can edit the various messages for the form.<\/li>\n<li>In the Additional Settings tab, you can add extra code to modify the contact form.<\/li>\n<li>Click\u00a0<strong>Save<\/strong>\u00a0to update the changes.<\/li>\n<li>Copy the shortcode generated and paste it in the Text widget in the\u00a0<strong>Appearance&gt; Customize&gt; Frontpage Settings&gt; Contact section.\u00a0<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3242\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-12-Image-50.png\" alt=\"\" width=\"1024\" height=\"490\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-12-Image-50.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-12-Image-50-300x144.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-12-Image-50-768x368.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can either follow the\u00a0video or follow the below steps to configure the Contact Section on the homepage. Note:\u00a0Make sure you have installed and activated\u00a0BlossomThemes Toolkit\u00a0plugin for this section to work as desired. Go to\u00a0Appearance &gt; Customize &gt; Front Page Settings &gt; Contact Section. Click\u00a0Add a Widget. Select the\u00a0Blossom: Contact widget. Enter your title, description, [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":3095,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-3128","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3128"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=3128"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3128\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3095"}],"prev":[{"title":"How to Configure Simple Call To Action Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-coach\/homepage-settings\/how-to-configure-simple-call-to-action-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3127"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=3128"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=3128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}