🆕Storefront
The Storefront Builder is a no-code solution for creating a complete ecommerce storefront using a structured, section-based page system. It is designed to help merchants launch fast, stay on brand, and maintain consistency across their shopping experience—without writing code or managing complex site infrastructure.
Storefronts are built using a combination of configurable pages and reusable sections, allowing you to create a full ecommerce site that integrates seamlessly with CheckoutChamp campaigns and checkout flows.
How the Storefront Builder Works
The Storefront Builder is centered around predefined page types and section-based layouts, rather than free-form drag-and-drop editing.
Page Types
A Storefront consists of the following core pages:
Landing Page A flexible, section-based page used for branding, promotions, and discovery.
Product Page Prebuilt product detail pages with configurable layouts and styling.
Collection Page Prebuilt pages for displaying groups of products.
Cart Page (optional) A standardized cart experience that maintains compatibility with CheckoutChamp checkout logic.
Each page type provides a structured layout with configuration controls for styling, formatting, and behavior.
Sections and Blocks
Landing Page Sections
The Landing Page is the only page type that supports adding and arranging sections (referred to as blocks). These sections allow you to build rich, branded layouts using predefined components such as:
Hero and banner sections
Text and media sections
Product or collection highlights
Promotional and informational content
Sections are added and configured through settings panels—no code required.
Structured Pages (Product, Collection, Cart)
Product, Collection, and Cart pages do not support adding arbitrary sections. Instead, they use prebuilt layouts that are controlled through configuration options. This ensures:
Consistent user experience
Reliable checkout behavior
Compatibility with pricing, shipping, subscriptions, and promotions
Last updated