{"id":154,"date":"2019-05-21T12:51:24","date_gmt":"2019-05-21T12:51:24","guid":{"rendered":"http:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&p=154"},"modified":"2019-09-24T11:30:54","modified_gmt":"2019-09-24T11:30:54","slug":"how-to-add-to-home-on-element-click","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-add-to-home-on-element-click\/","title":{"rendered":"How to Add To Home On Element Click"},"content":{"rendered":"

This tutorial is to show you how you can set up Add to Home on Element click. let\u2019s get into it.<\/strong><\/p>\n

When you click on any element and you want to “Add to Home<\/strong>” on any device then follow the below steps<\/p>\n

1.<\/strong> First, you need to select ID or Class of that element<\/p>\n

2.<\/strong> Copy of that element Id or Class and paste<\/p>\n

Go to WordPress dashboard<\/strong> -> PWA –<\/strong>> Settings<\/strong> -> Advanced<\/strong> -> In this option “Add to Home On Element click<\/strong> ” you need to enter ID or Class Of that element like below the screenshot.<\/p>\n

\"\"<\/p>\n

3.<\/strong> Click on the “Save Settings<\/strong>” button.<\/p>\n

Once you click on any elements message will appear on browser “Add to Home” like below the screenshot.<\/p>\n

\"\"<\/p>\n

Note:<\/strong> Currently this Add to Home on Element click <\/strong>functionality works on Non-AMP version only.<\/p>\n

To make it easy, we have created a video.<\/h4>\n
\n