# 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**](/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/storefront/pages/lander-and-created-pages.md)\ A flexible, section-based page used for branding, promotions, and discovery. * [**Product Page**](/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/storefront/pages/product.md)\ Prebuilt product detail pages with configurable layouts and styling. * [**Collection Page**](/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/storefront/pages/collection.md)\ Prebuilt pages for displaying groups of products. * [**Cart Page**](/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/storefront/pages/cart.md) **(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 --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/storefront.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.