{"id":1499,"date":"2022-07-12T08:13:55","date_gmt":"2022-07-12T08:13:55","guid":{"rendered":"https:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&#038;p=1499"},"modified":"2022-07-12T08:44:02","modified_gmt":"2022-07-12T08:44:02","slug":"add-to-home-screen-button-by-using-shortcode","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/add-to-home-screen-button-by-using-shortcode\/","title":{"rendered":"ADD to Home screen button by using Shortcode"},"content":{"rendered":"\n<p>We are giving authority to the user to add or install the PWAforWP app by using Shortcode.<\/p>\n\n\n\n<p>Website Admin\/Developer can use shortcode to place button any where in whole website.<\/p>\n\n\n\n<p>If you want to add Home screen button by using Shortcode in PWAforWP then first you need to purchase and install\u00a0the\u00a0<a href=\"https:\/\/pwa-for-wp.com\/pricing\/\" data-type=\"URL\" data-id=\"https:\/\/pwa-for-wp.com\/pricing\/\">PWA for WP pro<\/a> plugin.<\/p>\n\n\n\n<p><strong>Step 1:<\/strong>\u00a0After installing you need to enter the license key for this you need to go\u00a0to\u00a0<strong>WordPress Dashboard\u00a0<\/strong>->\u00a0<strong>PWAforWP<\/strong>\u00a0-><strong>\u00a0License<\/strong>\u00a0-> 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 loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"533\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/xdW9v892TmmxWBaOnEZjcQ-1024x533.png\" alt=\"\" class=\"wp-image-1500\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/xdW9v892TmmxWBaOnEZjcQ-1024x533.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/xdW9v892TmmxWBaOnEZjcQ-300x156.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/xdW9v892TmmxWBaOnEZjcQ-768x400.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/xdW9v892TmmxWBaOnEZjcQ-50x26.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/xdW9v892TmmxWBaOnEZjcQ-1536x799.png 1536w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/xdW9v892TmmxWBaOnEZjcQ-60x31.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/xdW9v892TmmxWBaOnEZjcQ-100x52.png 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/xdW9v892TmmxWBaOnEZjcQ.png 1776w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 2:<\/strong>\u00a0You need to go\u00a0to\u00a0<strong>WordPress Dashboard\u00a0<\/strong>->\u00a0<strong>PWAforWP<\/strong>\u00a0-><strong>\u00a0Add-ons<\/strong>-> Click on the Call To Action Add-on \u201c<strong>Activate<\/strong>\u201d button<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"528\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/t40kPiu2TDytbAXurlbqDw-1-1024x528.png\" alt=\"\" class=\"wp-image-1505\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/t40kPiu2TDytbAXurlbqDw-1-1024x528.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/t40kPiu2TDytbAXurlbqDw-1-300x155.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/t40kPiu2TDytbAXurlbqDw-1-768x396.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/t40kPiu2TDytbAXurlbqDw-1-50x26.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/t40kPiu2TDytbAXurlbqDw-1-1536x792.png 1536w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/t40kPiu2TDytbAXurlbqDw-1-60x31.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/t40kPiu2TDytbAXurlbqDw-1-100x52.png 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/t40kPiu2TDytbAXurlbqDw-1.png 1779w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 3:<\/strong>\u00a0After Activate\u00a0<strong>Call To Action<\/strong>\u00a0Add-on you will get this option on the\u00a0<strong>WordPress Dashboard\u00a0<\/strong>->\u00a0<strong>PWAforWP<\/strong>\u00a0-> Click on the\u00a0<strong>Call To Action\u00a0<\/strong>-> Now you can see this \u201c<strong>Use Shortcode<\/strong>\u201d 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 loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/Q2AQHB7xTVS39ye3eSINvw-1-1024x531.png\" alt=\"\" class=\"wp-image-1506\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/Q2AQHB7xTVS39ye3eSINvw-1-1024x531.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/Q2AQHB7xTVS39ye3eSINvw-1-300x156.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/Q2AQHB7xTVS39ye3eSINvw-1-768x398.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/Q2AQHB7xTVS39ye3eSINvw-1-50x26.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/Q2AQHB7xTVS39ye3eSINvw-1-1536x797.png 1536w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/Q2AQHB7xTVS39ye3eSINvw-1-60x31.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/Q2AQHB7xTVS39ye3eSINvw-1-100x52.png 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/Q2AQHB7xTVS39ye3eSINvw-1.png 1752w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For example, I\u2019m copying this \u201c<strong>[pwaforwp-add-home]<\/strong>\u00a0\u201d shortcode and paste into the post like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"530\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/SYJWBUnGRGCxJ8GRhTO5qg-1-1024x530.png\" alt=\"\" class=\"wp-image-1507\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/SYJWBUnGRGCxJ8GRhTO5qg-1-1024x530.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/SYJWBUnGRGCxJ8GRhTO5qg-1-300x155.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/SYJWBUnGRGCxJ8GRhTO5qg-1-768x397.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/SYJWBUnGRGCxJ8GRhTO5qg-1-50x26.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/SYJWBUnGRGCxJ8GRhTO5qg-1-1536x795.png 1536w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/SYJWBUnGRGCxJ8GRhTO5qg-1-60x31.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/SYJWBUnGRGCxJ8GRhTO5qg-1-100x52.png 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/SYJWBUnGRGCxJ8GRhTO5qg-1.png 1772w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>The Output of Add To Home<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"622\" height=\"827\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/ADD-to-Home-screen-button-by-using-Shortcode-SuperPWA-2022-07-12-13-37-04.png\" alt=\"\" class=\"wp-image-1504\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/ADD-to-Home-screen-button-by-using-Shortcode-SuperPWA-2022-07-12-13-37-04.png 622w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/ADD-to-Home-screen-button-by-using-Shortcode-SuperPWA-2022-07-12-13-37-04-226x300.png 226w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/ADD-to-Home-screen-button-by-using-Shortcode-SuperPWA-2022-07-12-13-37-04-38x50.png 38w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/ADD-to-Home-screen-button-by-using-Shortcode-SuperPWA-2022-07-12-13-37-04-45x60.png 45w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2022\/07\/ADD-to-Home-screen-button-by-using-Shortcode-SuperPWA-2022-07-12-13-37-04-75x100.png 75w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/><\/figure>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope we\u2019ve clear your doubts in case If you have any feedback or questions, Just contact us\u00a0<a href=\"https:\/\/pwa-for-wp.com\/contact-us\/\" data-type=\"URL\" data-id=\"https:\/\/pwa-for-wp.com\/contact-us\/\">here <\/a>and\u00a0we are always available for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are giving authority to the user to add or install the PWAforWP 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 PWAforWP 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":[6],"ht-kb-tag":[],"class_list":["post-1499","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-how-to"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=1499"}],"version-history":[{"count":2,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1499\/revisions"}],"predecessor-version":[{"id":1511,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1499\/revisions\/1511"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=1499"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1499"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}