How to Easily Customize Wishlist Button Placement & Styles in WooCommerce?

The Button Placement & Styles settings let you control how the “Add to Wishlist” button looks and where it appears across your store. You can adjust the text, placement, style, colors, icon, size, and hover effects on product pages, shop pages, and the cart page.

This makes it easy to match the button to your store’s branding and design.

Where to Find the Settings?

Go to your WordPress Dashboard → SaveTo Wishlist → Settings → Button Placement & Styles.

You’ll see four main sections:

1. Button Settings – global button label
2. Product Page – button placement and style on single product pages
3. Shop Page – button placement and style on product listings
4. Cart Page – style and label for the “Save Cart to Wishlist” button

Button Settings

Wishlist Button Label sets the default text for all wishlist buttons across your store.

• Default label: Save to Wishlist
• You can customize it to: Add to Favorites, Save for Later, or anything that fits your store.

Pro tip: Keep it short and clear to make it easy for shoppers to take action.

Product Page

The Product Page section lets you control how the wishlist button appears on individual product pages. This is where shoppers see your button while checking out a single product.

• Placement: Decide where the button appears. Default is below the Add to Cart button, but you can move it above the product title, above/below the Add to Cart button, or in the top corners of the product image.
• Button Style: Choose from options like Solid Icon and Text (default), Icon Only, Text Only, or Minimal styles. Pick the style that fits your store design and product layout.
• Colors: Customize every detail! Change the text color, hover text color, background color, hover background, border color, hover border, and icon color.
• Size & Text: Adjust the text size, border width, and text style (normal or italic) to match your theme and improve readability.

Pro tip: Use the live preview to see how your button looks on the product page in both normal and hover states before saving your changes.

Shop Page

The Shop Page section controls how wishlist buttons appear on your product grids, category pages, and archive pages. This is where shoppers browse multiple products at once, so placement and style matter!

You can customize:

• Placement: Default is below the Add to Cart button, but you can move it to the top corners of product images or above/below product titles. Choose the spot that looks clean and modern.
• Button Style: Options include Solid Icon and Text (default), Icon Only, Text Only, or Minimal. Pick a style that keeps your shop pages tidy and easy to navigate.
• Colors & Borders: Adjust text, hover text, background, hover background, border, hover border, and icon colors so your button matches your store branding.
• Size & Text: Set font size, border width, and text style to make buttons readable on all devices.

Pro tip: For a sleek, modern shop page, consider using Icon Only buttons in the top corners. This saves space while keeping the wishlist option visible.

Cart Page

The Cart Page section is for the “Save Cart to Wishlist” button that lets shoppers save their entire cart. This is great for customers who want to come back later or share their cart with friends.

Here’s what you can adjust:

• Button Label: Default is Save Cart to Wishlist. You can change it to Save Cart for Later or ♥ Save My Cart for a friendly, engaging touch.
• Button Style: Same options as product and shop pages—Solid Icon and Text (default), Icon Only, Text Only, or Minimal.
• Colors & Borders: Pick text color, hover text color, background, hover background, border, hover border, and icon color. Make sure it stands out without clashing with your theme.
• Size & Text: Adjust text size, border width, and text style so it’s easy to tap on mobile devices.

Summary

Here’s the quick cheat sheet for customizing your wishlist buttons:

• Product Page: Placement, style, colors, size, text style. Preview to check normal & hover states.
• Shop Page: Placement on grids, style, colors, size. Consider Icon Only for a clean look.
• Cart Page: Label, style, colors, size. Make it inviting for saving entire carts.
• Best Practices:
  • Match button colors and style to your store theme
  • Keep labels short and action-oriented
  • Test buttons on mobile for readability and tap size
  • Use the live preview to confirm your settings

With these settings, your wishlist buttons will be consistent, attractive, and user-friendly across your entire WooCommerce store.

Help & Support

We have a dedicated support team for SaveTo Wishlist for WooCommerce who know our products, WooCommerce, and the industry very well. You’re welcome to make use of their expertise at any time, worldwide.

If you would like to know more about this plugin or find any issues with it, please go to the support ticket request form and send us a message.

If you are a free plugin user, please send us a support request on the forum, we actively monitor the WordPress.org support forums for the free plugin and help our users there as best as we can.