> ## 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 un bloque de texto a una página

> Aprendan a agregar un bloque de texto a su página para comunicarse con sus visitantes, promocionar su contenido y describir su valor.

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

<Note>
  **Nota:**
  Esta guía cubre el editor de páginas más reciente para Website Builder y Kajabi Pages. Si están usando las plantillas heredadas de Premier, consulten la [guía de plantillas Premier](/es/articles/website/pages/how-to-add-text-to-your-page-with-premier).
</Note>

<br />

## Cómo agregar un bloque de texto

* Abran la pestaña **Website** desde el Dashboard.
* Seleccionen la pestaña **Pages**.
* Abran el editor de páginas de su página. [Aprendan más](../../website/pages/how-to-get-to-the-page-editor)
* Hagan clic en la sección que quieren editar o [creen una nueva sección](../../website/pages/add-sections-to-your-pages).
* En la barra lateral, hagan clic en **Add Content**.
* En la lista, seleccionen **Text**.
* Su nuevo bloque de texto se generará al final de la sección.
* Hagan clic en **Save** para guardar sus cambios:

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

<br />

## Cómo personalizar su bloque de texto

En un bloque de texto, personalicen:

* [Ancho del bloque](../../website/pages/how-to-customize-the-block-width)
* Texto
* Configuración del bloque

### Editor de texto

En el editor de texto de la barra lateral, tienen la posibilidad de personalizar múltiples funciones de su contenido de texto.

#### Cofounder

Usen **Cofounder** para ayudar a generar contenido de texto para su página. Hagan clic en el **Cofounder icon** en la barra lateral del editor de texto para abrir Cofounder. [Aprendan más sobre Cofounder](/es/articles/cofounder/cofounder-overview).

#### Código fuente

Accedan al **source code** de su texto para modificar manualmente el código HTML de su página:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-9-text-block-source-code-1785055574520-1785429866573.png" alt="Source Code in Editor.png" />

<Warning>
  **Advertencia:**
  Si no están familiarizados con la edición de código fuente, les recomendamos evitar esta función o contactar a un desarrollador profesional que los guíe en su funcionamiento.
</Warning>

#### Formatos de texto

Personalicen la apariencia de su texto ajustando la configuración de formato:

* Seleccionen el **Heading Size** elegido para cambiar el tamaño de fuente de su texto resaltado. Usen esta función junto con los [tamaños de fuente de la guía de estilo](../../website/pages/customize-your-page-font-and-style-with-the-style-guide#desktop-and-mobile-font-sizes) en la configuración de su página.
* Seleccionen su configuración **Inline** para cambiar la apariencia del texto (por ejemplo, negrita, cursiva, subrayado, tachado, superíndice, subíndice y código).
* Seleccionen los **Blocks** que deseen para ajustar la apariencia de su texto resaltado (por ejemplo, párrafo, cita, div y pre).
* Seleccionen la **Alignment** de texto para su texto resaltado (por ejemplo, izquierda, centro, derecha y justificado):

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-9-text-formats-1785055574524-1785429866990.png" alt="Formats in Editor.png" />

### Apariencia del texto

Personalicen la apariencia de su texto resaltado poniéndolo en **bold**, **italicized** o **strikethrough**:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-9-text-appearance-1785055574556-1785429867663.png" alt="Appearance in Editor.png" />

#### Color del texto

Resalten secciones de su texto o todo su texto para personalizar su color:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-9-text-editor-text-color-1785055574555-1785429868284.png" alt="Color in Editor.png" />

[Aprendan a personalizar el selector de color de su editor de texto.](../../website/pages/how-to-edit-the-text-editor-color-picker-for-your-pages)

#### Línea horizontal

Inserten una línea horizontal en su contenido de texto para separar visualmente su texto:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-9-text-block-horizontal-line-1785055574528-1785429868813.png" alt="Horizontal Line in Editor.png" />

#### Listas

Den formato a su texto en una **ordered** o **unordered list**:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-11-text-ordered-and-unordered-list-1785055574541-1785429869417.png" alt="Lists in Editor.png" />

#### Borrar formato

Resalten su texto y hagan clic en el botón **Clear Formatting** para eliminar todo el formato que se ha aplicado:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-9-clear-formatting-1785055574553-1785429869858.png" alt="Clear Formatting in Editor.png" />

<Tip>
  **Consejo:**
  ¿Están copiando y pegando contenido de una fuente externa, como un documento de Word? Usen el botón Clear Formatting para eliminar cualquier formato no deseado que se haya copiado junto con su texto.
</Tip>

#### Sangría de texto

Aumenten o disminuyan la **sangría** de su texto:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-10-increase-decrease-text-indentation-1785055574522-1785429870283.png" alt="Indentation in Editor.png" />

#### Hipervínculo

Inserten una **URL** clickeable en su texto para enlazar a una página web o sección diferente:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-9-text-editor-hyperlink-1785055574540-1785429870667.png" alt="Hyperlink in Editor.png" />

Al crear texto con hipervínculo, se les pedirá que ingresen:

* la URL completa de la página que quieren enlazar (ejemplo: [https://kajabi.com](https://kajabi.com))
* el texto que se mostrará con el formato de enlace aplicado
* el título de su enlace
* el destino (New Window: se abre en una ventana nueva del navegador, o None: se abre en la ventana actual del navegador)

#### Modo de pantalla completa

Hagan clic para **maximizar** el tamaño del editor de texto y ver mejor sus ediciones, luego hagan clic de nuevo para **minimizar** el editor de texto y volver a la barra lateral:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-11-text-editor-maximize-minimize-1785055574550-1785429871428.png" alt="Fullscreen in Editor.png" />

<br />

## Configuración del bloque

Para ajustar la apariencia del bloque, personalicen su configuración de bloque:

* Llamado a la acción
* Tipografía
* [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)
* [Revelación por tiempo](../../website/pages/customizing-time-reveal-settings)

### Llamado a la acción

Si eligen incluir un botón de **Call to Action** en su bloque de texto, elijan entre:

* 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 esta página

Aprendan más sobre cómo personalizar su [configuración de llamado a la acción](../../website/pages/how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page#customize-your-call-to-action-block).

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

### Tipografía

* **Enable Drop Cap**: activar Drop Cap agranda la primera letra del primer párrafo del cuerpo de su texto.
* **Drop Cap Color**: seleccionar un color de Drop Cap asigna un color a la letra agrandada del primer párrafo.