The Buy Box
Using the Buy Box
The Buy Box is a powerful feature in Pagedeck that lets you create shoppable product sections similar to Shopify product pages on your landing pages.
Adding a Buy Box to Your Page
Find the Buy Box in your sections list
Drag it to your desired position on the page
Open the Buy Box settings to begin customization
Connecting Your Product
Go to your Shopify site and copy the product page URL
Paste the URL into the "Product Link Field" in Pagedeck
Click "Sync" to import all product data from Shopify
This automatically pulls in images, prices, variants, and other product details
Customizing Product Options
After syncing your product, you can customize how it appears without affecting your Shopify store:
Variant Options
Open "Product Data" to access customization settings
Select an option (like "Scent")
Go to the "Layout" tab
Choose your preferred display style:
Radio buttons (default)
Drop-down menu
Swatches
Creating Swatches
When using swatches, you can:
Choose a color using the built-in color picker
Upload an existing swatch image for detailed previews
Editing Variants
For each product variant, you can:
Change prices (useful for running discounts)
Add or remove images that appear only on your landing page
Checkout Configuration
URL Field
Enter your base site URL to connect to your Shopify checkout
If your checkout is hosted on a different domain or subdomain, choose that URL instead
Additional Checkout Options
Add a discount code to apply automatically at checkout
Include a variant ID as an add-on for free gifts
Add URL parameters to tag orders with referral codes
Customizing the Add to Cart Button
Button Text
Change the default "Add to Cart" text (e.g., to "Secure Checkout")
Changing the Button Destination
Choose where customers go after clicking:
Pre-loaded checkout (default) - loads the correct variant and price
Cart page on Shopify
Custom URL - link to any page you want
Button Appearance
Change the button color using your theme's primary or secondary colors
Additional Buy Box Features
Product Details
Add content to the details accordion section below the Buy Box
Image Display
Change the orientation of the image carousel
Position thumbnails on the side if preferred
Purchase Options
Add a quantity selector
Include a small message next to the price (e.g., "30 cents per load")
Add an order note field for customizations or gift notes
Accordion Settings
Choose whether the details accordion is open or closed by default
Section Settings
Change the displayed currency
Access theme adjustments
Copy the section to another page
Last updated