Comply to GDPR rules by allowing your customers to command account deletion
includes
- Shareable wishlist
- Multi-wishlists
- Integration with Klaviyo
- Getting Started Getting Started
- Managing the wishlist as a merchant Managing the wishlist as a merchant
- Wishlists dashboard Wishlists dashboard
- Managing wishlists as the creator Managing wishlists as the creator
- View the wishlist as a friend View the wishlist as a friend
-
Setting up the app with the Setup Wizard
Setting up the app with the Setup Wizard
- Insert the wishlist snippet in the template Insert the wishlist snippet in the template
- Enable the wishlist embeded app block Enable the wishlist embeded app block
- Add the `add to wishlist` button to the product pages Add the `add to wishlist` button to the product pages
- Add the `add to wishlist` button to the collection pages Add the `add to wishlist` button to the collection pages
- Add the `wishlist` link to the menu Add the `wishlist` link to the menu
- Theme and assets updates Theme and assets updates
- Add the wishlist template Add the wishlist template
- Add the wishlist page Add the wishlist page
Content
User guide
Getting Started
Give your customers an even more engaging shopping experience with Wonder Wishlist! Let them create and manage their wishlists while enjoying a collaborative shopping environment with the sharing feature.
Installing the app
Go to the Shopify App Store
Install the app
Access it through the "Apps" section of your Shopify Store
Subscription plans
Basic
15$
Getting started tutorials
Once you’ve completed the setup wizard steps, go to the page and follow the mini-tutorials to explore Wonder Wishlist.
Managing the wishlist as a merchant
Configure wishlist settings
Define access to wishlists
You can choose to require customers to log in before creating a wishlist on your store.
If account login is required: A non-logged-in customer can add products to their wishlist but will need to log in or create an account to view and manage their list. Once logged in, they will be able to create, modify, and share their lists freely.
If account login is not required: Customers can add products and view their list without needing to log in.
Go to the page
In the section, check the Login required box
Click Save
:format(jpg))
Adding products with variants
You can choose to add either the variant of a product directly or just the parent product to the wishlist.
If adding only the parent product is configured: Only the parent product will be added to the wishlist. When the customer wishes to add this product to the cart, they will be redirected to the product page to select a variant.
If adding only the parent product is not configured: Customers will be able to add the specific variant to their wishlist. In this case, the variant information will be visible in the list, and customers will be able to add it to the cart directly.
:format(jpg))
Go to the page
In the tab, check the box
Click Save
:format(jpg))
Enable the multi-wishlist feature
You can allow your customers to create multiple wishlists. To enable this option:
Go to
In the tab, check the box Enable multi-wishlist feature
Click on Save
Once activated, set the maximum number of wishlists that your customers can create (up to a maximum of 9).
:format(jpg))
Allow contributions
To allow friends to contribute to your clients' wishlists, the contribution feature must be enabled in the settings.
Go to
Check the option Allow friends to contribute to a wishlist
Enabling this feature does not automatically make all wishlists eligible for contributions. Each client must share their wishlist and enable the contribution option.
:format(jpg))
Once the contribution feature is activated, a new button Create a product for wishlist contribution will appear.
This product, which will be displayed on the checkout page when a friend wants to contribute, is customizable by the creator of the wishlist.
:format(jpg))
Enable Klaviyo integration
Integrating the application with Klaviyo allows you to send emails to wishlist owners as well as to friends who are added to those lists.
Go to
Check the box Enable integration with Klaviyo
Fill in the following information:
Email property for the Klaviyo test event
Klaviyo API public key
Klaviyo event name for sharing a wishlist
Klaviyo event name for funding a wishlist
Click on Save
:format(jpg))
Customize the display in the theme editor
Access, adding, and removing products from wishlists can be customized from the theme editor. For each option, you can adjust the appearance of the elements using the color tool or by adding custom CSS.
Define access to the wishlist
↪ Header
Access to the wishlist can be displayed in two ways in the header:
Icon
:format(jpg)){kind=icon}
Link
:format(jpg))
To customize the header:
Go to
Click on Customize
On the homepage, in the section, add an app block by choosing either the icon or the link
:format(jpg))
Click Save
↪ Collection page
On collection pages, three blocks allow you to add a product to a wishlist. You have to choose between:
Button
:format(jpg))
Icon
:format(jpg)){kind=icon}
Link
:format(jpg))
To customize the collection pages:
Go to
Click on Customize
On the default collection page, add an app block by selecting either the button, icon, or link
:format(jpg))
Click Save
↪ Product page
On product pages, three blocks allow you to add a product to the wishlist. You have to choose between:
Button
:format(jpg))
Icon
:format(jpg)){kind=icon}
Link
:format(jpg))
To customize the product pages:
Go to
Click on Customize
On the default product page, add an app block by selecting either the button, icon, or link
:format(jpg))
Click Save
This block also applies to related products.
Integrate the gift card Block
On the customer account page, the gift card block displays the gift cards received from a friend's contribution.
:format(jpg))
To customize this page:
Go to
Click on Customize
Navigate to and add the gift card app block
:format(jpg))
Click Save
Please note that the gift card block is only available for classic customer accounts and is not accessible for new customer accounts.
Wishlists dashboard
Tracking wishlist interactions
The dashboard allows you to view the following information:
Created wishlists: The total number of wishlists created by your customers
Closed wishlists: The total number of wishlists closed by your customers
Active wishlists: The total number of wishlists currently in use by your customers
Shared wishlists: The total number of wishlists for which a sharing link has been generated
Contributions: Amounts contributed to fund a wishlists
Total credited amount: The sum of money added to customers' accounts
:format(jpg))
This information is provided for a chosen period and a comparison period, allowing you to see percentage changes. Use the calendar to select your period.
:format(jpg))
The comparison period represents an equivalent timeframe that precedes the selected period. This allows for the analysis and comparison of data between these two periods.
Summary Table
A summary table presents the customers who have created a wishlist, with the following information:
Customer: Name, first name, email
Total amount of the list
Credited amount
Status: Public or private
Closure date
:format(jpg))
Managing wishlists as the creator
Share a wishlist
Sharing a wishlist allows your customers to send a link to their friends, giving them the opportunity to contribute to its funding.
To share a wishlist:
On the store, while logged into your customer account, access a wishlist
Click on the icon with three circles. When displayed on a black background, it means the wishlist is in shared mode
Your customers can share their wishlist in two ways:
Share a link: Copy and send the wishlist link to friends
Add emails: Enter the email addresses of the friends they want to share the list with
:format(jpg))
To allow friends to contribute, check the option Allow people funding my wishlist
Once shared, the wishlist displays new information:
Total amount: In gray
Amount available to withdraw: In light green
Amount already withdrawn: In dark green
:format(jpg))
On each product page, the number of contributing friends and a progress bar showing the amount collected versus the total price are displayed.
:format(jpg))
This page is fully customizable using the code editor (colors, texts, circle, progress bar).
To unpublish a wishlist, click on Unpublish this wishlist
Once the wishlist is unpublished, friends who previously had access will no longer be able to view it.
:format(jpg))
Withdraw the contribution
When a friend contributes to a shared wishlist, the creator receives an email notification (if Klaviyo has been integrated into the setup).
:format(jpg))
On the wishlist page, the amounts are updated, allowing the collected funds to be withdrawn.
To withdraw funds from the wishlist:
Click on the three dots on the wishlist page
:format(jpg))
Select the available amount and click Withdraw
:format(jpg))
After receiving the confirmation message, the creator will get an email from Shopify containing a gift card, its code, and the corresponding amount. By integrating the Gift Card block, the gift cards will be directly visible in the creator’s customer account.
Features of a wishlist
To help you better understand what the application offers to your customers, this section outlines the actions a customer can perform on a wishlist, as well as the steps to create one. These features provide flexible and intuitive wishlist management.
The creation of a wishlist depends on whether the visitor is logged in or not, and whether the multi-wishlist mode is enabled.
Logged-out visitor: They can add products to their favorites, but access to their list depends on the wishlist configuration settings.
Additionally, a non-logged-in visitor cannot create multiple wishlists.
Logged-in visitor: a logged-in visitor can directly add products to their wishlist
Multi-wishlist mode disabled: favorite products are automatically added to the existing wishlist. If no wishlist exists, a new one is created
Multi-wishlist mode enabled: each time a product is added to favorites, the visitor can select an existing wishlist or create a new one
:format(jpg))
From the multi-wishlist page or a specific wishlist, your customers can:
Share their wishlist and send an email to their friends (integration with Klaviyo)
Add one or more products to the cart
Delete one or more products
Move one or more products to another wishlist
Modify product quantities
Rename the wishlist
Delete the wishlist
View the wishlist as a friend
Contributing to a wishlist
For a wishlist to receive contributions, ensure that the Allow contributions option is enabled in the app settings and that the creator has configured their wishlist to accept contributions.
To access a wishlist, you must either receive an email invitation or have the sharing link.
Once these two conditions are met, friends can contribute to the wishlist:
In a shared wishlist, hover over a product and click Contribute
:format(jpg))
Enter the amount or use the arrows to set your contribution, then click Create
A badge will appear on the product to indicate your contribution, along with the amount contributed.
To finalize your contribution, click Go to payment
At this stage, you will see the name of the wishlist and the products you are contributing to.
:format(jpg))
The option to add a product image to the wishlist can be enabled in the app's configuration.
Once the contribution is confirmed, the wishlist creator receives an email via Klaviyo (see how to activate this option here). They can then withdraw the contribution.
Contributions are securely processed through Shopify's Payment Service Provider (PSP).
Information shared with friends
Friends with whom visitors share a wishlist have access to the following information:
The name of the wishlist
The email address of the wishlist creator
For each product:
The name
The price
The desired quantity
The number of contributions: represents how many people have already contributed to this product
A progress bar displays the amount already collected in dark green and the total amount to be reached in light green
Setting up the app with the Setup Wizard
After installing the app, start the
It will guide you through the essential steps to configure the app properly.
Insert the wishlist snippet in the template
This step adds a code snippet to the card-product.liquid template, enabling the wishlist button to appear in the product list.
To add the snippet:
Copy the snippet and click on Apply Snippet
You will be redirected to the code editor on the card-product.liquid page. Paste the snippet at the bottom of the page
Click on Save and return to the
This step is now completed
If the snippet fails to add, it may indicate that the card-product.liquid template cannot be found. In this case, please contact us.
Enable the wishlist embeded app block
To enable the app and access the wishlist API, you need to activate the application block:
Click on Activate the app block
You will be redirected to the theme editor on the application integrations page, where the Wonder Wishlist block will be activated automatically
Click on Save then return to the
This step is now completed
If the activation of the application block fails, please contact us.
Add the `add to wishlist` button to the product pages
This optional step adds access to the wishlist on product pages.
Click on Add the app block
You will be redirected to the theme editor on the where the Wishlist Icon block will be added automatically
:format(jpg))
Click on Save then return to the
This step is now complete
To learn how to customize this block, go to Customize the display in the theme editor.
If the addition of the application block fails, please contact us.
Add the `add to wishlist` button to the collection pages
This optional step adds access to the wishlist on collection pages.
Click on Add the app block
You will be redirected to the theme editor on the where the Wishlist Icon block will be added automatically.
Click on Save then return to the
This step is now completed
To learn how to customize this block, go to Customize the display in the theme editor.
If the addition of the application block fails, please contact us.
Add the `wishlist` link to the menu
This optional step adds wishlist access from the header.
Click on Add the app block to the menu
You will be redirected to the theme editor on the homepage, where the Wishlist Icon block will be added automatically.
Click on Save then return to the
This step is now completed
To learn how to customize this block, go to Customize the display in the theme editor.
If the addition of the application block fails, please contact us.
Theme and assets updates
To allow your customers to access their wishlists and fully customize them, the application needs to add 14 assets.
Simply click on Install/update the assets to proceed.
:format(jpg))
There are four statuses to distinguish:
Up to date (green check): The asset is current, and no action is required.
Up to date (green exclamation point): The asset is customized, and no action is required.
Outdated (blue): The asset is outdated and needs to be updated.
Obsolete customization (red): The customized asset is obsolete. Customizations will be lost during the next asset update.
Add the wishlist template
This automatic step involves integrating the wishlist template into your theme. This ensures that all the necessary features for customers to create and manage their wishlists are properly configured and ready for use.
Add the wishlist page
After integrating the template, this step involves creating a dedicated page where customers can access their wishlists.
To do this, click on Add Page
If you want to create your own implementation of the Wishlist page, please contact our support team.
Get the app!
