{"id":170,"date":"2022-11-30T04:27:22","date_gmt":"2022-11-30T04:27:22","guid":{"rendered":"https:\/\/superpwa.com\/documentation\/?post_type=ht_kb&#038;p=170"},"modified":"2025-12-17T05:24:12","modified_gmt":"2025-12-17T05:24:12","slug":"how-to-add-menu-button-using-call-to-action-cta-add-on-in-superpwa","status":"publish","type":"ht_kb","link":"https:\/\/superpwa.com\/docs\/article\/how-to-add-menu-button-using-call-to-action-cta-add-on-in-superpwa\/","title":{"rendered":"How to add Menu button using Call To Action (CTA) Add-On in SuperPWA"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In this tutorial, we will show you how to add a Menu button using Call To Action (CTA) Add-On for this follow these steps.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to add Call To Action in SuperPWA then first you need to purchase and install&nbsp;<a href=\"https:\/\/superpwa.com\/pricing\/\"><strong>SuperPWA PRO<\/strong>&nbsp;<\/a>plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong>&nbsp;After installing you need to enter the license key for this you need to go&nbsp;to&nbsp;<strong>WordPress Dashboard&nbsp;<\/strong>-&gt;&nbsp;<strong>SuperPWA<\/strong>&nbsp;-&gt;<strong>&nbsp;License<\/strong>&nbsp;-&gt; Here you will get the Add-on to enter the License key and click on the \u201c<strong>Activate<\/strong>\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2020\/12\/17.png\" alt=\"17\" class=\"wp-image-1111\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong>&nbsp;You need to go&nbsp;to&nbsp;<strong>WordPress Dashboard&nbsp;<\/strong>-&gt;&nbsp;<strong>SuperPWA<\/strong>&nbsp;-&gt;<strong>&nbsp;Add-ons<\/strong>-&gt; Click on the Call To Action Add-on \u201c<strong>Activate<\/strong>\u201d button<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2020\/12\/8.png\" alt=\"8\" class=\"wp-image-1085\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3:<\/strong>&nbsp;After that click on the Setting button as shown below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2021\/08\/4.png\" alt=\"4\" class=\"wp-image-6567\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4:<\/strong> In this setting, you need to check <strong>Menu Button<\/strong> and then click on the <strong>Save Settings <\/strong>button like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2021\/08\/5.png\" alt=\"5\" class=\"wp-image-6568\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 5:<\/strong> Here you need to check to <strong>Mark this as SuperPWA installable<\/strong> for this you need to go &nbsp;<strong>WordPress dashboard<\/strong>&nbsp;-&gt;&nbsp;<strong>Appearance<\/strong>&nbsp;-&gt;&nbsp;In the&nbsp;<strong><strong>Menus<\/strong><\/strong> -&gt; Check this <strong>Mark this as SuperPWA installable<\/strong> option and then click on the Save Menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2021\/08\/6.png\" alt=\"6\" class=\"wp-image-6571\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to Change Button Background and Text Color <\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2021\/08\/7.png\" alt=\"7\" class=\"wp-image-6574\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button Background Color:<\/strong>&nbsp;In this field, you can change the background color of the Call To Action.<\/li>\n\n\n\n<li><strong>Button Text Color:<\/strong>&nbsp;In this field, you can change the text color of the Call TO Action button.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">The Output of the Menu button  <\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2021\/08\/8.png\" alt=\"8\" class=\"wp-image-6575\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We hope we\u2019ve clear your doubts in case If you have any feedback or questions, Just contact us&nbsp;<strong><a href=\"https:\/\/superpwa.com\/contact\/\">here<\/a>&nbsp;<\/strong>and&nbsp;we are always available for you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For all WordPress users we offer a <a href=\"https:\/\/iaf.org\/statement-about-treatment\/\">coupon for rybelsus<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we will show you how to add a Menu button using Call To Action (CTA) Add-On for this follow these steps. If you want to add Call To Action in SuperPWA then first you need to purchase and install&nbsp;SuperPWA PRO&nbsp;plugin. Step 1:&nbsp;After installing you need to enter&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[21],"ht-kb-tag":[],"class_list":["post-170","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-miscellaneous"],"_links":{"self":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/comments?post=170"}],"version-history":[{"count":3,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/170\/revisions"}],"predecessor-version":[{"id":665,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/170\/revisions\/665"}],"wp:attachment":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/media?parent=170"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=170"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}