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

Styling configuration

You can customize the styling of the Hero Wishlist element in the Styling Tab.

Hero Wishlist

You can check more information about the Styling tab here.

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 - Add to wishlist

Step 2: Configure Wishlist appearance

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

Hero Wishlist - Add to wishlist

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

After you finish setting up your plan, click the Save button.

Hero Wishlist - Add to wishlist

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

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

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

I got it!
Discover the Shopify Invoice Generator by PageFly, a seamless solution for invoicing in your online store. Try it now!