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

# Agregar una Oferta a una página

> Aprende a agregar Bloques de Oferta a tus páginas para mostrar tus productos en venta.

## Resumen

En Kajabi, una **Oferta** es el precio y la página de checkout de tu [Producto](../../products/products-overview/kajabi-products-overview).

<Note>
  **Nota:** Esta guía se refiere al editor de páginas más reciente disponible con Website Builder y Kajabi Pages. Si usas las Plantillas de Premier Legacy, consulta la guía [aquí](../../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>

***

## ¿Qué es una Oferta?

Para que los Productos se puedan comprar u otorgar, primero deben estar conectados a una Oferta. Con las Ofertas, puedes crear múltiples precios para los mismos Productos, ofrecer distintos planes de pago para tus Productos y combinar Productos.

Para agregar un **Bloque de Oferta** a tu **Página**, primero debes crear una Oferta en la pestaña **Products**.

Aprende más sobre [Ofertas](../../sales/offers/offers-overview).

***

## Cómo agregar Bloques de Oferta

1. Abre la pestaña **Website** desde el Dashboard.
2. Selecciona la pestaña **Pages**.
3. Abre el **Editor de Páginas** de tu **Página**. [Aprende más](../../website/pages/how-to-get-to-the-page-editor)
4. Haz clic en la **Sección** que quieres editar o [crea una nueva Sección](../../website/pages/add-sections-to-your-pages).
5. En la barra lateral, haz clic en **Add Content**.
6. Desde la lista, selecciona **Offer**.
7. Tu nuevo **Bloque de Oferta** se generará al final de la Sección.
8. Selecciona tu Oferta en el menú desplegable para completar el bloque con su información.
9. Haz clic en **Save** para guardar tus cambios:

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

***

## Personalizar un Bloque de Oferta

En un Bloque de Oferta, puedes:

* Personalizar el [Ancho del Bloque](../../website/pages/how-to-customize-the-block-width)
* Seleccionar la Oferta mostrada
* Ajustar la apariencia y contenido del Bloque con la Configuración del Bloque.

### Seleccionar Oferta

Para seleccionar una Oferta desde el menú desplegable, primero debes crear una Oferta en la pestaña Products.

### Abrir en una pestaña nueva

Activa esta configuración para que tu acción se abra en una pestaña diferente del navegador de tu usuario.

### No mostrar si ya se posee

Activa esta configuración si la Oferta ya fue comprada por el cliente.

Esta es una función "inteligente" y poderosa que te permite hacer upsell y cross-sell de tus Ofertas a clientes existentes, pero solo las mostrará si aún no las poseen.

[Aprende más sobre cómo personalizar tu Biblioteca para hacer upsell a clientes existentes](../../website/pages/customizing-your-library-page).

### Configuración del bloque

Para ajustar el aspecto del Bloque, puedes configurar o personalizar:

* [Llamado a la Acción](../../website/pages/how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page)
* [Fondo](../../website/pages/customizing-block-background-settings)
* [Diseño de Escritorio y Móvil](../../website/pages/customizing-block-layout-settings)
* [Animaciones](../../website/pages/customizing-block-animations)
* [Revelado por Tiempo](../../website/pages/customizing-time-reveal-settings)

<Note>
  **Nota:** Si eliges agregar un botón de **Llamado a la Acción** a tu tarjeta de Oferta, solo el botón CTA será clicable. Si no se agrega un botón CTA, toda la tarjeta seguirá siendo clicable.
</Note>