The Settings tab in GP ‑ Wishlist & Upsell Suite gives you complete control over how your wishlist looks and behaves. This guide walks you through every customization option to help you create a wishlist experience that matches your brand.
Accessing Wishlist Settings
- Open GP ‑ Wishlist & Upsell Suite from your Shopify admin
- Click Wishlist in the navigation menu
- Select the Settings tab
Product Page Button Settings
This section controls the main “Add to Wishlist” button that appears on your product pages.
Text Settings
| Setting | Description | Example |
|---|---|---|
| Button Text | Text shown before clicking | “Add to Wishlist” |
| Button Text After Click | Text shown after adding to wishlist | “Added to Wishlist” |
| Font Size | Button text size in pixels | 14px |
Layout Settings
| Setting | Options | Description |
|---|---|---|
| Border Radius | 0-30px slider | Controls button corner roundness |
| Button Width | Auto / Full Width | Auto fits content; Full Width spans container |
| Icon Display | Show / Hide | Toggle the wishlist icon visibility |
Icon Selection
When icons are enabled, choose from 6 icon styles:
- Heart — Classic filled heart (default)
- Star — Five-pointed star
- Plus — Simple plus sign
- Flag — Flag marker
- Circle Down — Downward arrow in circle
- Circle Up — Upward arrow in circle
Color Customization
| Setting | Description |
|---|---|
| Button Text Color | Color of the button text |
| Button Background Color | Fill color of the button |
| Button Border Color | Outline color of the button |
Tip: Use the live preview on the right side of the settings page to see your changes in real-time before saving.
Collection Page Button Settings
This section controls the small heart icon that appears on product cards in collection/listing pages.
Note: This is a Pro feature. Free plan users will see an upgrade banner.
Button Styling
| Setting | Description |
|---|---|
| Button Color | Color of the heart icon |
| Button Background Color | Background fill behind the icon |
| Button Alignment | Left or Right position on product cards |
| Display Button | Show or Hide the button |
Theme Compatibility
The collection page button works automatically with these Shopify themes:
- Dawn
- Sense
- Fresh
- Craft
- Ride
- Studio
- Publisher
- Crave
Custom Class Name
For themes not listed above, you can specify a custom CSS class name:
- Enable Use Custom Class Name
- Enter the class name of your theme’s product card container
- The wishlist button will be injected into elements matching that class
Tip: Inspect your theme’s product cards using browser developer tools to find the correct class name.
Collection Page Banner Settings
Display a promotional banner on collection pages to highlight your wishlist feature.
| Setting | Description |
|---|---|
| Show Banner | Enable/disable the collection banner |
| Banner Text | Custom message to display |
| Banner Background Color | Background color of the banner |
| Banner Text Color | Text color of the banner message |
Example banner text: “Save your favorite items to your wishlist!”
Move to Cart Button Settings
Customize the buttons that move wishlist items to the shopping cart.
Text Labels
| Setting | Description | Default |
|---|---|---|
| Move to Cart Text | Single item button | “Move to Cart” |
| Add to Cart Text | Alternative label | “Add to Cart” |
| Move All to Cart Text | Bulk action button | “Move All to Cart” |
Styling Options
| Setting | Description |
|---|---|
| Font Size | Text size in pixels |
| Border Radius | Corner roundness (0-30px) |
| Icon Display | Show/hide cart icon |
| Text Color | Button text color |
| Background Color | Button fill color |
| Border Color | Button outline color |
Share Wishlist Button Settings
Allow customers to share their wishlists with friends and family.
Customization Options
| Setting | Description |
|---|---|
| Button Text | Label for the share button |
| Font Size | Text size in pixels |
| Border Radius | Corner roundness |
| Icon Display | Show/hide share icon |
| Text Color | Button text color |
| Background Color | Button fill color |
| Border Color | Button outline color |
Sold Out Button Settings
Customize how sold-out items appear in the wishlist.
| Setting | Description |
|---|---|
| Button Text | Text shown for unavailable items |
| Font Size | Text size in pixels |
| Border Radius | Corner roundness |
| Text Color | Label text color |
| Background Color | Button fill color |
| Border Color | Button outline color |
Contact Us Button Settings
Add an optional “Contact Us” button to the wishlist page for customer inquiries.
Configuration
| Setting | Description |
|---|---|
| Show Contact Us | Enable/disable the button |
| Contact Us Page Link | URL to your contact page |
| Button Text | Label for the button |
| Font Size | Text size in pixels |
| Border Radius | Corner roundness |
| Text Color | Button text color |
| Background Color | Button fill color |
| Border Color | Button outline color |
Use Case: Enable this if you sell custom or made-to-order products and want customers to inquire about wishlist items.
Additional Settings
Custom Wishlist Page URL
By default, the wishlist page is accessible at /pages/wishlist. You can customize this:
- Enable Use Custom Wishlist Page
- Enter your preferred URL handle (e.g.,
my-favorites) - The wishlist will now be at
/pages/my-favorites
Navigation Wishlist Button
Control the wishlist icon in your store’s header/navigation:
| Option | Description |
|---|---|
| Show | Display wishlist icon in navigation |
| Hide | Remove wishlist icon from navigation |
Action Messages
Customize all the text messages customers see when interacting with the wishlist.
Notification Messages
| Message | Purpose | Example |
|---|---|---|
| Notification on Add | Shown when item is added | “Added to wishlist!” |
| Notification on Remove | Shown when item is removed | “Removed from wishlist” |
| Item Added | Confirmation message | “Item added successfully” |
Authentication Messages
| Message | Purpose |
|---|---|
| Sign In Button | Login button text |
| Sign Up Button | Registration button text |
| Login Message | Prompt to log in |
| Create Account Message | Prompt to register |
| Browsing as Guest | Guest mode indicator |
Wishlist Page Content
| Message | Purpose |
|---|---|
| Page Not Found Text | Empty wishlist message |
| Page Not Logged In Text | Guest/logged out message |
| Item Unavailable | Out of stock indicator |
| Shared Wishlist View | Viewing shared wishlist text |
| Shared Wishlist Error | Error loading shared wishlist |
Sharing Features
| Message | Purpose |
|---|---|
| Share Error | Failed to generate share link |
| Share Link Copy | Link copied confirmation |
| Share Message | Default share message text |
| Shared Wishlist Expired | Expired share link message |
Cart Actions
| Message | Purpose |
|---|---|
| Move to Cart Error | Failed to add to cart |
| Remove Product Error | Failed to remove item |
| Variant Option Select Error | Missing variant selection |
| Add to Cart Error | General cart error |
Best Practices
Brand Consistency
- Match your theme colors — Use your brand’s primary and secondary colors for buttons
- Consistent typography — Keep font sizes similar to your theme’s button styles
- Icon style — Choose an icon that matches your store’s aesthetic
User Experience
- Clear button text — Use action-oriented labels like “Save to Wishlist”
- Visible feedback — Ensure “after click” text is noticeably different
- Mobile-friendly sizing — Test button sizes on mobile devices
Messaging
- Friendly tone — Keep messages warm and helpful
- Clear error messages — Help users understand what went wrong
- Encourage action — Use messages that prompt next steps
Saving Your Changes
After making changes:
- Click the Save button in the top-right corner
- Wait for the confirmation toast message
- Visit your storefront to verify changes
Note: If you navigate away without saving, you’ll see a confirmation dialog to prevent losing changes.
What’s Next?
Now that your wishlist is styled, set up automated customer engagement:
- Wishlist Reminder Emails — Send automated reminders
- Back-in-Stock Notifications — Alert customers when items return
- Price Drop Notifications — Notify customers of deals
A well-designed wishlist keeps customers engaged and coming back to complete their purchases.