Hero Wishlist – Add to wishlist

In this article, you will learn how to use Revamp – Add to Wishlist element by Wishlist Hero to create the Add to wishlist button on your product page.

In order to use this element, you will need to install the Wishlist Hero app from Shopify Store and go to PageFly to use the element.

Install Wishlist Hero

Install PageFly

About Revamp – Add to Wishlist

Revamp – Add to Wishlist element by Wishlist Hero is designed to enable customers to bookmark their favorite products and pick up where they left off when they return. This will improve the buying experience and bring customers back to your store..

Access Revamp – Add to Wishlist element

Step 1: Create a section with Product details element contain Product Variant 

Go to Add Shopify element in the left toolbar > Click on the Product Details element in the dropdown menu > Drag and drop the element into the page editor and then start editing it.

You can find more details of the Product details element here.

Step 2: Add Revamp – Add to Wishlist element

First, go to Add third party element in the left toolbar > Click on the Edit your 3rd party elements button.

hero wishlist

In Integrations popup page, you can search “HeroWishlist” on the search bar

hero wishlist

Or select Upsell & Cross Sell category > scroll down to HeroWishlist

hero wishlist

After that, drag the Hero Wishlist element onto the page.

hero wishlist

Then, hit Save & Publish button to save the page have just edited.

Click on the View Live Page to check the page with Hero Wishlist element.

Note that the Revamp – Add to Wishlist element can only be activated in the Product details section with the Product variant element.

Revamp – Add to Wishlist configuration

Step 1: Log in to Hero Wishlist by using your Shopify store account

Firstly, access to your Shopify store.

Then, go to the Apps page in the left toolbar > Click on the Hero Wishlist app to open the app.

hero wishlist

Step 2: Configure Wishlist appearance

Go to Settings tab > Scroll down for Customize Wishlist Appearance > Hit Configure

hero wishlist

You can set for Launch point Type, Display the Wishlist module, Button Details.

After you finish setting up your plan, click the Save and Enable Wishlist app button on the bottom right of the screen.

hero wishlist

Please reach out to us via 24/7 in-app Live Chat so that we can help you directly in any problem while using PageFly.

Thank you for your feedback!

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!