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.
In Integrations popup page, you can search “HeroWishlist” on the search bar
Or select Upsell & Cross Sell category > scroll down to HeroWishlist
After that, drag the Hero Wishlist element onto the page.
Styling configuration
You can customize the styling of the Hero Wishlist element in the Styling Tab.
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.
Step 2: Configure Wishlist appearance
Go to Settings tab > Scroll down for Customize Wishlist Appearance > Hit Configure
You can set for Launch point Type, Display the Wishlist module, Button Details.
After you finish setting up your plan, click the Save button.
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.