Wonder Wishlist

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

1. Go to the Shopify App Store
2. Install the app
3. Access it through the Apps section of your Shopify Store

Subscription plans

• Starter — 45$ : Create multiple wishlists, Share wishlists, Invite friends to the wishlists, Integration with your theme as paid service, Standard support
• Premium — 75$ : Create multiple wishlists, Share wishlists, Invite friends to the wishlists, Contribute to a wishlist, Integration with your theme for free, Premium support, Additional billing of 1% of the total contributions to wishlists
• Advanced — 150$ : Create multiple wishlists, Share wishlists, Invite friends to the wishlists, Contribute to a wishlist, Integration with your theme for free, Premium support, Additional billing of 0.5% of the total contributions to wishlists

Getting started tutorials

Once you’ve completed the setup wizard steps, go to the Getting started 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.

1. Go to the Settings page
2. In the Customer account section, check the Login required box
3. Click Save

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.

1. Go to the Configuration page
2. In the App parent product only to the wishlist tab, check the box
3. Click Save

Enable the multi-wishlist feature

You can allow your customers to create multiple wishlists. To enable this option:

1. Go to Configuration
2. In the Multi-Wishlists tab, check the box Enable multi-wishlist feature
3. Click on Save

Once activated, set the maximum number of wishlists that your customers can create (up to a maximum of 9).

Enable wishlist sharing

To make wishlists shareable:

• Go to the Configuration page
• In the Shareable Wishlists tab, check the box
• Select one or more wishlist sharing methods (link, social media, email)
• Click Save

Allow contributions

To allow friends to contribute to your clients' wishlists, the contribution feature must be enabled in the settings.

1. Go to Configuration
2. Check the option Allow friends to contribute to a wishlist

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.

After enabling contributions, you can choose whether or not to display the following elements: the amounts, the contributors, and the progress bar.

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.

1. Go to Configuration
2. Check the box Enable integration with Klaviyo

3. 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
4. Click on Save

Customize translations

On the Translations page, you can fully customize the text of the wishlists for each language available in your store.

1. Select the language or languages you want to modify.

2. Click on Get translations

   You will have access to the translations for the following pages:

   • Wishlist in header
   • Wishlist page
   • Wishlist CTA
   • Wishlist pop-in
   • Checkout
   • Gift card
3. After making your changes, click on Save

The "Additional translations" tab in the Syde Translation component ensures that older translations remain available even after the app is updated. Any translations stored in your liquid files but missing from the app's new configuration are automatically migrated. You can also add your own translations, which can then be used in the liquid files of the wishlist.

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

• Link

To customize the header:

1. Go to Sales Channels › Online Store
2. Click on Customize

3. On the homepage, in the Header section, add an app block by choosing either the icon or the link

   

4. Click Save

Collection page

On collection pages, three blocks allow you to add a product to a wishlist. You have to choose between:

• Button

• Icon

• Link

To customize the collection pages:

1. Go to Sales Channels › Online Store
2. Click on Customize

3. On the default collection page, add an app block by selecting either the button, icon, or link

   

4. Click Save

Product page

On product pages, three blocks allow you to add a product to the wishlist. You have to choose between:

• Button

• Icon

• Link

To customize the product pages:

1. Go to Sales Channels › Online Store
2. Click on Customize

3. On the default product page, add an app block by selecting either the button, icon, or link

   

4. 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.

To customize this page:

1. Go to Sales Channels › Online Store
2. Click on Customize

3. Navigate to Legacy Customer Accounts › Customer Account and add the gift card app block

   

4. Click Save

Customize wishlist pages

The multi-wishlist and individual wishlist pages are customizable from the theme editor. You can determine the following elements:

• Number of columns on desktop: between 1 and 12
• Maximum page width on desktop
• Number of columns on mobile: 1 or 2
• Top padding
• Bottom padding
• Custom CSS

To access these settings:

1. Go to Sales Channels › Online Store
2. Click on Customize
3. Navigate to the multi-wishlist page or individual wishlist page
4. In the Template section, select Wishlist Page
5. After making changes, click Save

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

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.

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

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 wish list, the feature must be enabled in the configuration.

To share a wishlist:

1. On the store, while logged into your customer account, access a wishlist
2. 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 three 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
• On social networks

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

On each product page, the number of contributing friends and a progress bar showing the amount collected versus the total price are displayed.

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.

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).

On the wishlist page, the amounts are updated, allowing the collected funds to be withdrawn.

To withdraw funds from the wishlist:

1. Click on the three dots on the wishlist page

   

2. Select the available amount and click Withdraw

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

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.

If the Automatically enable contributions option is not enabled, the list creator must manually enable contributions for each of their lists.

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:

1. In a shared wishlist, hover over a product and click Contribute

   

2. 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.

3. 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.

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 setup wizard
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:

1. Copy the snippet and click on Apply Snippet
2. You will be redirected to the code editor on the card-product.liquid page. Paste the snippet at the bottom of the page
3. Click on Save and return to the setup wizard

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:

1. Click on Activate the app block
2. You will be redirected to the theme editor on the application integrations page, where the Wonder Wishlist block will be activated automatically
3. Click on Save then return to the setup wizard

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.

1. Click on Add the app block

   You will be redirected to the theme editor on the default product page where the Wishlist Icon block will be added automatically

   

2. Click on Save then return to the setup wizard

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.

1. Click on Add the app block

   You will be redirected to the theme editor on the default collection page where the Wishlist Icon block will be added automatically.

   

2. Click on Save then return to the setup wizard

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.

1. 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.

   

2. Click on Save then return to the setup wizard

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.

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.