{"id":13460,"date":"2021-06-16T17:32:20","date_gmt":"2021-06-16T11:47:20","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/seva-lite\/homepage-settings\/how-to-configure-contact-section\/"},"modified":"2021-08-31T20:06:25","modified_gmt":"2021-08-31T14:21:25","slug":"how-to-configure-contact-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/seva-lite\/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 Create A Service Business Website In 2021 | Seva Lite Free WordPress Theme Tutorial\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/4yL2AprFwVc?start=3661&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-0002f844-89d0-4d19-b056-c785a88eaf67\"><img decoding=\"async\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-64-1024x655.png\" alt=\"This image has an empty alt attribute; its file name is 1-64-1024x655.png\"\/><\/figure>\n\n\n\n<p id=\"block-4e6d40e8-5f43-43e8-95d5-48f496ae5d11\"><strong>Note:<\/strong>&nbsp;Make sure you have installed and activated the&nbsp;<strong>BlossomThemes Toolkit<\/strong>&nbsp;plugin for this section to work as desired.<\/p>\n\n\n\n<p id=\"block-1abb3dd0-f4e4-429a-a44c-8db08a8759e1\">Please follow the below steps to configure the Contact Section.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-549473d5-6248-4619-b805-f52dc09757e6\"><li>Go to <strong>Appearance &gt; Customize &gt; Front Page Settings &gt; Contact Section.<\/strong><\/li><li>Add a title, subtitle, and description for the Contact Section.<\/li><li>Select a Background Image for the Contact Section.<\/li><li>Click&nbsp;<strong>Add a Widget.<\/strong><\/li><li>Select the<strong>&nbsp;Blossom: Contact widget.<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\" id=\"block-f64c79fa-2cec-4b44-9242-b5ab5670dc79\"><img loading=\"lazy\" decoding=\"async\" width=\"645\" height=\"884\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/06\/1-32.png\" alt=\"\" class=\"wp-image-13603\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/06\/1-32.png 645w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/06\/1-32-219x300.png 219w\" sizes=\"(max-width: 645px) 100vw, 645px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-29f23434-e80a-4209-9b51-73403946165d\"><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;<strong>Add Social Icon.&nbsp;<\/strong>&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>Apply.<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-a2de7639-66c1-44a5-934c-f82266b2c02e\"><img decoding=\"async\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-Contact-widget.png\" alt=\"Configure Contact widget\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-1d25581d-8ad2-4730-9677-9f546aae3b53\"><li>Click Add a widget.&nbsp; Add a <strong>Text<\/strong> widget.<\/li><li>Enter Title and Contact Form 7 form shortcode. ( Please install, activate and usethe <strong>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\" id=\"block-74d2e8be-88d2-417f-a600-c225f843ce68\"><strong>Add\/Configure Contact Form<\/strong><\/h2>\n\n\n\n<p id=\"block-a394ef7d-0f94-4385-852e-ba19395eca33\">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\" id=\"block-8eb7151d-507d-4de3-b937-0cfa881a442e\"><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 rel=\"noreferrer noopener\" href=\"http:\/\/contactform7.com\/docs\/\" target=\"_blank\">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; Front Page Settings&gt; Contact section.&nbsp;<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-d453632a-163d-4afc-9fd9-9d11d835121d\"><img decoding=\"async\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-contact-form.png\" alt=\"Configure contact form\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Note:&nbsp;Make sure you have installed and activated the&nbsp;BlossomThemes Toolkit&nbsp;plugin for this section to work as desired. Please follow the below steps to configure the Contact Section. Go to Appearance &gt; Customize &gt; Front Page Settings &gt; Contact Section. Add a title, subtitle, and description for the Contact Section. Select a Background Image for the Contact [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":13443,"menu_order":9,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-13460","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/13460"}],"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=13460"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/13460\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/13443"}],"next":[{"title":"How to Configure Call To Action Two Section?","link":"https:\/\/docs.blossomthemes.com\/seva-lite\/homepage-settings\/how-to-configure-call-to-action-two-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/13461"}],"prev":[{"title":"How to Configure Blog Section?","link":"https:\/\/docs.blossomthemes.com\/seva-lite\/homepage-settings\/how-to-configure-blog-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/13459"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=13460"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=13460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}