Resumen

En Hostinger Reach, tus plantillas de correo se generan mediante palabras clave de AI. Puedes crear, perfeccionar y personalizar tus plantillas directamente en la interfaz de chat de AI.

Después de generar la plantilla, puedes:

  • Continuar editándola manualmente en el chat de AI, o
  • Usar el modo de edición (Edit Mode) para ajustes rápidos y añadir tu estilo personal.

Para editar una parte de la plantilla sin regenerar todo el diseño, utiliza la edición de AI para secciones específicas en el chat. Haz clic en Build with AI (Construir con AI), selecciona el ícono «Editar sección con AI (Edit section with AI)» en la ventana de indicaciones, y en la vista previa selecciona la sección que deseas actualizar. Luego, describe los cambios que deseas que AI realice. El resto de la plantilla permanecerá sin cambios.

El modo de edición te permite pulir fácilmente el contenido, siendo ideal para refinar detalles, ajustar el tono o actualizar secciones sin comenzar desde cero.

Cuándo usar el modo de edición

Usa el modo de edición en los siguientes casos:

  • Ya tienes una plantilla generada por AI.
  • quieres hacer pequeños cambios (como actualizar texto, enlaces o formato).
  • prefieres usar el editor visual en vez de continuar en AI chats.

introducir mode

empezar a editar las plantillas de correo generadas AI:

  • En el Modo AI de chat, haz clic en el botónEditaren la esquina superior izquierda.
  • Después de seleccionar el modo de edición, haz clic en cualquier elemento de la plantilla que quieras editar, como bloques de texto, botones o imágenes.

esto abrirá la barra de edición del elemento, donde puedes personalizar su contenido y apariencia.

los controles de edición en la plantilla sidebar

cuando haces clic en un bloque en lade Modo Edición, la barra lateral mostrará las opciones de edición para ese tipo de bloque. Los controles están organizados de la siguiente manera:

  • Bloques de texto: fuente, tamaño, color, alineación, márgenes y opciones de maquetación.
  • Bloque de botones: texto, color de fondo, esquinas redondeadas, relleno, ancho, altura y alineación.
  • Bloque de imágenes: cambiar imagen, añadir enlace, ajustar tamaño, esquinas redondeadas, márgenes y opciones de ajuste de imagen.

Los controles están agrupados por categoría y se muestran en secciones plegables. Las opciones menos usadas están plegadas por defecto: haz clic en el título de la sección para expandirla. Esto permite que la barra lateral se concentre en las configuraciones más relevantes para cada tipo de bloque.

Todos los tipos de bloques siguen un diseño consistente: en la parte superior están las opciones principales de contenido, y debajo las opciones de diseño / espaciado.

Editar bloque de texto

Cuando seleccionas un bloque de texto, aparecen múltiples opciones de personalización. Puedes:

  • Hacer clic en todo el bloque de texto para aplicar cambios a todo, o
  • Resaltar con el ratón texto específico y editar solo la parte seleccionada.

Herramientas de texto disponibles

  • Fuente– selecciona entre fuentes optimizadas para mostrar de manera consistente en diferentes servicios de correo electrónico.
  • Tamaño de fuente– Ajusta el tamaño del texto para que se adapte a tu diseño y distribución.
  • Formato– Aplica estilos de negrita, cursiva o subrayado.
  • Alineación– Alinea el texto a la izquierda, al centro o a la derecha.
  • Listas– Formatea el texto como lista con viñetas, lista numerada o lista con guiones.
  • Emojis– Inserta emojis en el texto.

Color y fondo

  • Color de texto– Cambia el color del texto.
  • Color de fondo– Agrega o modifica el color de fondo detrás del texto.

Ambos cambios de color se pueden aplicar a todo el bloque o solo al texto seleccionado.

Agregar enlace

Puedes convertir cualquier texto en un hipervínculo clicable:

  1. Selecciona el texto que deseas vincular.
  2. Haz clic enAñadir enlace (Add link)e ingresa tu URL.

De forma predeterminada, los enlaces se muestran subrayados para indicar que son clicables; pero si prefieres un aspecto diferente, puedes ajustar el estilo.

🙋‍♂️ Personalización

Puedes hacer que el correo sea más personal insertando información específica del destinatario (como nombre, apellido o correo electrónico).

Cuando envíes una campaña de marketing, cada contacto verá automáticamente su propia información personalizada.

💡 En Hostinger Reach Personalizacióndel artículoobtén más información sobre cómo funciona la personalización.

Opciones de diseño del bloque de texto

Puedes usar las siguientes configuraciones de diseño para ajustar la estructura y el espaciado de cada bloque de texto:

  • Ancho y alto– Controla la forma y la posición del área de texto.
  • Relleno (Padding)– Agrega o reduce espacio alrededor del texto dentro del bloque.
  • Radio de esquina (Corner Radius)– Redondea los bordes del bloque de texto, especialmente visible al aplicar color de fondo.

Estas opciones te ayudan a alinear el contenido y crear un diseño visualmente atractivo con espaciado equilibrado.

Botón de edición

Los botones en las plantillas de correo pueden personalizarse completamente en el modo de edición para que coincidan con tu marca y diseño.

