{"id":719,"date":"2019-04-23T08:16:28","date_gmt":"2019-04-23T08:16:28","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-speaker-free-wordpress-theme\/homepage-settings\/how-to-configure-contact-section\/"},"modified":"2020-09-02T12:02:15","modified_gmt":"2020-09-02T06:17:15","slug":"how-to-configure-contact-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-speaker\/homepage-settings\/how-to-configure-contact-section\/","title":{"rendered":"How to Configure Contact Section?"},"content":{"rendered":"<p>You can configure the Contact Section on the homepage using this settings panel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-819\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Contact-section-demo.png\" alt=\"Contact section demo\" width=\"1370\" height=\"739\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Contact-section-demo.png 1370w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Contact-section-demo-300x162.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Contact-section-demo-768x414.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Contact-section-demo-1024x552.png 1024w\" sizes=\"(max-width: 1370px) 100vw, 1370px\" \/><\/p>\n<p><strong>Note:<\/strong>\u00a0Make sure you have installed and activated\u00a0<strong>BlossomThemes<\/strong>\u00a0Toolkit plugin for this section to work.<\/p>\n<ul>\n<li>Login to your WordPress Admin Panel<\/li>\n<li>Go to\u00a0<strong>Appearance &gt; Customize &gt; Front Page Settings &gt; Contact Section.<\/strong><\/li>\n<li>Click\u00a0<strong>Add a Widget<\/strong>.<\/li>\n<li>Select the\u00a0<strong>Blossom: Contact widget.<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-820\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/select-blossom-contact-widgetr.png\" alt=\"select blossom contact widgetr\" width=\"642\" height=\"351\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/select-blossom-contact-widgetr.png 642w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/select-blossom-contact-widgetr-300x164.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<strong>Add Social Icon<\/strong>. Search and select the desired social icon and enter their respective link. You can add more social icons by clicking \u201c<strong>Add Social Icon<\/strong>\u201d.<\/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-821\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Enter-your-contact-details.png\" alt=\"Enter your contact details\" width=\"311\" height=\"539\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Enter-your-contact-details.png 311w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Enter-your-contact-details-173x300.png 173w\" sizes=\"(max-width: 311px) 100vw, 311px\" \/><\/p>\n<ul>\n<li>Click Add a widget. Add a <strong>Text\u00a0<\/strong>widget.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-822\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-a-text-widget.png\" alt=\"Select a text widget\" width=\"642\" height=\"389\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-a-text-widget.png 642w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-a-text-widget-300x182.png 300w\" sizes=\"(max-width: 642px) 100vw, 642px\" \/><\/p>\n<ul>\n<li>Enter Title for the contact form<\/li>\n<li>Enter Contact Form shortcode in the description. ( Please install, activate and use\u00a0<strong>Contact form 7\u00a0<\/strong>plugin to generate shortcode for the form). Visit\u00a0<strong>Add\/Configure Contact Form\u00a0<\/strong>section of this documentation for details.<\/li>\n<li>Click\u00a0<strong>Publish<\/strong><\/li>\n<\/ul>\n<h3><span id=\"AddConfigure_Contact_Form\"><strong>Add\/Configure Contact Form<\/strong><\/span><\/h3>\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<ul>\n<li>Login to your WordPress Admin panel<\/li>\n<li>Go to\u00a0<strong>Dashboard&gt;Contact&gt; Add New<\/strong><\/li>\n<li>Enter the name of the contact form in the title section. Configure other settings according to\u00a0<a href=\"http:\/\/contactform7.com\/docs\/\" target=\"_blank\" rel=\"noopener\">Contact Form 7 Documentation<\/a><\/li>\n<li>Enter the Fields and Labels for the 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<\/strong>\u00a0tab, 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.<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-823\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-Contact-Form-on-the-contact-section.png\" alt=\"Configure Contact Form on the contact section\" width=\"1024\" height=\"490\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-Contact-Form-on-the-contact-section.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-Contact-Form-on-the-contact-section-300x144.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-Contact-Form-on-the-contact-section-768x368.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Note: If you are facing any issue regarding the Contact Form 7, please contact the support team of Contact Form 7 to get your issue resolved faster.<\/p>\n<p>Contact Form 7 Support link: <a href=\"https:\/\/contactform7.com\/support\/\" target=\"_blank\" rel=\"noopener\">https:\/\/contactform7.com\/support\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can configure the Contact Section on the homepage using this settings panel. Note:\u00a0Make sure you have installed and activated\u00a0BlossomThemes\u00a0Toolkit plugin for this section to work. Login to your WordPress Admin Panel 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, telephone, [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":710,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-719","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/719"}],"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=719"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/719\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/710"}],"prev":[{"title":"How to Configure Simple Call To Action Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-speaker\/homepage-settings\/how-to-configure-simple-call-to-action-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/718"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=719"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}