Skip to main content

Design Packs Integration

Comprehensive guide to setting up and customizing Wishlist Plus + Design packs integration

Updated yesterday

This playbook provides a comprehensive guide to setting up, customizing, and strategically using the integration between Swym Wishlist Plus and the Design Packs app.

The goal is to transform our standard Shopify wishlist into a beautiful, high-converting, and brand-aligned experience without needing custom development. This integration works by using Swym as the powerful backend "engine" to manage all wishlist data, while Design Packs provides the custom "bodywork" for a stunning front-end design that we control completely.

Pre-flight Checklist

Ensure you have the following before you begin the setup process:

  • An active Shopify Store account with admin access.

  • The Swym Wishlist Plus app is installed and setup

  • The Design Packs app is installed and you have an active subscription.

  • You have a basic understanding of navigating the Shopify Theme Editor.

Core Setup: Going Live with Your New Wishlist

This is the fundamental process to replace the default wishlist page with your new custom design.

Step 1: Confirm Swym Wishlist Plus is Working

Before you begin, visit a few product pages on your live store to ensure the Swym "Add to Wishlist" button is visible and functioning correctly.

Step 2: Add and Customize the Design Packs Section

  1. With your new Design Packs Wishlist template selected, click + Add section in the left-hand panel.

  2. Select the "Wishlist Plus Section" from the list of available apps.

  3. Click on the newly added section to open its settings. This is where you will do all your customization (refer to the Customization Guide below).

Step 3: Assign the New Template

  1. In your Shopify Admin, navigate to Pages.

  2. Find and open your main Wishlist page (usually named "Wishlist" or "My Wishlist").

  3. On the right-hand side, find the Theme template box.

  4. Change the template from default page to your new Design Packs Wishlist template.

  5. Click Save.

Your new wishlist page is now live! Visit the page on your storefront to see the changes.

Customization Guide

Use the settings within the "Wishlist Plus Section" in your theme editor to style the experience.

  • Layout: Choose between the standard list view or the visually engaging Moodboard style.

  • Branding: Adjust the colors, fonts, spacing, and button styles to perfectly align with your brand guidelines.

  • Custom Categories: Pre-define list suggestions to help shoppers organize their items.

    • [List 3-5 category ideas relevant to your products, e.g., "Gift Ideas", "For the Kitchen", "My Style Board"]

  • Seasonal Skins: Browse and activate pre-designed themes for holidays and promotions to keep the experience fresh.


Strategic Plays: Advanced Use Cases

Go beyond a single page to integrate the wishlist across the entire customer journey.

Play #1: The AOV Booster

  • Objective: Increase Average Order Value (AOV) and recover near-miss sales.

  • Action: Add the Wishlist Plus Section to the Cart page (or cart drawer).

  • Instructions: [Document the steps for your specific theme: e.g., Go to the Cart template in the Theme Editor, click 'Add Section', and select the Wishlist Plus Section. Configure it to be a compact view.]

There are 3 options

  1. Refresh the page

  2. Go to cart

  3. Run Custom Code

We have documentation for some of the most popular themes here. If you’re theme isn’t here, reach out to [email protected]

  • Expected Result: Shoppers are reminded of items they loved, encouraging them to add more to their cart before checkout.

Play #2: The Loyalty Loop

  • Objective: Increase customer engagement and repeat visits.

  • Action: Add the Wishlist Plus Section to the Customer Account page.

  • Instructions: [Document the steps for your specific theme to modify the Customer Account page template and add the section.]

  • Expected Result: The wishlist becomes a central, easily accessible part of the customer's personal space on your store, encouraging them to return.

Play #3: The Seasonal Seller

  • Objective: Drive targeted sales during a key holiday or promotion.

  • Action: Activate a seasonal "skin" and build a marketing campaign around it.

  • Campaign Period: [e.g., Black Friday / Cyber Monday 2025]

  • Instructions: In the Design Packs editor, activate the [e.g., "Holiday Sparkle"] skin for the wishlist page.

  • Marketing Plan: [Outline your marketing plan here. e.g., "Send an email campaign encouraging users to build their holiday wishlists to share with family. Promote on social media with a contest for the 'best wishlist.'"]


Measuring Success

Track the following metrics to measure the impact of your new wishlist experience.

  • Wishlist Engagement: Items added to wishlists (via Swym Analytics).

  • Conversion Rate from Wishlist: Items added to cart from the wishlist page.

  • Average Order Value (AOV): Monitor AOV before and after implementing "Play #1".

  • Dashboard Links:

    • Shopify Analytics: [Link to your Shopify Analytics dashboard]

    • Swym Analytics: [Link to your Swym Analytics dashboard]


FAQ & Troubleshooting

My wishlist page is still showing the old Swym design.

Double-check that you have correctly assigned the new Design Packs Wishlist template to your main wishlist page in the Shopify Pages admin (Step 4).

The "Add to Wishlist" button isn't showing up on product pages.

This is controlled by the core Swym app, not Design Packs. Check your settings in the Swym app dashboard to ensure it is configured correctly.

Did this answer your question?