Ir al contenido principal

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.

Un bloque de texto contiene el contenido escrito de su página: titulares, descripciones, ofertas y enlaces. Úsenlo para contarles a sus visitantes qué ofrecen, por qué es importante y qué deben hacer a continuación.

Nota: Estos pasos cubren el editor de páginas para Website Builder y Kajabi Pages. Si usan una plantilla heredada de Premier, vayan a Agregar una sección de texto con una plantilla heredada de Premier.


Agregar un bloque de texto a una sección

  1. Desde el Dashboard, hagan clic en Website.

  2. Hagan clic en Website Pages o Landing Pages.

  3. Abran el editor de páginas de la página que quieren editar. Aprendan a abrir el editor de páginas.

  4. Hagan clic en la sección que quieren editar, o creen una nueva sección.

  5. En la barra lateral, hagan clic en Add block.

  6. Seleccionen Text en la lista. Kajabi agrega el bloque de texto al final de la sección.

  7. Hagan clic en Save para guardar sus cambios.

Cómo personalizar su bloque de texto

En un bloque de texto, personalicen:

  • Texto

  • Configuración de diseño del bloque

  • Animaciones

  • Revelación por tiempo

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.

Código fuente

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

Source Code in Editor.png

Advertencia: Si no están familiarizados con la edición de código fuente, eviten esta función o pídanle a un desarrollador profesional que los guíe.

Formatos de texto

Ajusten la configuración de formato para cambiar la apariencia de su texto:

  • Seleccionen un Heading Size para cambiar el tamaño de fuente del texto resaltado. Úsenlo junto con los tamaños de fuente de la guía de estilo en la configuración de su página.

  • Seleccionen una configuración Inline para cambiar la apariencia del texto (por ejemplo, negrita, cursiva, subrayado, tachado, superíndice, subíndice y código).

  • Seleccionen una opción de Blocks para cambiar la estructura del texto resaltado (por ejemplo, párrafo, cita, div y pre).

  • Seleccionen una Alignment para el texto resaltado (izquierda, centro, derecha o justificado).

Formats in Editor.png

Apariencia del texto

Pongan el texto resaltado en negrita, cursiva o tachado:

Appearance in Editor.png

Color del texto

Resalten una parte de su texto, o todo, para cambiar su color:

Color in Editor.png

Línea horizontal

Inserten una línea horizontal para separar su texto:

Horizontal Line in Editor.png

Listas

Den formato a su texto como una lista ordenada o no ordenada:

Lists in Editor.png

Borrar formato

Resalten su texto y hagan clic en Clear Formatting para eliminar todo el formato aplicado:

Clear Formatting in Editor.png

Consejo: ¿Van a pegar contenido de una fuente externa, como un documento de Word? Hagan clic en Clear Formatting para eliminar cualquier formato no deseado que se haya copiado junto con su texto.

Sangría de texto

Aumenten o disminuyan la sangría de su texto:

Indentation in Editor.png

Hipervínculo

Inserten un enlace en el que se pueda hacer clic en su texto para llevar a los visitantes a otra página web o a una sección de su página:

Hyperlink in Editor.png

Al crear un enlace, el editor les pedirá que ingresen:

  • La URL completa de la página que quieren enlazar (ejemplo: https://kajabi.com)

  • El texto que se mostrará con el formato de enlace aplicado

  • El título de su enlace

  • El destino (Target): New Window abre el enlace en una ventana nueva del navegador, y None lo abre en la ventana actual del navegador

Modo de pantalla completa

Hagan clic en Fullscreen para maximizar el editor de texto y editar con más comodidad, luego hagan clic de nuevo para devolver el editor a la barra lateral:

Fullscreen in Editor.png

Configuración del bloque

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

Llamado a la acción

Agreguen un botón de Call to Action (CTA) a su bloque de texto para guiar a los visitantes a su siguiente paso. 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.

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

Tipografía

  • Enable Drop Cap: agranda la primera letra del primer párrafo de su texto.

  • Drop Cap Color: asigna un color a esa primera letra agrandada.
    ​


Agregar una sección de texto con una plantilla heredada de Premier

En una página creada con una plantilla heredada de Premier, el texto se agrega con una sección de texto (Text Section) en lugar de un bloque de texto. Úsenla para comunicarse con sus visitantes, promocionar su contenido y describir su valor.

Nota: Las plantillas heredadas de Premier pueden estar desactualizadas. Si su página usa una plantilla de Kajabi Pages, sigan los pasos de Agregar un bloque de texto a una sección.

Agregar una sección de texto

  1. Desde el Dashboard, hagan clic en Website y luego en Pages.

  2. Busquen la página que quieren personalizar, o creen una nueva página.

  3. Abran el editor de páginas de su página. Aprendan a abrir el editor de páginas.

  4. En la barra lateral, hagan clic en + Add Section.

  5. Seleccionen Text para previsualizarla.

  6. Hagan clic en Add para agregar la sección de texto a su página.
    ​

Personalizar una sección de texto

En una sección de texto, ingresen un título y un subtítulo, den formato a su contenido de texto, editen la apariencia de la sección y agreguen un llamado a la acción.

El editor de la sección de texto tiene las mismas herramientas que el editor del bloque de texto: código fuente, formatos, color, línea horizontal, listas, sangría, hipervínculos y modo de pantalla completa. Aprendan cómo funciona cada una en Editor de texto. En una sección de texto, la herramienta de enlaces se llama Insert/Edit a link.

Apariencia de la sección

Cambien la apariencia de su sección de texto con:

  • Color de fondo y de texto

  • Alineación del texto

  • Espaciado

Llamado a la acción en una sección de texto

Agreguen un llamado a la acción (CTA) para animar a los visitantes a actuar según su contenido de texto. Hagan clic en Add Call To Action para crear y editar su botón de CTA.

¿Ha quedado contestada tu pregunta?