Skip to main content

Sales pages: sell a product from a landing page

How to build a sales page in Kit, link a product block to one of your products, and customize how it looks.

A sales page is a landing page built to sell one of your Kit products. You add a product block, link it to a product, and the block pulls that product's image, title, description, and price straight from your product settings.

Your page becomes a sales page as soon as a product block on it has a product selected. From then on you can find it under the Product sales filter in your Landing Pages list, and under linked pages on the product itself.

Sales pages are available on every Kit plan, including the Free plan.

BEFORE YOU START: You need at least one published product, since the product block lists published products only. Publishing a product needs a connected Stripe account. If you haven't created a product yet, start with Creating a Product.

Start from a sales page template

Go to Audience growth > Landing Pages & Forms, then click + New Landing Page
​

On the template screen, filter to Product sales. These templates come pre-built with product blocks, and they share a theme with the signup templates so your pages look like they belong together.

Hover any template and click Preview to see it, or Use template to open it in the builder.

NOTE: You can't change a Landing Page's template after choosing it. To use a different one, create a new Landing Page.

Add a product to a page you already have

You don't need a new page. To sell from an existing Landing Page, add a product block to it:

  • Add a single block. Click the + button above or below any content, then choose Product from the content block menu.

  • Add a pre-built section. Click + Add section and pick one of the product sections from the section library. These come laid out for you, so you can drop in several products at once without building the layout yourself.

Then click the block and select which product it should show. The product menu lists your published products only, and each block shows one product. To sell more than one product on a page, add a block for each.

NOTE: Product blocks work on Landing Pages built in the new editor. Pages built in the classic editor and forms don't have them.

Customize the product block

Click a product block to open its settings in the right sidebar.

Setting

Options

Default

Layout

Horizontal (image beside the text) or Vertical (image above the text)

Horizontal

Image position

Left or Right. Shows for the Horizontal layout when the image is on

Left

Show image, price, title, description

On or off for each

On

Spacing

Top and bottom margin

24 px

You can also style the title, price, description, and button to match the rest of your page, and change the button label from its default of Buy now.

Your live page pulls the product's current name, price, image, and checkout link from the product itself, so a price change in your product settings shows up on the page without you editing it. The description, layout, show options, and button label belong to the block, so change those in the editor. If you edit the title text in the block, the block keeps your version.

How prices show on the page

Pricing type

What the block shows

Standard (one-time)

The price, for example $49

Subscription

The shortest billing period, for example $10 / month

Installments

The full total, for example $300 for 3 payments of $100

Pay what you want

Starting with $X when you set a minimum, and no price when you don't

Tip jar

No price

Publish your sales page

Click Publish at the top right of the builder. Your changes only go live once you publish.

NOTE: If a product block on your page still has no product selected, you'll see a warning before you publish. Check every block on the page, including any in your footer.

What happens when someone clicks the button depends on which setup your product uses. With new product pages and checkout, the buyer goes straight to that product's checkout. With legacy product pages and checkout, the button opens the product's own page, where the buyer completes the purchase. Product blocks work with both.

Every buyer becomes a subscriber in your account, even on a page with no subscribe form.

If you unpublish or delete a product, its block stops showing on the live page. The rest of the page stays up, and you'll see a message about the missing product the next time you open the page in the editor.

Selling and collecting email addresses on the same page

A page with only product blocks has no thank you page and no confirmation email, because those settings belong to the subscribe form.

Add a subscribe form block to the same page to collect email addresses alongside the product. The page then works like any other Landing Page for signups, with thank you page and confirmation email settings, and the product block keeps working the same way.

See how your sales page performs

Open your page in the editor and click the chart icon in the header, next to the settings cog. The icon appears once you've published the page for the first time.

The report has a Product sales section:

  • Total revenue from products sold through this page, all time

  • Clicks and click rate on your product blocks, last 90 days

  • Sales and revenue, last 90 days, compared with the 90 days before

A per-product table breaks out clicks, sales, revenue, and conversion rate for each product on the page. Before your first sale, the section shows No sales yet. When the page sells a single product, you'll also see View product report, which opens that product's own report.

The Attribution breakdown section shows where your buyers came from. Pick Referrer or a UTM parameter, and on a page with a product block the table adds Sales and Revenue columns for each source.

Find your sales pages

Landing Pages, Forms, and analytics each have their own tab in Landing Pages & Forms.

On the Landing Pages tab you can filter by:

  • Status: draft or published

  • Use case: email capture or product sales]

A page shows under Product sales once one of its product blocks has a product selected.

Build a sales page with the AI Connectors

Product blocks are part of the AI Connectors schema, so you can ask your AI tool to build or edit a sales page for you. Pages created that way link to your products the same way pages built in the editor do, so they show up correctly under the Product sales filter and under linked pages on the product.

FAQs

Do I need Stripe to build a sales page?
Not for the page itself. You can save, preview, and publish it without Stripe. You do need Stripe to publish a product, and the block only lists published products, so without it the block has nothing to sell.

Why isn't my product in the product menu?
The menu lists published products only. Publish the product, then select it again.

My product block disappeared from my live page. Why?
The product is unpublished or deleted. Publish it again, or pick a different published product in the block.

Can I tag people who buy from my sales page?
Not from the block. Buyers become subscribers automatically. To tag them or start a sequence, build an automation with a purchase trigger.

Where are the thank you page and confirmation email settings?

A page with no subscribe form doesn't have them. Add a subscribe form block to the page.

What does a sales page cost?
Nothing to build or publish. Transaction fees apply only when a product sells — see our pricing page.

How do refunds work?
You refund the purchase in Kit, the same way you would for any other Commerce purchase.

What currency does the report show?

The currency the sale was made in. Kit doesn't convert between currencies.

Can buyers use a discount code?

The product block's button doesn't carry a discount code to checkout.

Why isn't the price showing?

Turn Show price on, and check that the product has a price to show. Tip jar products, and pay what you want products with no minimum, show no price.

I changed my product's price. Do I need to update my sales page?

No. The live page shows the product's current price, name, and image. If you change the product description, update the description in the block as well.

Did this answer your question?