> ## 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 ofertas a una página Premier

> Aprendan a agregar una oferta a su página Premier y animar a sus visitantes a hacer el checkout.

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

<Note>
  **Nota:** este artículo se refiere a las plantillas heredadas de Premier, que pueden estar desactualizadas. Si están usando las plantillas de Kajabi Pages, consulten la guía actualizada [aquí](/es/articles/website/pages/add-an-offer-to-a-page).
</Note>

***

## ¿Qué es una oferta?

En Kajabi, una **oferta** es la etiqueta de precio y la página de checkout de su [producto](../../products/products-overview/kajabi-products-overview).

Para que los productos se puedan comprar u otorgar, primero deben estar conectados a una oferta. Con las ofertas, pueden crear múltiples precios para los mismos productos, ofrecer diferentes planes de pago para sus productos, y agrupar productos juntos.

Para agregar un bloque de oferta a su página, primero deben crear una oferta en la pestaña Products.

Aprendan más sobre las [ofertas en Kajabi](../../sales/offers/offers-overview) para más detalles.

***

## Cómo agregar una oferta a su página

* Abran la pestaña **Website** desde el Dashboard.
* Hagan clic en **Pages**.
* Seleccionen la página que quieren personalizar o [creen una página nueva](/es/articles/website/pages/how-to-create-a-new-page-with-premier).
* Hagan clic en **Customize** para abrir el editor de plantillas.
* Hagan clic en **+ Add Section** en la barra lateral.
* Seleccionen **Offer**.
* Hagan clic en **Add**.
* Su nueva sección de oferta se generará al final de la página.
* Hagan clic en **Save** para guardar sus cambios:

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

<Note>
  **Nota:** para seleccionar una oferta del menú desplegable, primero deben crear una oferta en su pestaña Products. Hagan clic en "Edit your offers" para editar y crear una oferta.
</Note>

***

## Cómo personalizar su sección de oferta

### Encabezado y subtítulo

Personalicen el mensaje de su sección de ofertas que se muestra encima de la oferta y las tarjetas personalizadas.

### Apariencia de la sección

Configuren la apariencia de su sección para cambiar el fondo y el color del texto, seleccionar la alineación de texto, y cambiar el espaciado de la sección.

### Agregar contenido

Agreguen contenido para incluir su tarjeta de oferta o tarjeta personalizada y mostrar sus ofertas en su página.

***

## Cómo personalizar el contenido de su oferta

### Seleccionar la oferta

* En el editor de la barra lateral de Offers, hagan clic en **Add Content**.
* Ahí, seleccionen **Offer Card** o **Custom Card**:

***

## Cómo personalizar una tarjeta de oferta

### Tarjeta de oferta

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/3e2ea0c1_360076471914.png" alt="CB6704C6-577C-4F11-BAF7-6CC9B2609696.png" />

Primero, seleccionen una oferta para mostrar en su tarjeta de oferta.

Hagan clic en **Edit your offers** para cambiar o crear nuevas ofertas en la pestaña Product:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-11-edit-offer-1784151701019.png" alt="526A826C-0AC2-44D1-80D5-20D5C3CD5034_4_5005_c.jpeg" />

Elijan abrir la página de checkout de la oferta en una ventana/pestaña nueva al hacer clic, seleccionando **Open In New Window**.

### Apariencia del bloque

Personalicen la apariencia de su tarjeta de oferta cambiando el fondo y el color del texto.

***

## Cómo personalizar una tarjeta personalizada

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/94f99d7b_360076470514.png" alt="D176FFF2-677B-4DD5-B379-098F2AEFC341.png" />

### Acción de la tarjeta

Con la tarjeta personalizada, lleven a los visitantes de su sitio a:

* Ir a una landing page
* Ir a una página de checkout
* Descargar un archivo
* Ir a una URL
* Abrir un popup de suscripción en dos pasos
* Ir a una sección de la página

La acción de la tarjeta les da la flexibilidad de conectar su tarjeta personalizada a páginas de ventas, páginas de checkout de terceros, y más.

<Note>
  **Nota:** al usar la acción **Go to a URL**, asegúrense de ingresar una URL completa (por ejemplo, [https://kajabi.com/](https://kajabi.com/)).
</Note>

### Abrir en una ventana nueva

Elijan abrir la página de checkout de la oferta en una ventana/pestaña nueva al hacer clic, seleccionando **Open In New Window**.

### Título y descripción

Personalicen el mensaje de su tarjeta personalizada editando el título y la descripción.

### Precio

Muestren el precio de su oferta en la parte inferior de su tarjeta personalizada, o ingresen texto para un mensaje adicional y breve.

### Apariencia del bloque

Personalicen la apariencia de su tarjeta personalizada cambiando el fondo y el color del texto.
