{"id":138,"date":"2022-11-29T08:13:21","date_gmt":"2022-11-29T08:13:21","guid":{"rendered":"https:\/\/superpwa.com\/documentation\/?post_type=ht_kb&#038;p=138"},"modified":"2025-12-17T05:30:37","modified_gmt":"2025-12-17T05:30:37","slug":"add-to-home-screen-button-by-using-shortcode-in-superpwa","status":"publish","type":"ht_kb","link":"https:\/\/superpwa.com\/docs\/article\/add-to-home-screen-button-by-using-shortcode-in-superpwa\/","title":{"rendered":"ADD to Home screen button by using Shortcode in SuperPWA"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">We are giving authority to the user to add or install the SuperPWA app by using Shortcode. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Website Admin\/Developer can use shortcode to place button any where in whole website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to add Home screen button by using Shortcode in SuperPWA then first you need to purchase and install&nbsp;the <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 Activate&nbsp;<strong>Call To Action<\/strong>&nbsp;Add-on you will get this option on the&nbsp;<strong>WordPress Dashboard&nbsp;<\/strong>-&gt;&nbsp;<strong>SuperPWA<\/strong>&nbsp;-&gt; Click on the&nbsp;<strong>Call To Action&nbsp;<\/strong>-&gt; Now you can see this &#8220;<strong>Use Shortcode<\/strong>&#8221; option and Copy this shortcode and paste where you want to display add to home 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\/02\/1.png\" alt=\"1\" class=\"wp-image-2832\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For example, I\u2019m copying this \u201c<strong>[superpwa-add-to-home-button]<\/strong>&nbsp;&#8221; shortcode and paste into the post 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\/02\/2.png\" alt=\"2\" class=\"wp-image-2833\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>The Output of Add To Home<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2021\/02\/3.png\" alt=\"3\" class=\"wp-image-2834\"\/><\/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>&nbsp;<\/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 the SuperPWA app by using Shortcode. Website Admin\/Developer can use shortcode to place button any where in whole website. If you want to add Home screen button by using Shortcode in SuperPWA then first you need to purchase and&#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-138","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\/138","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=138"}],"version-history":[{"count":2,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/138\/revisions"}],"predecessor-version":[{"id":677,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb\/138\/revisions\/677"}],"wp:attachment":[{"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/media?parent=138"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=138"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/superpwa.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}