Cuando haces clic en un botón, puedes:

  • Editar el texto del botón– Escribe directamente en el botón o usa la barra de herramientas del editor de texto para aplicar formato básico (negrita, cursiva, subrayado, alineación).
  • Cambiar el color del botón– En la secciónColors (Colores), ajusta el color de fondo para que coincida con el estilo de tu campaña de marketing. Los cambios de color se aplican de inmediato, por lo que puedes previsualizar tu diseño en tiempo real.
  • Ajustar diseño y tamaño– En la secciónLayout (diseño), personaliza los botones:
  • Radio de esquina (Corner Radius)– Define qué tan redondeados o cuadrados son los bordes del botón. Cuanto mayor es el valor, más redondeado es el botón.
  • Relleno (Padding)– Controla la cantidad de espacio alrededor del texto del botón.
  • Texto y margen– Controla el espaciado del propio botón.
  • Ancho y altura– Establece el tamaño del botón para adaptarse al diseño de tu correo electrónico.
  • Alineación horizontal– Posiciona el botón dentro del diseño del correo (izquierda, centro, derecha). Cambiar la alineación actualizará la ubicación del botón en la plantilla de correo.

Editar imagen

Las imágenes en la plantilla de correo también se pueden personalizar directamente en el modo de edición.Cuando haces clic en una imagen, aparecerán tres opciones principales de edición:Cambiar imagen (Change Image),Añadir enlace (Add Link)yDiseño (Layout).

Cambiar imagen

Haz clic enChange Imagepara reemplazar o actualizar la imagen en la plantilla. Tendrás varias opciones:

  • Subir tu propia imagen – selecciona un archivo desde tu dispositivo.
  • Elegir de imágenes subidas – selecciona imágenes que hayas usado en campañas de marketing anteriores.
  • Imágenes gratuitas (Free Images) – ingresa palabras clave relevantes para buscar fotos libres de derechos.
  • Enlazar imagen (Link Image) – pega una URL de imagen pública para cargar la imagen directamente desde la web.

La imagen enlazada debe ser accesible públicamente. Normalmente puedes hacer clic derecho en la imagen y seleccionarCopiar dirección de la imagen (Copy Image Address)para copiar la dirección de la imagen.

Una vez seleccionada la imagen, aparecerá automáticamente en tu plantilla.

Agregar enlace

UsarAdd Linkpara convertir tu imagen en un elemento clicable. Cuando los destinatarios hagan clic en la imagen dentro del correo, serán redirigidos al enlace que hayas especificado (por ejemplo, a tu sitio web o página de producto).

Opciones de diseño

EnLayout (diseño), puedes ajustar con precisión cómo se muestra la imagen en el correo:

  • Ajustar tamaño con el ratón– Haz clic en la imagen y arrastra desde cualquiera de los cuatro bordes para ajustar su tamaño.
  • Ancho y alto– Ajusta las dimensiones y proporciones de la imagen.
  • Radio de las esquinas (Corner Radius)– Redondea los bordes de la imagen.
  • Margen (Margin)– Agrega espacio en blanco alrededor de la imagen.
  • Alineación horizontal– Alinea la imagen (izquierda, centro, derecha).
  • Alineación vertical– Alinea la imagen (arriba, centro, abajo).
  • Ajuste de imagen (Image Fit)– Elige cómo llenar la imagen el área designada:
  • Contain (Contener)– Coloca toda la imagen dentro del área; pueden quedar espacios vacíos.
  • Cover (Cubrir)– Escala y recorta la imagen para llenar todo el área.
  • Fill (Rellenar)– Estira la imagen para ocupar todo el espacio (puede deformarse ligeramente).
  • None (Ninguno)– Muestra la imagen en su tamaño original, sin escalar ni recortar.

    • Estas configuraciones te permiten lograr un equilibrio perfecto entre atractivo visual y consistencia de diseño en diferentes dispositivos.

    Función de insertar una nueva sección

    Una poderosa función en el modo de edición esInsertar sección (Insert Section).

    Al pasar el cursor entre las secciones existentes del correo, aparecerá un icono de más (+). Haz clic en + para agregar una nueva sección de dos maneras:

    Usar AI para agregar una sección

    • Introduce un mensaje breve, como «Agregar una reseña de cliente», «Insertar una cuadrícula de productos» o «Crear una lista con viñetas».
    • AI generará inmediatamente una sección que se ajuste al estilo y diseño de tu marca, manteniendo la plantilla profesional y coherente.

    Agregar secciones predefinidas

    Insertar manualmente elementos ya disponibles, incluyendo:

    • Texto (Text)
    • Botón (Button)
    • Imagen (Image)
    • Título (Heading)(3 versiones de título)
    • Espaciador (Spacer)(4 tamaños de espaciador)
    • Línea divisoria (Divider)
    • Diseño (Layout)(2 columnas o 3 columnas)

    Después de insertar un bloque de diseño (2 columnas o 3 columnas), puedes continuar construyendo tu correo haciendo clic en el ícono de más (+) dentro de la columna y seleccionando el elemento que deseas agregar.

    💡 Recomendamos usar la opción AI para insertar bloques, para crear diseños más rápidos y ajustados a la marca.

    🪄 Funciones adicionales del modo de edición

    Eliminar / Copiar / Reordenar bloques

    Haz clic en cualquier bloque para ver estas opciones:

    • Eliminar bloque– Elimina completamente este bloque de la plantilla.
    • Copiar sección– Crea una copia exactamente igual de esa sección justo debajo de ella.
    • Reorganizar secciones– Te permite arrastrar y soltar las secciones seleccionadas para cambiar su posición.

    Deshacer / Rehacer

    Usa las pequeñasflechas de Deshacer (Undo)yRehacer (Redo)para revertir o volver a aplicar tus últimos cambios.

    Guardar cambios

    Asegúrate de hacer clic enSave Changes (Guardar cambios)después de terminar de editar.

    Debes guardar antes de poder enviar correos de prueba, regresar al chat de AI para seguir usando la edición de AI o continuar creando campañas de marketing.

    Historial de versiones

    Después de regresar al chat de AI, puedes usar el botónVersion history (Historial de versiones)para restaurar tus cambios, incluyendo los guardados manualmente y los cambios de AI.

    Fuente: documentación oficial de Hostinger