{"id":2499,"date":"2021-12-13T10:25:52","date_gmt":"2021-12-13T10:25:52","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/click-actions-for-the-cta-button\/"},"modified":"2022-08-22T05:42:46","modified_gmt":"2022-08-22T05:42:46","slug":"click-actions-for-the-cta-button","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/landing-pages\/builder\/cta-button\/","title":{"rendered":"Click Actions for the CTA Button"},"content":{"rendered":"<div class=\"aricle_container\">\n<p>When adding a <a href=\"\/hc\/landing-pages\/builder\/button\/\" target=\"_blank\" rel=\"noopener noreferrer\">CTA button<\/a> to a <a href=\"\/hc\/a-z-guide\/landing-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">landing page<\/a>, you can configure different click actions for the button depending on the desired functionality.<\/p>\n<p>Let&#8217;s proceed, and look at the different click actions that can be configured for a landing page button:<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>1: Redirecting the Button Clicks to an External URL<\/h3>\n<p>To redirect the button clicks to an external URL, use the <strong>Button Action<\/strong> dropdown menu to select the menu option &#8211; <strong>Link to external URL<\/strong>. Use the next field <strong>Button External Link<\/strong> to specify the external URL to which you want to redirect the clicks on your landing page.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1859\" title=\"Landing page cta button\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingpage-cta-button-external.png\" alt=\"Landing page click action for button. Button action settings is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>2: Redirecting the Button Clicks to Another Landing Page<\/h3>\n<p>To redirect the button clicks to another landing page, use the <strong>Button Action<\/strong> dropdown menu to select the menu option &#8211; <strong>Link to landing page<\/strong>. Use the next field <strong>Select Landing Page<\/strong> to specify the landing page to which you want to redirect the clicks from your current landing page.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1861 size-full\" title=\"Landing page cta button link to landing page\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/cta-button-landing-page.png\" alt=\"Landing page click action for button. Link to landing page is selected\" width=\"459\" height=\"545\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>3: Redirecting the Button Clicks to an Email Address<\/h3>\n<p>To redirect the button clicks to an Email address, use the <strong>Button Action<\/strong> dropdown menu to select the menu option &#8211; <strong>Email Address<\/strong>. Use the next field <strong>Email Address<\/strong> to specify the Email address to which you want to redirect the clicks on this button.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1862 size-full\" title=\"CTA button email address\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-cta-button-email.png\" alt=\"Landing page click action for button. Email address is selected\" width=\"459\" height=\"545\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>4: Redirecting the Button Clicks to Survey<\/h3>\n<p>To redirect the button clicks to a survey, use the <strong>Button Action<\/strong> dropdown menu to select the menu option \u2013 <strong>Link to Survey<\/strong> Page. Use the next field <strong>Select Survey Page<\/strong> to specify a survey to which you want to redirect the clicks from your current landing page.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1868 size-full\" title=\"Landing page button download\" src=\"\/hc\/wp-content\/uploads\/2022\/08\/landing-page-cta-button-survey.png\" alt=\"Landing page click action for button. Download content is selected\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>5: Opening a Pop-up on Button Clicks<\/h3>\n<p>To open a Pop-up when the button on the landing page is clicked, use the <strong>Button Action<\/strong> dropdown menu to select <strong>Popup<\/strong>. Use the next field <strong>Select Popup<\/strong> to select your desired pop-up layout design. The layout design that you select at this stage is just a starting point for your convenience. Once you select a pop-up layout, you can edit it as per your requirements in the next step.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1863 size-full\" title=\"Landing page CTA button popup\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-cta-button-popup.png\" alt=\"Landing page click action for button. Popup is selected\" width=\"459\" height=\"545\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Click on the different areas of the pop-up to update the text\/images, etc. In case you wish to add additional design elements to your pop-up, drag and drop the corresponding widgets onto the pop-up. Once you are done, click on <strong>Save Changes<\/strong>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1864\" title=\"CTA button download\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-cta-button-download.png\" alt=\"Landing page click action for button. Download now button\" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>6: To Confirm an Opt-in Request<\/h3>\n<p>To confirm an opt-in request and redirect the clicks to a thank you page, use the <strong>Button Action<\/strong> dropdown menu to select <strong>Confirmed opt-in verification<\/strong>. Use the next field <strong>Select thank you page&nbsp;<\/strong>to select the third field to specify the landing page that you want to use as a thank you page. All clicks received on this button will be redirected to the specified thank you page.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1865 size-full\" title=\"Landing page button thank you page\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingpage-button-thank-you-page.png\" alt=\"Landing page click action for button. Confirmed opt-in verification is selected\" width=\"459\" height=\"545\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>7: Redirecting the Clicks to Place a Phone Call<\/h3>\n<p>To configure the button clicks to place a phone call, use the <strong>Button Action<\/strong> dropdown menu to select <strong>Call<\/strong>. Use the next field <strong>Select country<\/strong> to select the country where you want to place a phone call. You can also type in the country code manually in the following field if you wish to. In the <strong>Phone Number<\/strong> field, type in the mobile number to which you want to direct the phone call requests.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1866 size-full\" title=\"CTA button call\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-cta-button-call.png\" alt=\"Landing page click action for button. Call is selected\" width=\"459\" height=\"614\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>8: Redirecting the Clicks to Send an SMS<\/h3>\n<p>To configure the button clicks to send an SMS, use the <strong>Button Action<\/strong> dropdown menu to select <strong>SMS<\/strong>. Use the next field <strong>Select Country<\/strong> to select the country where you want to send an SMS. You can also type in the country code manually in the following field if you wish to. In the <strong>Phone Number<\/strong> field, type in the mobile number at which you want to receive the messages.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1867 size-full\" title=\"Landing page button SMS\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-cta-button-sms.png\" alt=\"Landing page click action for button. SMS is selected\" width=\"459\" height=\"614\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>9: Configuring a File Download on Button Clicks<\/h3>\n<p>If you want the clicks on the button to download a file to the customer\u2019s local system, use the <strong>Button Action<\/strong> dropdown menu to select <strong>Download content<\/strong>. Use the <strong>Browse document<\/strong> button to upload the relevant document. All clicks received on this button will download this document to the customer&#8217;s local system.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1868 size-full\" title=\"Landing page button download\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingpage-cta-download-button.png\" alt=\"Landing page click action for button. Download content is selected\" width=\"459\" height=\"545\"><\/p>\n<\/div>\n<style>\n  .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}<br \/>\n  .aricle_container span{color:#0070ba!important}<br \/>\n  .aricle_container li,.aricle_container blockquote{font-size:18px!important;font-weight: 400;}<br \/>\n  .aricle_container a{font-size:18px!important;color: #0070BA!important; text-decoration:none!important;background-image:none!important}<br \/>\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>When adding a CTA button to a landing page, you can configure different click actions for the button, e.g., redirection to an external URL, a file download, opening a popup, etc.<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"ht-kb-category":[214],"ht-kb-tag":[],"class_list":["post-2499","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-landing-page-builder"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/comments?post=2499"}],"version-history":[{"count":5,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2499\/revisions"}],"predecessor-version":[{"id":11351,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2499\/revisions\/11351"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/media?parent=2499"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb-category?post=2499"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb-tag?post=2499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}