The purchase block lets you sell physical or digital products directly on your landing page. It guides visitors through a multi-step checkout flow — product display, personal details, Stripe payment — and shows a thank-you confirmation after a successful purchase.
Adding a purchase block
Open the landing page editor, insert a purchase block from the custom blocks panel, then click the settings icon to open its configuration editor.
Configuration
The editor has four sections: Product, Signup, Thank You, and Settings.
Product
Stripe Product – Select the product you want to sell. The block pulls the title, description, image, and price directly from Stripe.
Price – If the product has multiple prices, choose which one to use.
Purchase button text – The label on the main call-to-action button (e.g. "Buy now").
The product title, description, image, and price shown on the landing page are fetched live from Stripe, so any updates you make in Stripe are reflected automatically.
Signup
This step collects the visitor's personal details before handing off to Stripe.
Description – Instructional text shown above the form (e.g. "Enter your information to complete the purchase").
Button text – The label on the submit button (e.g. "Continue to payment").
Ask for address – Toggle this on to collect the visitor's street, city, country, and zip code. Useful for physical product shipping.
Disclaimer – Toggle to show a consent or legal notice below the form. You can include a
%privacy_policy_link%placeholder and it will be replaced with your privacy policy link automatically.
Visitors who are already logged in will have their name and email pre-filled.
Thank You
Shown after a successful payment.
Title – The headline of the confirmation screen (e.g. "Thank you for your purchase!").
Description – A short message below the title (e.g. "You will receive a confirmation email shortly.").
Settings
Controls the visual appearance of the block.
Primary color – Used for buttons and accents.
Secondary color – Used for body text.
Card color – Background color of the block card.
Background transparency – Makes the card background transparent so the page background shows through.
Rounded edges – Adjusts the border radius of the card and buttons.
Custom CSS – Advanced styling using the block's element selector.