Product Page Settings

The Product Page settings control how and where the wishlist functionality appears on individual product pages. These settings allow you to customize the positioning, appearance, and text for both in-stock and out-of-stock products.

Position Settings

Position in normal product

Type: Dropdown Select
Purpose: Controls where wishlist button/link appears on in-stock product pages

After product title: Displays immediately after the product name
Before add to cart section: Shows above the add to cart button area
After add to cart section: Appears below the add to cart button area
Before category/tags section: Displays above product meta information
After category/tags section (Default): Shows below product meta information

Position in out of stock product

Type: Dropdown Select
Purpose: Controls where wishlist button/link appears on out-of-stock product pages

Strategic Positioning: For out-of-stock products, consider placing the wishlist option more prominently (like “After product title”) since customers can’t purchase immediately but may want to save the item for when it’s back in stock.

After product title: More prominent placement for out-of-stock items
Before add to cart section: Replaces the purchase action area
After add to cart section: Below disabled purchase options
Before category/tags section: Above product information
After category/tags section: Below product information

Display Type Settings

Display type on product page

Type: Radio Buttons
Purpose: Determines whether wishlist appears as a button or text link

Show as button (Default): Displays as a styled button with background color
Show as text: Shows as a simple text link
Recommendation: Buttons are more prominent and get higher click rates

Text Customization

Button/Link text on product page

Type: Text Field
Purpose: Customizes the text shown when product is not in wishlist

Default Value: “Add to Wishlist”
Custom Examples: “♥ Save for Later”, “Add to Favorites”, “Bookmark This”
Best Practices: Keep it short, use action words, consider emojis for visual appeal

Button/Link text for going to wishlist

Type: Text Field
Purpose: Customizes the text shown when product is already in wishlist

Default Value: “View Wishlist”
Custom Examples: “♥ In Wishlist”, “See My Favorites”, “Go to Saved Items”
Best Practices: Indicate the product is already saved, encourage viewing the full list

Configuration Examples

High Visibility Setup

Normal Products: After product title
Out of Stock: After product title
Display Type: Button
Add Text: “♥ Add to Wishlist”
View Text: “♥ View My Wishlist”
Best for: Maximizing wishlist usage and visibility

Subtle Integration

Normal Products: After category/tags section
Out of Stock: Before add to cart section
Display Type: Text
Add Text: “Save for later”
View Text: “View saved items”
Best for: Clean, minimalist product page design

Purchase-Focused Setup

Normal Products: After add to cart section
Out of Stock: Before add to cart section
Display Type: Button
Add Text: “Save for Later”
View Text: “Saved Items”
Best for: Prioritizing immediate purchases while offering wishlist as secondary option

Technical Implementation

Hook System: Uses WooCommerce action hooks for precise positioning
Conditional Display: Automatically detects stock status and shows appropriate positioning
AJAX Integration: All interactions work without page refreshes
Theme Compatibility: Works with most WooCommerce-compatible themes

Theme Compatibility: Some highly customized themes may override WooCommerce hooks. If positioning doesn’t work as expected, consider using shortcodes or contacting your theme developer.