This guide explains how to customize the 'Add to Registry' and 'Add to Wishlist' buttons that appear on your product pages.
Getting Started
Accessing the Settings
- From your Shopify admin, go to Online Store > Themes
- Click Customize on your active theme
- Click the App embeds icon (puzzle piece) in the left sidebar
- Find Gift Registry & Wishlist
- Click the app name to access all settings below
Theme Version Compatibility
Setting: Theme version selector
What it does: Ensures compatibility with your Shopify theme
What to choose:
- Default - For most themes (most stores)
- 1.0 - Only if you have a very old theme
⚠️ Unsure? Leave this as the Default. Only change if buttons aren't appearing correctly.
Button Layout & Style Settings
Setting: Layout direction
What it does: Controls whether buttons stack vertically or sit side-by-side
Your options:
-
Stacked (Vertical) - Buttons appear one on top of the other
-
Side-by-side (Horizontal) - Buttons appear next to each other
Setting: Button order
What it does: Chooses which button appears first (top or left position)
Your options:
- Registry first - Emphasizes gift registries
- Wishlist first - Emphasizes wishlists
Setting: Alignment
What it does: Controls how buttons align within their container
Your options:
- Left - Buttons align to the left edge
- Center - Buttons center horizontally
- Right - Buttons align to the right edge
- Justified - stretch to fill the entire available width of its container
- Space Evenly - Equal space on both sides and between each button.
💡 Tip: Match this to your "Add to Cart" button alignment for visual consistency
Button colour
Customize the visual appearance of each button type.
Button Colours:
- Background colour - The button's fill colour
-
Text colour - The button label colour
💡 Best practice: Use your brand colours and ensure text has sufficient contrast for readability
Wishlist Settings
Wishlist Visibility
Setting: Who can see the Wishlist button
Your options:
| Option | When to Use | Customer Experience |
| Everyone sees the wishlist buttons | You want to encourage signups | Guests see the button; clicking prompts them to create wishlist/account |
| Only logged in customers see the wishlist buttons | You want wishlists private | Only customers with accounts see the button |
| No wishlist buttons | You don't offer wishlists | Button doesn't appear anywhere |
💡 Recommendation: Choose "Everyone Sees ..." to maximize feature awareness and drive account creation
Wishlist Button Style
Setting: How the Wishlist button appears
Your options:
- Button - Full button with text (e.g., "Add to Wishlist")
- Heart icon - Just a heart icon, no text (saves space)
- Text link - Underlined text link (minimal design)
- Custom image - Upload your own icon/image
-
No Style - Applies no styling (for developers to add custom CSS)
Example use cases:
-
Button → When you have plenty of space
-
Heart icon → Minimalist designs or mobile-first layouts
-
Text link → Very subtle wishlist feature
- Custom image → Unique branding requirements (Upload your images)
Registry Settings
Registry Button Visibility
Setting: Who can see the Registry button
Your options:
| Option | When to Use | Customer Experience |
| Everyone sees the registry buttons | You want to advertise the registry service | All customers see the button. Clicking prompts registration if needed |
| Only registry managers see the registry buttons | Keep registries private | Only customers who created registries see the button |
| No registry buttons | Admin-managed only | No button shown. You manage registries via admin/POS |
Registry Button Style
Setting: How the Registry button appears
Your options:
- Button - Full button with text (e.g., "Add to Registry")
- Gift icon - Just a gift box icon, no text
- Text link - Underlined text link
- Custom image - Upload your own icon/image
- No Style - For custom CSS styling
After Adding to the Registry
Setting: What happens after the customer adds a product to their registry (Registry Button Behaviour)
Your options:
- Stay on product page - Registrant will stay on the product page (Add to registry button text changes to "Added to registry" for 1-2 seconds)
- Redirect to the registry page - Registrant will be redirected to the registry page.
Advanced Settings
⚠️ Developer section: These settings require CSS and HTML knowledge. If you're not comfortable with code, contact our support team.
Setting: Button Location Override (Advanced) & Button Location Placement (Advanced)
What it does: Specifies exactly where buttons should appear in your theme code. Sometimes your product page is custom built and adding buttons by adding a block doesn't work, so you can use Button Location Override to add buttons at the desired location by targeting a specific class or ID.
⚠️ Buttons should be in the product form to work correctly
Example: #add_to_cart , .buy-buttons
Button Location Placement allows you to add buttons "Inside the matching element", "Before the matching element" or "After the matching element "
When to use:
- Default button placement isn't working with your theme
- You want buttons in unusual locations
Setting: Checkout Button Selector (Advanced)
What it does: By adding the classname or ID of checkout buttons in these settings, it allows Gift Reggie to autofill the Registrant's address at checkout.
Setting: Custom CSS
What it does: Allows you to add custom CSS to buttons for advanced styling. Use class names like below to style Gift Reggie buttons and add CSS styles
.giftreggie-pdp-registry-cta
.giftreggie-pdp-registry-cta--button
.giftreggie-pdp-wishlist-cta
.giftreggie-pdp-wishlist-cta--button
.giftreggie-pdp-wishlist-cta--heart
Need More Help?
- Live Chat: Click the chat button in the bottom-right corner
- Email Support: support@moddapps.com