HOWTO: Setting up the Wishlist Plus app on your Shopify store

Thank you for installing the Wishlist Plus app on your Shopify store. We’ve made it simple to set up the app on your Shopify store via a wizard, here is some supporting documentation on how that works.

First time setup

As soon as you install Wishlist Plus, you will be taken through the Setup wizard. There are 4 steps in the Wizard – General Configuration, Launchpoint Configuration, Product Page Configuration and a final Confirmation step to publish the app live on your store. 

On the first screen, click CONTINUE to get started with the setup.

STEP 1: Wishlist+ : GENERAL CONFIGURATION

These are the general settings that will be reflected throughout your store.

  • NAME : Name of what you want to call the Wishlist module through your store. This is the name that we will use to refer to your “Wishlist” on your store – and therefore, you’ll want to brand this module such that it appears to your audience, i.e your loyal customer base. 
  • COLOR : This is the default color that will be used on all the Wishlist components. Clicking on the color block will open up the color picker. You can either pick a color via the picker, or enter a hex code that matches the color scheme that you use in your store

  • ICON : This is a paid feature. The default icon is the HEART but you can pick from one of our other options or upload your custom icon. This icon is what will be used on all the product pages and launch point . If you choose Custom, you can upload your own image from your local desktop. The icon should be a PNG/JPG/GIF, and we recommend an icon of size 40px  by 40px.

Click CONTINUE to move to the next step in the Wizard

STEP 2 : Wishlist+ : LAUNCH POINT CONFIGURATION

This step is for configuring the entry point to the Wishlist page.

  • LAUNCH POINT TYPE : You have 3 options for the launch point – you can configure this as a menu item,  a floating button or as a custom button.
    • Floating button is the default and is positioned on fixed places on the screen for Desktop, Tablet and Mobile (don’t worry, we’ve made sure the design is responsive and adapts itself to the device)
    • Menu item allows you to configure the entry point as a menu option in the navigation bar. Since every theme has the navigation differently, we show the instructions on how to enable it on your store.

    • Custom allows you to decide where you want the entry point to be on your Shopify site. Most customers prefer it in the top header bar right next to the cart icon because users have been trained to look for it there. Here are the steps to have the Wishlist launch point to be on the header menu.
  • PLACEMENT: You can choose the placement only when you choose the Wishlist Launchpoint type to be a FLOATING button. There are 4 options:
    • Bottom left
    • Bottom right
    • Left  ( center of the page)
    • Right ( center of the page)
    • Any other location – please choose custom option and our support team will help you customize the location
  • WISHLIST MODULE : This is how you would like the Wishlist UI to be opened – either a popup or as a full page. We recommend popup as it keeps the shopper in the context of what they were doing, without having to navigate to a brand new page
  • WISHLIST COUNT :This is the counter of the items that have been added to the Wishlist by the current shopper. This will show up as badge as the shopper adds items to their Wishlist. You can enable this option only if you choose the Wishlist Launch point to be a FLOATING button, and it appears like this:

  • PREVIEW LAUNCH POINT : If you want to see the preview of the Launch point configuration on a sample store, simply click on the Preview Launch Point link. This option is also available only if you choose the launch point as a FLOATING button.
    • By default we will show the desktop view of the how the launch point will look on the store.
    • Clicking on the mobile icon will show how the launch point will show up in the mobile view as well

Click CONTINUE to move to the next step of the Wizard, where you’ll configure the Product page settings for the app.

STEP 3: Wishlist+ : PRODUCT PAGE CONFIGURATION

This step in the wizard is how the “Add to wishlist” button should look in the Product pages. By default this “Add to wishlist” button will appear next to the Add to cart button on the product page.

  • APPEARANCE : We give you the options to choose from different button styles of how the “Add to wishlist” button should appear in the product pages. The color of the button/icon is determined but the color that you picked in step 1 of the Wizard. Here are the options
    • Icon + label as a button
    • Label as a button
    • Icon only
    • Icon + label as a hyperlink
    • Label as a hyperlink
  • LABEL: This will show up only if there is a label chosen in the APPEARANCE step.
    • You can specify what the label should be BEFORE the shopper clicks on the button
    • You can also specify what the label should be AFTER the shopper clicks on the button.
  • WISHLIST COUNT : This is the counter that will display the count of how many users have added that particular product to their Wishlist and helps with social proof. The count will be displayed right next to the button as shown below:

Click CONFIRM SETTINGS to complete the setup.

STEP4: CONFIRMATION

You are all done !!! This is the last step in your Wizard

  • VIEW WISHLIST ON YOUR SHOP : This will launch a browser session to your store so you can check the Wishlist settings and make sure its configured just the way you wanted it.
  • ADVANCED CONFIGURATIONS : This is the Settings page which has a few more advanced settings. This is also the page you will land on when you come back to the Swym Dashboard ->Settings page in the future if you’d like to make any changes to your Settings. 

Note: We strive really hard to work seamlessly across all Shopify themes but some themes might need a bit of tweaking for the Wishlist button to show up correctly. Please reach out to us if this is the case with your store’s theme, and we can quickly fix it. At any point during the setup, help is just a click away. If  you need our help with any aspect of the setup, because the options aren’t clear, or because the app doesn’t seem to be getting installed correctly on your theme, just click the EMAIL SUPPORT button on the bottom bar and one of our talented support agents will get back to you as soon as possible to help.

Recommended Posts

Leave a Comment