{"id":1290,"date":"2021-06-14T10:49:11","date_gmt":"2021-06-14T10:49:11","guid":{"rendered":"https:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&#038;p=1290"},"modified":"2021-06-24T06:31:29","modified_gmt":"2021-06-24T06:31:29","slug":"how-to-use-quick-action-for-pwa-for-wp","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-use-quick-action-for-pwa-for-wp\/","title":{"rendered":"How to use Quick Action for PWA for WP"},"content":{"rendered":"\n<p>Quick action help users quickly start common or recommended tasks within your web app. Easy access to those tasks from anywhere the app icon is displayed will enhance users&#8217; productivity as well as increase their engagement with the web app for this follow the below steps.<\/p>\n\n\n\n<p><strong>Step 1 \u2013&nbsp;<\/strong>First, you need to purchase and install <strong><strong><a href=\"https:\/\/pwa-for-wp.com\/extensions\/quick-action-for-pwa\/\">Quick Action for PWA<\/a><\/strong><\/strong> &nbsp;plugin.<\/p>\n\n\n\n<p>For more details on how to download an extension for this<strong>&nbsp;<a href=\"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-download-an-extension\/\">Click Here<\/a><\/strong><\/p>\n\n\n\n<p><strong>Step 2 \u2013<\/strong>&nbsp;After Activate this plugin click on the Settings option like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"217\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/40-1024x217.png\" alt=\"\" class=\"wp-image-1293\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/40-1024x217.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/40-300x63.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/40-768x163.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/40-50x11.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/40-60x13.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/40-100x21.png 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/40.png 1101w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 3 \u2013<\/strong>&nbsp;Once you click on settings links it will redirect to the Features option here enable \u201c<strong>Quick Action for PWA<\/strong>\u201d option. Click on the \u201c<strong>gear<\/strong>\u201d icon like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"480\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/41-1024x480.png\" alt=\"\" class=\"wp-image-1295\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/41-1024x480.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/41-300x141.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/41-768x360.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/41-50x23.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/41-60x28.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/41-100x47.png 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/41.png 1210w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 4 \u2013&nbsp;<\/strong>Once you click on the gear icon you can see the&nbsp;<strong>Quick Action<\/strong> settings page. After that, you can set these&nbsp;<strong>Name, Short Name, Description, URL, Icons Select 192\u00d7192 images options,<\/strong>&nbsp;like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/42-1024x493.png\" alt=\"\" class=\"wp-image-1297\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/42-1024x493.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/42-300x144.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/42-768x369.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/42-50x24.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/42-60x29.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/42-100x48.png 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/42.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Name<\/strong>: In this field, you can add Name for Quick Action.<\/li><li><strong>Short Name<\/strong>: In this field, you can add a Short Name for Quick Action.<\/li><li><strong>Description<\/strong>: In this field, you can add Description for Quick Action.<\/li><li><strong>URL<\/strong>: In this field, you can add a URL for Quick Action.<\/li><li><strong>Icons Select 192\u00d7192 images<\/strong>: In this field, you can add Icons images for Quick Action.<\/li><li>Click on the \u201c<strong>Save Changes<\/strong>\u201d button.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">The Output of Quick Action for PWA<\/h3>\n\n\n\n<p>The app shortcuts menu is invoked by right-clicking the app icon in the taskbar (Windows) or dock (macOS) on the user\u2019s desktop or long-pressing the app\u2019s launcher icon on Android.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2021\/01\/7.png\" alt=\"7\" class=\"wp-image-2339\"\/><figcaption>App shortcuts menu opened on Android<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/superpwa.com\/wp-content\/uploads\/2021\/01\/8.png\" alt=\"8\" class=\"wp-image-2340\"\/><figcaption>App shortcuts menu opened on Windows<\/figcaption><\/figure>\n\n\n\n<p>The app shortcuts menu is shown only for&nbsp;Progressive Web Apps&nbsp;that are installed on the user\u2019s desktop or mobile device.&nbsp;<\/p>\n\n\n\n<p><strong>Note:<\/strong>\u00a0For the upcoming update of \u201c<strong>Quick Action for PWA<\/strong>\u00a0\u201d plugin then you need to enter the license key for this you need to go\u00a0<strong>WordPress Dashboard<\/strong>\u00a0->\u00a0<strong>PWA<\/strong>->\u00a0<strong>Premium Features<\/strong>\u00a0-> In \u201c<strong>Quick Action for PWA<\/strong>\u00a0\u201d option enter the License key and click 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=\"797\" height=\"226\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/27.png\" alt=\"\" class=\"wp-image-1316\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/27.png 797w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/27-300x85.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/27-768x218.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/27-50x14.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/27-60x17.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/06\/27-100x28.png 100w\" sizes=\"auto, (max-width: 797px) 100vw, 797px\" \/><\/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&nbsp;<strong>here and<\/strong>&nbsp;we are always available for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quick action help users quickly start common or recommended tasks within your web app. Easy access to those tasks from anywhere the app icon is displayed will enhance users&#8217; productivity as well as increase their engagement with the web app for this follow the below steps. Step 1 \u2013&nbsp;First, you&#8230;<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[9],"ht-kb-tag":[],"class_list":["post-1290","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-extension"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1290","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=1290"}],"version-history":[{"count":13,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1290\/revisions"}],"predecessor-version":[{"id":1317,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1290\/revisions\/1317"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=1290"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1290"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}