{"id":18143,"date":"2022-07-05T15:16:33","date_gmt":"2022-07-05T09:31:33","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/personal-coach\/homepage-settings\/how-to-configure-contact-section\/"},"modified":"2022-07-05T20:24:15","modified_gmt":"2022-07-05T14:39:15","slug":"how-to-configure-contact-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/personal-coach\/homepage-settings\/how-to-configure-contact-section\/","title":{"rendered":"How to Configure Contact Section?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/07\/1-81-1024x478.png\" alt=\"\" class=\"wp-image-18454\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/07\/1-81-1024x478.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/07\/1-81-300x140.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/07\/1-81-768x358.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/07\/1-81.png 1374w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can follow the below steps to configure the Contact Section on the homepage.<\/p>\n\n\n\n<p><strong>Note:<\/strong>&nbsp;Make sure you have installed and activated&nbsp;the <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\u00a0<strong>Appearance > Customize > Front Page Settings > Contact Section.<\/strong><\/li><li>Click\u00a0<strong>Add a Widget.<\/strong><\/li><li>Select the<strong>\u00a0Blossom: Contact widget.<\/strong><\/li><li>Enter your title, description, telephone, email, and address.<\/li><li>Check\u00a0<strong>Open Social Links in New Tab<\/strong>\u00a0to open social links in the new tab.<\/li><li>Click on\u00a0<strong>Add Social Icon.\u00a0<\/strong>\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><li>Click on\u00a0<strong>Done.<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"338\" height=\"907\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/07\/1-82.png\" alt=\"\" class=\"wp-image-18456\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/07\/1-82.png 338w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/07\/1-82-112x300.png 112w\" sizes=\"(max-width: 338px) 100vw, 338px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Click Add a widget.\u00a0 Add a <strong>Text<\/strong> widget.<\/li><li>Enter Title, Text, and Contact Form 7 Id. (Please install, activate and use the Contact form 7 plugin to\u00a0generate a shortcode for the form)<\/li><li>Click\u00a0<strong>Publish.<\/strong><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Add\/Configure Contact Form<\/strong><\/h2>\n\n\n\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\n\n\n<ul class=\"wp-block-list\"><li>Go to\u00a0<strong>Dashboard > Contact > Add New\u00a0<\/strong><\/li><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><li>Enter the Fields and Labels for the contact form in the <strong>Form<\/strong>\u00a0tab<\/li><li>In the\u00a0<strong>Mail<\/strong>\u00a0tab, you can configure the email address for receiving the emails from the contact form<\/li><li>In the\u00a0<strong>Messages\u00a0<\/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\u00a0<strong>Save<\/strong>\u00a0to update the changes.<\/li><li>Copy the shortcode generated and paste it into the Text widget in the\u00a0<strong>Appearance > Customize > Frontpage Settings > Contact Section.\u00a0<\/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\/06\/Page-12-Image-50.png\" alt=\"\" class=\"wp-image-3242\" 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\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can follow the below steps to configure the Contact Section on the homepage. Note:&nbsp;Make sure you have installed and activated&nbsp;the BlossomThemes Toolkit&nbsp;plugin for this section to work as desired. Go to\u00a0Appearance > Customize > Front Page Settings > Contact Section. Click\u00a0Add a Widget. Select the\u00a0Blossom: Contact widget. Enter your title, description, telephone, email, and [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":18133,"menu_order":10,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-18143","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/18143"}],"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=18143"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/18143\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/18133"}],"prev":[{"title":"How to Configure Simple Call To Action Section?","link":"https:\/\/docs.blossomthemes.com\/personal-coach\/homepage-settings\/how-to-configure-simple-call-to-action-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/18142"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=18143"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=18143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}