Advanced Product Page Template for Astro

This template extends the free product page template by incorporating advanced features designed to improve user experience and drive conversions. The added functionalities provide customization options and professional UI elements tailored to meet various business needs.

Easy to Setup

---
import ProductPage from '@templates/ProductPage.astro'

const layout = {
    seo: { ... } // Your SEO configuration
    menu: { ... } // Menu configuration
    footer: { ... } // Footer configuration
}
---

<ProductPage
    layout={layout}
    images={[ ... ]} {/* Your Carousel images */}
    carousel={{ ... }} {/* Optional Carousel configuration */}
    buttons={[ ... ]} {/* CTA buttons */}
    features={[ ... ]} {/* List of features under CTA */}
    recommended={{ ... }} {/* Recommended items */}
    breadcrumbs={{ ... }} {/* Breadcrumb configuration */}
    faq={{ ... }} {/* FAQs */}
    showStickyCta={true}
    stickyCta={{ ... }} {/* Sticky CTA configuration */}
    price="$7.99"
    pricePeriod="/month"
    pricingInfo={
      text: 'This product supports purchasing power parity...',
      theme: 'info'
    }
>
    <span>Your main content</span>
</ProductPage>

Key Features

• Dropdown Navigation: Organize your content with customizable dropdown menus, allowing users to easily navigate between sections or related products.
• Breadcrumb Support: Enhance site navigation using the Breadcrumb component that include support for icons and custom separators, improving user orientation and SEO.
• Pricing Information: Clearly display pricing details, including price, billing period, and additional pricing notes, to help customers make informed decisions.
• Floating Sticky CTA: Boost engagement with a floating call-to-action (CTA) feature that includes customizable buttons, text, and images, ensuring your key messages stay visible as users scroll.
• Integrated FAQs: Address common customer questions with an FAQ section that supports animations, various layouts, and icon customization for a visually appealing and informative experience.

Documentation

We've collected the following documentations for you that can help you get the most out of this template: