{"id":142,"date":"2022-11-29T08:18:30","date_gmt":"2022-11-29T08:18:30","guid":{"rendered":"https:\/\/superpwa.com\/documentation\/?post_type=ht_kb&#038;p=142"},"modified":"2022-11-29T08:54:07","modified_gmt":"2022-11-29T08:54:07","slug":"call-to-action-cta-add-on-for-superpwa","status":"publish","type":"ht_kb","link":"https:\/\/superpwa.com\/docs\/article\/call-to-action-cta-add-on-for-superpwa\/","title":{"rendered":"Call To Action (CTA) Add-On for SuperPWA"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">We are giving authority to the user to add or install SuperPWA app in Sticky Bar<\/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;<strong> <\/strong><a href=\"https:\/\/superpwa.com\/pricing\/\"><strong>SuperPWA PRO<\/strong> <\/a>plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> 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 size-large\"><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> 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 &#8220;<strong>Activate<\/strong>&#8221; button<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><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> After Activate <strong>Call To Action<\/strong> Add-on you will get this option on the <strong>WordPress Dashboard&nbsp;<\/strong>-&gt;&nbsp;<strong>SuperPWA<\/strong>&nbsp;-&gt;<strong>&nbsp;<\/strong>Click on the <strong>Call To Action  <\/strong>-&gt; You will see all the setting 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\/2020\/12\/10.png\" alt=\"10\" class=\"wp-image-1089\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button Text:<\/strong> Button Text will be the Text which you want to show on Call To Action Button.<\/li>\n\n\n\n<li><strong>Position:<\/strong>&nbsp;In this option, two option will be displayed \u201c<strong>Top<\/strong>\u201d or \u201c<strong>Bottom<\/strong>\u201d as per your requirement where you want to display Call To Action. <\/li>\n\n\n\n<li><strong>Show on Desktop CTA:<\/strong> By check this option CTA will shown on Desktop.<\/li>\n\n\n\n<li><strong>Show CTA banner without scroll: <\/strong>By check this option Show CTA banner without scroll. <\/li>\n\n\n\n<li><strong>Bar Background Color:&nbsp;<\/strong>In this field, you can change the background color of the Call To Action.<\/li>\n\n\n\n<li><strong>Container Background Color:<\/strong> In this field, you can change the Container Background Color of the Call To Action.<\/li>\n\n\n\n<li><strong>Bar Text Color:<\/strong>&nbsp;In this field, you can change the text color of the Call To Action.<\/li>\n\n\n\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\n\n\n<li><strong>Button Font Size:<\/strong>&nbsp;In this field, you can change the font size of the Call To Action button and then click on the \u201c<strong>Save Changes<\/strong>\u201d button.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">The Output of the Call To Action <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">                                  <strong> <strong>This is the output for the <strong>Position<\/strong><\/strong><\/strong> <strong><strong>Top Call To Action<\/strong><\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2022\/09\/c1.png\" alt=\"C1\" class=\"wp-image-84550\" width=\"229\" height=\"459\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">                    <strong><strong>This is the output for the <strong>Position<\/strong><\/strong><\/strong> <strong><strong>Bottom <strong><strong>Call To Action<\/strong><\/strong><\/strong><\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2022\/09\/c2.jpg\" alt=\"C2\" class=\"wp-image-84552\" width=\"230\" height=\"467\"\/><\/figure>\n<\/div>\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> <\/strong>and&nbsp;we are always available for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are giving authority to the user to add or install SuperPWA app in Sticky Bar If you want to add Call To Action in SuperPWA then first you need to purchase and install&nbsp; SuperPWA PRO plugin. Step 1: After installing you need to enter the license key for this&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[18],"ht-kb-tag":[],"class_list":["post-142","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-pro"],"_links":{"self":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/142","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=142"}],"version-history":[{"count":1,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/142\/revisions"}],"predecessor-version":[{"id":143,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/142\/revisions\/143"}],"wp:attachment":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/media?parent=142"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=142"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}