With PreOrder Guru, you can display a “View Details” button on collection pages, allowing customers to quickly access product pages and place pre-orders. This improves navigation and ensures customers don’t miss out on pre-order items while browsing collections.
Step-by-Step Guide #
Step 1: Open Collection Page Settings #
From your Shopify admin:
- Go to Apps → PreOrder Guru
- Click on Collection Page from the left menu
Step 2: Enable Button on Pages #
Select where you want the button to appear:
- ✅ Collection Page
- ✅ Home Page (optional)
- ✅ Search Page (optional)
This ensures customers can access product details directly from listings.
Step 3: Update Button Text #
Customize the button label to match your store style.
Example:
- “View Details”
- “Pre-Order Now”
- “See Options”
🪄 Tip: Use clear and action-focused text to improve clicks.
Step 4: Customize Button Style #
You can fully design the button to match your brand:
🎨 Button Settings #
- Background color
- Width adjustment
- Margin & padding
- Border & radius
✍️ Text Settings #
- Text color
- Font size & family
- Font weight
- Alignment
You can also preview the design in real-time on the right panel.
Step 5: Save Changes #
Click Save to apply your settings.
The button will now appear on selected pages for your products.
💡 How It Works #
When customers click the “View Details” button, they are redirected to the product page where they can see full details and place a pre-order.
💬 Need Help? #
If you need assistance customizing your collection page button, feel free to reach out to our support team.
📩 We’re always here to help you get the best out of PreOrder Guru.
