1. Home
  2. How to
  3. How to Add To Home On Element Click

How to Add To Home On Element Click

This tutorial is to show you how you can set up Add to Home on Element click. let’s get into it.

When you click on any element and you want to “Add to Home” on any device then follow the below steps

1. First, you need to select ID or Class of that element

2. Copy of that element Id or Class and paste

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

3. Click on the “Save Settings” button.

Once you click on any elements message will appear on browser “Add to Home” like below the screenshot.

Note: Currently this Add to Home on Element click functionality works on Non-AMP version only.

To make it easy, we have created a video.

That’s it for this tutorial!

We hope we’ve clear your doubts in case If you have any feedback or questions, Just contact us here and we are always available for you.

Updated on September 24, 2019

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support

Comments

  1. it would be nice if you teach us (who is beginner like me) how to make a element in our site so after creating it we could found that id to put in pwa Add To Home On Element Click section

    1. Hi Ali,

      Ok sure we will create a tutorial for this, Thanks for view

  2. Thanks for the instructional video on how the get the element ID or #, but, there are no instructions on how to add the element to the Menu.

    Regards,
    John Mejia

    1. Hi John G Mejia,

      We took just example of the menu in place of menu you can select any other elements and still if you are facing issue/problem then contact our technical team – https://ampforwp.com/support/ they will help you as soon as possible

  3. Hi,

    Is this function still working?

    I made element in my article like Add to Home”, and set on PWA Element Click setting #AddHomePWA but it doesn’t work.

    That text “Add to Home” in article is un-clickable.

    If you know fix this problem, please teach me.

    In additional information, my website is non AMP.

Leave a Comment