> ## 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.

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://help.kajabi.com/feedback

```json
{
  "path": "/articles/website/pages/how-to-add-offers-pricing-sections",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

# Add offers & pricing sections

> Showcase your Offers and Pricing options with an Offers Block, Offer Storefront, Pricing Cards Block, or Pricing Options.

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

<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](/articles/website/pages/how-to-add-pricing-options-to-your-page-with-premier).
</Note>

***

## Adding an offers & pricing section

* Open the **Website** tab from the Dashboard.
* Select the **Website Pages** tab or the **Landing Pages** tab.
* Open the page editor for your Page. [Learn more](/articles/website/pages/how-to-get-to-the-page-editor)
* Navigate to the sidebar panel.
* Click **Add Section**.
* Select your Section from **Offers & Pricing** to Preview.
* Click **Add** to generate the Preset Section to your Page:

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

***

## Preset offers & pricing section

Learn about each Preset Offers & Pricing Section:

* Offer
* Offer Storefront
* Pricing Cards
* Pricing Option
* Coaching Scheduling Widget

<Tip>
  **Tip:** Adding a Preset Offers & Pricing Section generates preset Blocks. Include [additional Blocks](/articles/website/pages/add-blocks-to-your-page) in your Preset Sections to best fit your business!
</Tip>

### Offer

Showcase a single Offer in a Section of your Page with an Offer Section.

Adding an Offer Section to your Page will generate a Text Block and an Offer Block to display and describe your Offer:

<img src="https://mintcdn.com/kajabi-support/4xb7Z9X_ecGbjk3p/articles/images/601b625b_upload_5198441715724820724.png?fit=max&auto=format&n=4xb7Z9X_ecGbjk3p&q=85&s=a984c29d3917a608edef2b7ae29c2f0f" alt="AA67077B-5F66-4378-950E-30A8ECAE76CC.png" width="3112" height="1768" data-path="articles/images/601b625b_upload_5198441715724820724.png" />

Customize your Offer Section by editing the [Offer Block](/articles/website/pages/add-an-offer-to-a-page#customize-an-offer-block), [Text Block](/articles/website/pages/how-to-add-a-text-block-to-your-page#customizing-your-text-block), and Section Settings to change the appearance, behavior, and content.

**Section Settings:**

* [Background](/articles/website/pages/how-to-customize-your-section-background-settings)
* [Section Layout](/articles/website/pages/customizing-section-layout-settings)
* [Time Reveal](/articles/website/pages/customizing-time-reveal-settings)

### Offer storefront

The Offer Storefront is a great tool to display your Offers in a Storefront layout.

Adding an Offer Storefront Section to your Page will generate a single Text Block and three Offer Blocks to display multiple Offers in the Section:

<img src="https://mintcdn.com/kajabi-support/0dktLU6n0E_nSYxP/articles/images/886b9cf2_upload_9972005120903372419.png?fit=max&auto=format&n=0dktLU6n0E_nSYxP&q=85&s=cdae8cebcdcc83d466998a4bc00a45ca" alt="067AF7B5-E1B0-4F57-B4F5-A8E3166A3D4A.png" width="3112" height="1768" data-path="articles/images/886b9cf2_upload_9972005120903372419.png" />

Customize your Offer Storefront Section by editing the [Text Block](/articles/website/pages/how-to-add-a-text-block-to-your-page#customizing-your-text-block), [Offer Blocks](/articles/website/pages/add-an-offer-to-a-page#customize-an-offer-block), and Section Settings to change the appearance, behavior, and content.

**Section Settings:**

* [Background](/articles/website/pages/how-to-customize-your-section-background-settings)
* [Section Layout](/articles/website/pages/customizing-section-layout-settings)
* [Time Reveal](/articles/website/pages/customizing-time-reveal-settings)

### Pricing cards

Pricing Cards are an excellent way to provide your visitors with a beautifully designed, easily consumable chart displaying your Offers and their highlighted features.

Additionally, Pricing Cards enable the Call to Action button in each Pricing Card Block to lead your visitors to the Checkout Page of the Offer to purchase.

Adding a Pricing Cards Section generates three Pricing Card Blocks to showcase multiple Offers or Pricing Options:

<img src="https://mintcdn.com/kajabi-support/zWdoUKm3XPeQD8ud/articles/images/1bec92f1_upload_978810824112469292.png?fit=max&auto=format&n=zWdoUKm3XPeQD8ud&q=85&s=185f72d7726f56729a195a085e52a8c9" alt="7DDD719C-5595-4202-A6A0-B258F995EB1A.png" width="3112" height="1768" data-path="articles/images/1bec92f1_upload_978810824112469292.png" />

Customize your Pricing Cards Section by editing the [Pricing Card Blocks](/articles/website/pages/how-to-add-pricing-cards-to-your-page#customizing-your-pricing-card-block) and Section Settings to change the appearance, behavior, and content.

**Section Settings:**

* [Background](/articles/website/pages/how-to-customize-your-section-background-settings)
* [Section Layout](/articles/website/pages/customizing-section-layout-settings)
* [Time Reveal](/articles/website/pages/customizing-time-reveal-settings)

### Pricing option

The Pricing Option Section generates a single Pricing Card and Text Block to highlight a specific Offer and its features:

<img src="https://mintcdn.com/kajabi-support/ErhhF8cXbpvObQwR/articles/images/f4d60561_upload_4612260177551928819.png?fit=max&auto=format&n=ErhhF8cXbpvObQwR&q=85&s=62b7b9716f2ed47bcbe1a96d39a05f40" alt="0E04EB29-8DFB-48FD-BAFF-23EC25A58177.png" width="3112" height="1768" data-path="articles/images/f4d60561_upload_4612260177551928819.png" />

Customize your Pricing Option Section by editing the [Text Block](/articles/website/pages/how-to-add-a-text-block-to-your-page#customizing-your-text-block), [Pricing Card Block](/articles/website/pages/how-to-add-pricing-cards-to-your-page#customizing-your-pricing-card-block), and Section Settings to change the appearance, behavior, and content.

**Section Settings:**

* [Background](/articles/website/pages/how-to-customize-your-section-background-settings)
* [Section Layout](/articles/website/pages/customizing-section-layout-settings)
* [Time Reveal](/articles/website/pages/customizing-time-reveal-settings)

### Coaching scheduling widget

The Coaching Scheduling Widget generates a [Coaching Scheduling Widget Block](/articles/website/pages/how-to-build-pages-with-saved-sections) that features the Coaching Thumbnail, Coaching Program Name, Coaching Length of Time, Offer Price, and the Coaching Description. Along with the Coaching details, the block contains a Call to Action that opens the scheduling pop-up and then the Pop-Up Checkout.

<img src="https://mintcdn.com/kajabi-support/i8Bc_j6-cGyNbKX6/articles/images/cbe30f89_33734573778203.png?fit=max&auto=format&n=i8Bc_j6-cGyNbKX6&q=85&s=1f30667aae7b2b4ca2a52a766b43f649" alt="Kajabi_-__admin_themes_2160163505_settings_edit.png" width="1597" height="925" data-path="articles/images/cbe30f89_33734573778203.png" />

Customize your Coaching Scheduling Widget Section by editing the coaching Scheduling Widget Block, and Section Settings to change the appearance, behavior, and content.

**Section Settings:**

* [Background](/articles/website/pages/how-to-customize-your-section-background-settings)
* [Section Layout](/articles/website/pages/customizing-section-layout-settings)
* [Time Reveal](/articles/website/pages/customizing-time-reveal-settings)