{"id":554,"date":"2019-04-15T10:02:48","date_gmt":"2019-04-15T10:02:48","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-coach-pro\/homepage-settings\/how-to-configure-contact-section\/"},"modified":"2022-07-11T15:31:53","modified_gmt":"2022-07-11T09:46:53","slug":"how-to-configure-contact-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-coach-pro\/homepage-settings\/how-to-configure-contact-section\/","title":{"rendered":"How to configure Contact Section?"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<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>\n<\/div><\/figure>\n\n\n\n<p>You can set up the contact form and other methods to contact you in this section of the homepage.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1700\" height=\"567\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Contact-section-demo-1.png\" alt=\"Contact section demo\" class=\"wp-image-1427\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Contact-section-demo-1.png 1700w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Contact-section-demo-1-300x100.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Contact-section-demo-1-768x256.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Contact-section-demo-1-1024x342.png 1024w\" sizes=\"(max-width: 1700px) 100vw, 1700px\" \/><\/figure>\n\n\n\n<p>Please follow the below steps to configure the contact section on the homepage of your website.<\/p>\n\n\n\n<p><strong>Note:<\/strong>&nbsp;Make sure you have installed and activated&nbsp;<strong>BlossomThemes Toolkit<\/strong>&nbsp;plugin for this section to work as desired.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to&nbsp;<b>Appearance &gt; Customize &gt; Front Page Settings &gt; Contact Section.<\/b><\/li><li>Click&nbsp;<b>Add a Widget.<\/b><\/li><li>Select the<b>&nbsp;Blossom: Contact widget.<\/b><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"642\" height=\"351\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-Blossom-Contact-widget.png\" alt=\"\" class=\"wp-image-1428\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-Blossom-Contact-widget.png 642w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-Blossom-Contact-widget-300x164.png 300w\" sizes=\"(max-width: 642px) 100vw, 642px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Enter your title, description, telephone, email, and address.<\/li><li>Check&nbsp;<strong>Open Social Link in New Tab<\/strong>&nbsp;to open social link in new tab.<\/li><li>Click on&nbsp;<b>Add Social Icon.&nbsp;<\/b>&nbsp;Search and select the desired social icon and enter their respective link. You can add more social icons by clicking&nbsp;<strong>\u201cAdd Social Icon\u201d<\/strong>.<\/li><li>Click on&nbsp;<strong>Done.<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"311\" height=\"539\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-Contact-widget.png\" alt=\"Configure Contact widget\" class=\"wp-image-1429\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-Contact-widget.png 311w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-Contact-widget-173x300.png 173w\" sizes=\"(max-width: 311px) 100vw, 311px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Click Add a widget.&nbsp; Add a Text widget.<\/li><li>Enter Title. Text and Contact Form 7 Id. ( Please install, activate and use<strong>&nbsp;Contact form 7 plugin<\/strong>to generate shortcode for the form)<\/li><li>Click&nbsp;<strong>Publish.<\/strong><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"AddConfigure_Contact_Form\"><span id=\"AddConfigure_Contact_Form\" class=\"ez-toc-section\"><strong>Add\/Configure Contact Form<\/strong><\/span><\/span><\/h2>\n\n\n\n<p>You must install and activate the Contact Form 7 Plugin to add or configure contact forms. After you activate the plugin, follow these steps.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Login to your WordPress Admin Panel.<\/li><li>Go to&nbsp;<strong>Dashboard&gt;Contact&gt; Add New&nbsp;<\/strong><\/li><li>Enter the name of the contact form in the title section.&nbsp;Configure other settings according to&nbsp;<a href=\"http:\/\/contactform7.com\/docs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Contact Form 7 Documentation&nbsp;<\/a><\/li><li>Enter the Fields and Labels for the contact form in the <strong>Form<\/strong>&nbsp;tab<\/li><li>In the&nbsp;<strong>Mail<\/strong>&nbsp;tab, you can configure the email address for receiving the emails from the contact form<\/li><li>In the&nbsp;<strong>Messages&nbsp;<\/strong>tab, you can edit the various messages for the form.<\/li><li>In the Additional Settings tab, you can add extra code to modify the contact form.<\/li><li>Click&nbsp;<strong>Save<\/strong>&nbsp;to update the changes.<\/li><li>Copy the shortcode generated and paste it in the Text widget in the&nbsp;<strong>Appearance&gt; Customize&gt; Frontpage Settings&gt; Contact section.&nbsp;<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-contact-form.png\" alt=\"Configure contact form\" class=\"wp-image-1430\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-contact-form.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-contact-form-300x144.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-contact-form-768x368.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can set up the contact form and other methods to contact you in this section of the homepage. Please follow the below steps to configure the contact section on the homepage of your website. Note:&nbsp;Make sure you have installed and activated&nbsp;BlossomThemes Toolkit&nbsp;plugin for this section to work as desired. Go to&nbsp;Appearance &gt; Customize &gt; [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":539,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-554","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/554"}],"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=554"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/554\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/539"}],"next":[{"title":"How to sort Front Page Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-coach-pro\/homepage-settings\/how-to-sort-front-page-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/555"}],"prev":[{"title":"How to configure Shop Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-coach-pro\/homepage-settings\/how-to-configure-shop-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/553"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=554"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}