Skip to main content

Add an Offer to a page

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

An Offer is the price tag and checkout page for your Product. Add an Offer to a website page or landing page so visitors can buy, using either a single Offer block or a preset Offers & Pricing Section that sets up the blocks for you.

For a Product to be purchased or granted, it must be connected to an Offer. With Offers, you can set multiple prices for the same Products, provide payment plans, and bundle Products together. Create your Offer in the Products tab before you add it to a page. Learn more about Offers.

Note: This guide uses the latest page editor, available with the Website Builder and Kajabi Pages. If you use the Premier Legacy Templates, go to Add an Offer to a Premier page.


Add an Offers & Pricing Section

A preset Offers & Pricing Section adds a ready-made layout of blocks to your page, so you do not have to build it one block at a time.

  1. From the Dashboard, click Website, then select the Website Pages or Landing Pages tab.

  2. Open the Page Editor for your Page. Learn how to use the Page Editor.

  3. In the sidebar, click Add section.

  4. Under Offers & Pricing, select a section to preview it.

  5. Click Add to add the preset section to your page.

Tip: A preset Section comes with preset blocks. Add more blocks to fit your business.

Preset Offers & Pricing section

Offer section

Showcase a single Offer in a section. Adding an Offer Section generates a Text block and an Offer block to display and describe your Offer:

AA67077B-5F66-4378-950E-30A8ECAE76CC.png

Offer Storefront section

The Offer Storefront displays your Offers in a storefront layout. Adding an Offer Storefront Section generates one Text block and three Offer blocks:

067AF7B5-E1B0-4F57-B4F5-A8E3166A3D4A.png

Pricing Cards section

Pricing Cards give visitors a clear, designed chart of your Offers and their highlighted features. The Call to Action button in each Pricing Card block sends visitors to the Offer's Checkout Page. Adding a Pricing Cards Section generates three Pricing Card blocks to showcase multiple Offers or Pricing Options:

7DDD719C-5595-4202-A6A0-B258F995EB1A.png

Pricing Option section

The Pricing Option section generates a single Pricing Card block and a Text block to highlight one Offer and its features:

0E04EB29-8DFB-48FD-BAFF-23EC25A58177.png

Coaching Scheduling Widget section

The Coaching Scheduling Widget section generates a Coaching Scheduling Widget block that shows the Coaching thumbnail, Coaching Program name, length of time, Offer price, and description. Its Call to Action opens the scheduling pop-up, then the Pop-Up Checkout:

Kajabi_-__admin_themes_2160163505_settings_edit.png

Course Outline

The Course Outline section displays the syllabus of your course product:

Checkout

The Checkout section displays payment block from the checkout page of your Offer:


Add an Offer block to a page

  1. From the Dashboard, click Website, then select the Website Pages or Landing Pages tab.

  2. Click on the title of the page or the Customize icon on the right to open the Page Editor. Learn how to use the Page Editor.

  3. Click the section you want to edit, or create a new section.

  4. In the sidebar, click Add Content.

  5. Select Offer. The Offer block appears at the bottom of the Section.

  6. Select your Offer from the dropdown to fill the block with its information.

  7. Click Save.

Customize an Offer block

In an Offer block, you can:

  • Customize the block width

  • Select the Offer displayed

  • Adjust the appearance and content with block settings

Select Offer

Choose the Offer from the dropdown. The dropdown lists only Offers you have already created in the Products tab.

Open in new tab

Turn on Open in new tab to open the Offer's checkout in a different browser tab.

Don't show if currently owned

Turn on Don't show if currently owned to hide the Offer from customers who already own it. Use it to upsell and cross-sell Offers to existing customers without showing them something they have already purchased. Learn how to customize your Library to upsell to existing customers.

Block settings

Change the look and feel of the block with these settings:

Note: If you add a Call to Action button to your Offer card, only the button is clickable. If you do not add one, the entire card is clickable.


Add an Offer to a Premier page

Add an Offer Section in the Premier editor

  1. From the Dashboard, click Website, then click Pages.

  2. Select the page you want to customize, or create a new page.

  3. Click Customize to open the template editor.

  4. In the sidebar, click + Add Section.

  5. Select Offer, then click Add. The Offer Section appears at the bottom of the page.

  6. Click Save.

Note: To select an Offer from the dropdown, create it first in the Products tab. Click Edit your offers to edit or create an Offer.

Customize the Premier Offer Section

  • Heading and subheading: Change the message displayed above your Offer and Custom Cards.

  • Section appearance: Change the Background and Text Color, select the Text Alignment, and adjust the Section Spacing.

  • Add content: Add an Offer Card or Custom Card to display your Offers.

Add an Offer Card or Custom Card

  1. In the Offers sidebar editor, click Add Content.

  2. Select either Offer Card or Custom Card.

Customize a Premier Offer Card

Select the Offer to display in your Offer Card:

CB6704C6-577C-4F11-BAF7-6CC9B2609696.png

Customize a Premier Custom Card

Use a Custom Card to link visitors to sales pages, third-party checkout pages, and more.

D176FFF2-677B-4DD5-B379-098F2AEFC341.png

Card action

With a Custom Card, lead your visitors to:

  • A Landing Page

  • A Checkout Page

  • A file download

  • A URL

  • A two-step opt-in popup

  • A section on the page

Open in new window

Select Open In New Window to open the link in a new window or tab when visitors click the card.

Title and description

Edit the Title and the Description to change the Custom Card messaging.

Price

Show your Offer price at the bottom of the Custom Card, or enter text for a brief message.

Custom Card appearance

Change the Background and Text Color of the card.

Did this answer your question?