Custom Product Details Page for E-commerce Stores

What is a Product Details Page?

• A Custom Product Details Page allows you to showcase individual products with high-quality images, detailed descriptions, pricing, and add-to-cart functionality. This page is essential for providing customers with the information they need to make a purchase decision.

Step 1: Access the Store Builder

• Navigate to Sites > Websites and open your E-commerce website.
• In the website builder, click on the Pages dropdown at the top and select the 'Store' or 'Products' page where you want to add the product details.

Step 2: Add the Product Details Element

• In the builder, click 'Add Element' and search for 'Product Details'.
• Drag and drop the Product Details element onto your page.
• [IMAGE PLACEHOLDER: Add Product Details Element]

Step 3: Customize the Layout and Styling

• Select the Product Details element to open its settings on the left panel.
• You can customize the layout (e.g., image on the left, details on the right), typography, button colors, and spacing to match your brand.
• Ensure the 'Add to Cart' button is prominent and easy to click.

Step 4: Link to Specific Products

• The Product Details element dynamically pulls information from your RevStackr Products list.
• Make sure you have created products in Payments > Products with images, descriptions, and pricing.
• When a user clicks on a product from your store catalog, this page will automatically populate with the correct product details.

Search Tags

• Tags: e-commerce, store, product details, custom page, shop