Landing info is the main section of the landing page: a one-column sales page with your product description and the order form, without an image gallery. It is required on the landing page. The same Form block is also used on the product page, so its settings are explained here for both.
Where to find it
A landing page is a product with Landing page turned on in the product editor. In the builder, choose Landing page in the Pages tab and pick one to preview. Your design applies to all landing pages at once.
Section settings: Section width, Color scheme, padding, Custom CSS, and the Sticky button (explained in How do I set up the Product info section on my product page (images, title, description, sticky button)?).
Landing info blocks
- Description and Form: required, you can move them but not delete them.
- Collapsibles (up to 3), Delivery timeline, Size guide, Badges (up to 2), and Before and after (up to 2). See How do I add collapsible tabs, delivery dates, a size guide, badges, or before and after images to my product page?
To place the form inside your text, use the form button in the product description editor. It adds a {{form}} placeholder where the form will show.
Order form settings
Select the Form block. The fields (name, phone, address, and so on) are not set here: see Checkout form fields.
Appearance
- Form display: Inline (fields on the page) or Pop up (fields open in a window). Only offered when your checkout method is Fast checkout.
- Content outside the form: moves the heading, variants, and gift above the form box.
- Hide when placed in the description: shows only the copies placed with
{{form}}. Without a placeholder, the normal form stays visible. - Show selected option: prints the chosen option next to the variant name, for example "Size: M".
- Use parent color scheme: turn it off to give the form its own Color scheme.
Price, heading, and extras
- Savings: None, Percentage, or Price. Shows only on products with a compare-at price.
- Heading (with a Preset) and Subheading.
- Countdown: a timer under the price when the product has a discount with an end date. Countdown text goes above it.
- Low stock: see How do I show a low stock message on the order form?
- Gift: text shown above the free gift, for products with a gift set in the product editor.
- Summary: an order summary box above the buy button. The Free shipping bar needs it, see How does the free shipping bar work?
Buttons
The buttons follow your checkout method, see Checkout settings. With Add to cart, you edit the Add to cart button. With Fast checkout, the Buy now button. Each has Button text and Use parent color scheme or its own Button scheme. When the secondary method is on, a second section lets you Enable and style the other button.
WhatsApp button
Turn on Enable to add a button that opens a WhatsApp chat with you. Enter your Phone number in international format (for example +1234567890) and a Pre-filled message. Type {{product_name}} in the message to insert the product name.