{"id":52,"date":"2024-02-08T06:29:41","date_gmt":"2024-02-08T06:29:41","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/storeflex\/?p=52"},"modified":"2024-02-08T06:37:21","modified_gmt":"2024-02-08T06:37:21","slug":"how-to-add-a-call-to-action-button-to-your-sites-front-page","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/storeflex\/how-to-add-a-call-to-action-button-to-your-sites-front-page\/","title":{"rendered":"How to add a call-to-action button to your site\u2019s front page?"},"content":{"rendered":"\n<p>The call-to-action button is very important in the case of your conversions and also determines the user&#8217;s engagement in an indirect manner. You can add a call-to-action button to your front page in StoreFlex.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Call-to-action-section-1024x517.jpg\" alt=\"Call to action section\" class=\"wp-image-132\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Call-to-action-section-1024x517.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Call-to-action-section-300x152.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Call-to-action-section-768x388.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Call-to-action-section.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">To add the Call-to-Action button,<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, login to your WordPress website and navigate to <strong>Appearance &gt; Customize<\/strong><\/li>\n\n\n\n<li>Then go to <strong>Front Page Settings<\/strong> and again go to <strong>Full Width Settings<\/strong><\/li>\n\n\n\n<li>You are now provided with customization options. Go to the fifth option named <strong>Call to Action Block Settings <\/strong>and click on the \u2699\ufe0ficon.<\/li>\n\n\n\n<li><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Frontpage-banner-call-to-action-settings-1024x538.jpg\" alt=\"Frontpage banner-call to action-settings\" class=\"wp-image-133\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Frontpage-banner-call-to-action-settings-1024x538.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Frontpage-banner-call-to-action-settings-300x158.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Frontpage-banner-call-to-action-settings-768x404.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Frontpage-banner-call-to-action-settings.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select your preferred image that you want to put on the call to action block by clicking on the <strong>Select Image<\/strong> button on the right side of the customizer<\/li>\n\n\n\n<li>Add the link to the page or site for the image to which you want to direct your engaged customer, just below the <strong>Call to Action Block Image Link <\/strong>text.<\/li>\n\n\n\n<li>If you want to open the new tab, check on the Open Link in New Tab option<\/li>\n\n\n\n<li>Give your Call to Action a <strong>title<\/strong> in the Call to Action title option<\/li>\n\n\n\n<li>Add some button text in the text below and provide the targeted site&#8217;s or page\u2019s link to that button.<\/li>\n\n\n\n<li>Save your changes by clicking on the <strong>Publish<\/strong> button.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The call-to-action button is very important in the case of your conversions and also determines the user&#8217;s engagement in an indirect manner. You can add a call-to-action button to your front page in StoreFlex. To add the Call-to-Action button,<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-52","post","type-post","status-publish","format-standard","hentry","category-front-page-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":3,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/52\/revisions"}],"predecessor-version":[{"id":137,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/52\/revisions\/137"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/categories?post=52"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/tags?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}