> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add an Offer to a page

> Learn how to add Offer Blocks to your pages to display your products for purchase.

## Overview

On Kajabi, an **Offer** is the price tag and checkout page for your [Product](../../products/products-overview/kajabi-products-overview).

<Note>
  **Note:** This guide refers to the latest page editor available with the Website Builder and Kajabi Pages. If you are using the Premier Legacy Templates, please refer to the guide [here](../../website/pages/how-to-add-offers-to-your-premier-page).
</Note>

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/7rqmkat0n0" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## What is an Offer?

For Products to be purchased or granted, they must first be connected to an Offer. With Offers, you can create multiple prices for the same Products, provide different payment plans for your Products, and bundle Products together.

To add an **Offer Block** to your **Page**, you must first create an Offer in the **Products** tab.

Learn more about [Offers](../../sales/offers/offers-overview).

***

## How to add Offer Blocks

1. Open the **Website** tab from the Dashboard.
2. Select the **Pages** tab.
3. Open the **Page Editor** for your **Page**. [Learn more](../../website/pages/how-to-get-to-the-page-editor)
4. Click the **Section** you want to edit or [create a new Section](../../website/pages/add-sections-to-your-pages).
5. In the sidebar, click **Add Content**.
6. From the list, select **Offer**.
7. Your newly created **Offer Block** will generate at the bottom of the Section.
8. Select your Offer from the dropdown to populate the block with its information.
9. Click **Save** to keep your changes:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/0o2xc4btbq" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Customize an Offer Block

In an Offer Block, you can:

* Customize the [Block Width](../../website/pages/how-to-customize-the-block-width)
* Select the Offer displayed
* Adjust the appearance and content of the Block with Block Settings.

### Select Offer

To select an Offer from the dropdown, you must first create an Offer in the Products tab.

### Open in new tab

Enable this setting to trigger your action in a different tab of your user's browser.

### Don't show if currently owned

Enable this setting if the Offer has already been purchased by the customer.

This is a powerful, "smart" feature that allows you to upsell and cross-sell your Offers to existing customers, but will only display them if they don't already own the offering.

[Learn more about customizing your Library to upsell to existing customers](../../website/pages/customizing-your-library-page).

### Block settings

To adjust the look and feel of the Block, you may configure or customize:

* [Call to Action](../../website/pages/how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page)
* [Background](../../website/pages/customizing-block-background-settings)
* [Desktop and Mobile Layout](../../website/pages/customizing-block-layout-settings)
* [Animations](../../website/pages/customizing-block-animations)
* [Time Reveal](../../website/pages/customizing-time-reveal-settings)

<Note>
  **Note:** If you choose to add a **Call to Action** button to your Offer card, only the CTA button will be clickable. If no CTA button is added, the entire card will remain clickable.
</Note>