Crear contenido de correo electrónico con el editor de arrastrar y soltar

El editor de correo electrónico de arrastrar y soltar le permite diseñar fácilmente correos electrónicos sin necesidad de conocimientos de codificación o diseño. Ofrece una amplia gama de elementos de contenido y diseños adaptados a sus requisitos específicos.

Dentro del editor de correo electrónico de arrastrar y soltar, puede empezar desde cero o seleccionar entre una variedad de plantillas prediseñadas. Hay plantillas listas para usar en escenarios comunes como carritos abandonados, recordatorios de citas, confirmaciones de pedidos y reactivación. Puede editar y personalizar fácilmente estas plantillas para adaptarlas a sus necesidades.

Si prefiere un control total sobre su diseño, elija Plantilla en blanco para construir un correo electrónico completamente personalizado desde cero.

Seleccionar plantilla de correo electrónico en el editor de Pushwoosh

Pestañas clave en el editor de arrastrar y soltar

El editor de arrastrar y soltar consta de cuatro pestañas clave:

Contenido

Esta pestaña le permite construir el diseño de un correo electrónico insertando varios elementos de contenido.

Bloques

Cree diseños únicos utilizando bloques predefinidos. Puede añadir tantos como necesite a su correo electrónico para un aspecto personalizado.

Cuerpo

En esta pestaña, gestiona la configuración general de su correo electrónico, incluyendo el preencabezado, el texto y el formato de los enlaces.

Imágenes

Esta pestaña le permite buscar imágenes de stock o generar imágenes únicas utilizando IA.

Personalizar el diseño del correo electrónico

Primero, vaya a la pestaña Bloques para proporcionar una estructura básica para su correo electrónico.

El editor de correo electrónico de arrastrar y soltar ofrece la flexibilidad de ajustar el diseño de un correo electrónico a sus necesidades. Puede añadir tantas filas como necesite, con diferentes números de columnas.

Para construir el diseño de un correo electrónico, arrastre y suelte los bloques desde el panel del editor al cuerpo del correo electrónico.

En la pestaña Bloques, tiene la opción de especificar propiedades tanto para las columnas como para las filas.

Para las Columnas, puede personalizar lo siguiente:

Color de fondo
Relleno
Borde

Para las Filas, puede especificar lo siguiente:

Color de fondo
Color de fondo del contenido
Imagen de fondo. Puede subir una imagen, seleccionar una de una biblioteca de fotos de stock o proporcionar una URL de imagen personalizada.

Crear contenido de correo electrónico

Después de haber construido la estructura básica de su correo electrónico, es hora de empezar a añadir contenido.

Dentro de la pestaña Contenido, puede insertar varios elementos de contenido en su correo electrónico, incluyendo:

Encabezado
Texto
Imagen
Botón
HTML
Divisor
Menú
Enlace para darse de baja

Para incluir estos elementos de contenido en su correo electrónico, simplemente seleccione un elemento del menú y arrástrelo al correo electrónico a la izquierda.

Añadir un encabezado

Para insertar un encabezado, simplemente arrastre el elemento Encabezado al cuerpo del correo electrónico.

Puede escribir su encabezado, o puede usar nuestra herramienta Smart Headings AI para ayudarle a generar encabezados efectivos. Para ello, haga clic en Obtener sugerencias y escriba algunas palabras. La herramienta le proporcionará varias opciones de encabezado.

Además, puede seleccionar el tono de voz deseado para su encabezado.

Elegir el tono para el encabezado generado por IA

Si no está satisfecho con los resultados o necesita más opciones de encabezado para elegir, simplemente pulse el botón Actualizar.

Cuando hace clic en el encabezado en el cuerpo del correo electrónico, aparece una barra de herramientas de formato que le permite elegir estilos de formato, añadir enlaces o añadir algunos emojis.

Personalizar el encabezado

También puede personalizar su encabezado directamente desde la barra de herramientas. Para ello, simplemente elija Etiquetas de combinación y, en el menú desplegable, seleccione la etiqueta que desea incorporar en su encabezado.

Insertar etiqueta de combinación en el encabezado

Desde el panel derecho, también tiene la flexibilidad de ajustar varias configuraciones de texto, como:

Nivel de encabezado
Familia, peso y tamaño de la fuente
Color del texto
Alineación del texto
Altura de línea
Estilos de enlace
Relleno
Diseño responsivo, y más.

Añadir texto

Para incluir texto en su correo electrónico, arrastre el elemento Texto al cuerpo del correo electrónico y luego escriba o pegue su texto. Si está pegando contenido, puede elegir si desea conservar o eliminar el formato de su texto.

Cuando haga clic en el texto, aparecerá una barra de herramientas que le proporcionará opciones para formatear el texto.

Barra de herramientas de formato de texto

Personalizar el texto

Para personalizar su texto, haga clic en Etiquetas de combinación en la barra de herramientas y elija la etiqueta que desea incluir en el menú desplegable.

Insertar etiqueta de combinación en el texto

Para mejorar la calidad de su escritura con IA, seleccione Texto Inteligente en la barra de herramientas y elija una forma específica en la que le gustaría que la IA le ayudara con su texto.

Añadir imágenes

Para insertar un elemento de imagen en su correo electrónico, arrastre el elemento Imagen al lugar donde lo desee en su correo electrónico.

Tiene varias opciones para añadir una imagen:

Para subir una imagen, haga clic en Subir imagen en el panel derecho.
Añada un enlace a una imagen que desee utilizar en el campo URL de la imagen.
Para seleccionar una imagen de fotos de stock, haga clic en Más imágenes y luego elija Fotos de stock para encontrar la foto deseada.

También puede utilizar la herramienta Magic Image AI para generar las imágenes únicas que necesite.

Para añadir efectos a sus imágenes, haga clic en Aplicar efectos en el panel derecho. En la ventana emergente, seleccione el efecto deseado para la imagen y haga clic en Guardar para aplicarlo.

También puede revisar el historial de cambios que ha realizado en la imagen y revertirlos haciendo clic en el icono de Historial ubicado en la parte superior.

Añadir botones

Para incluir un botón en su correo electrónico, arrastre el elemento Botón desde el panel derecho del editor.

Puede introducir su texto de botón personalizado o hacer uso de la herramienta Smart Buttons AI para generar el texto por usted.

A continuación, especifique el tipo de acción para el botón cuando se haga clic en él, y proporcione una URL y una pestaña de destino.

Además, tiene la opción de configurar las opciones del botón, las preferencias de espaciado y los ajustes de diseño responsivo.

Añadir HTML

También tiene la opción de incorporar código HTML en su correo electrónico. Para ello, arrastre el elemento HTML a la izquierda e inserte el código en el campo HTML del panel derecho.

Añadir menús

Puede incorporar un menú interactivo en su correo electrónico para agilizar la navegación y aumentar las tasas de clics, ofreciendo a los destinatarios un método organizado y atractivo para explorar su contenido.
Para ello, arrastre el elemento Menú al cuerpo del correo electrónico e incluya los elementos del menú. Luego especifique el texto para cada elemento del menú, inserte la URL y seleccione la pestaña de destino.

Añadir menú de correo electrónico con enlaces

También puede personalizar estilos, ajustar el relleno del contenedor y decidir si desea mostrar el menú en dispositivos móviles o de escritorio.

Añadir divisores

Para que su correo electrónico esté bien estructurado y resaltar los bloques más importantes, utilice Divisores. Un divisor es una línea que puede colocar entre bloques de elementos.

Para añadir un divisor, arrastre el elemento Divisor desde el panel derecho y personalice su apariencia.

Añadir un temporizador

El elemento de temporizador le permite mostrar una cuenta atrás para ofertas por tiempo limitado o eventos próximos. Es una excelente manera de crear urgencia y animar a los usuarios a tomar medidas antes de que se acabe el tiempo. Para añadir un temporizador:

Arrastre el elemento Temporizador a su diseño de correo electrónico o mensaje.
Establezca la fecha y hora de finalización de la cuenta atrás.
Elija la zona horaria para que la cuenta atrás se muestre correctamente para su audiencia.
Seleccione un idioma para las etiquetas de las unidades de tiempo (días, horas, minutos, segundos).
Active o desactive las etiquetas según si desea mostrar los nombres de las unidades.
Personalice la apariencia del temporizador para que coincida con su diseño.

Añadir enlaces

Para añadir un enlace a su correo electrónico, seleccione el texto donde desea insertar el enlace, luego haga clic en el icono de enlace en la barra de herramientas.

En el menú desplegable Tipo de acción, elija:

Abrir sitio web
Enlace para gestionar preferencias
Enlace para darse de baja
Enlace a la versión web
No rastrear estadísticas

Abrir sitio web

Seleccione esta opción para insertar un hipervínculo que dirija al destinatario a un sitio web externo. Cuando se haga clic, el destinatario será llevado a la página web específica que usted especifique.

En el campo URL, introduzca la dirección web completa del sitio web al que desea enlazar.

Establezca la opción Destino para definir cómo se abrirá el enlace:

Nueva pestaña: El enlace se abre en una nueva pestaña del navegador.
Misma pestaña: El enlace reemplaza la página actual en la misma pestaña.

Enlace para gestionar preferencias

Seleccione esta opción para añadir un enlace al centro de preferencias de suscripción donde los destinatarios pueden elegir qué categorías de correo electrónico reciben. El enlace se insertará automáticamente.

Enlace para darse de baja

Incluya un enlace para darse de baja en su correo electrónico para que los destinatarios puedan optar por no participar de acuerdo con las regulaciones y sus preferencias.

Para añadir el enlace para darse de baja:

Resalte el texto que desea utilizar como enlace.
Haga clic en el icono de Enlace en la barra de herramientas de formato.
En la ventana Insertar/Editar Enlace, seleccione Enlace para darse de baja en el menú desplegable Tipo de acción.
Opcionalmente, introduzca una URL en Redirección (opcional) para enviar a los usuarios a su propia página después de que se den de baja.
Haga clic en Guardar.

Modal Insertar/Editar Enlace con Tipo de acción establecido en Enlace para darse de baja y campo de Redirección opcional

Además, puede añadir el enlace directamente en el bloque HTML:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%> Darse de baja </a>

El marcador de posición %%PW_EMAIL_UNSUBSCRIBE%% se reemplaza con la URL de cancelación de suscripción de Pushwoosh cuando se envía el correo electrónico.

Código HTML para el enlace de cancelación de suscripción

Qué sucede cuando el destinatario hace clic en el enlace

Cuando el centro de preferencias de suscripción está habilitado, el usuario se da de baja solo de la categoría asignada a ese correo electrónico (p. ej., Boletín). Aparece una pantalla de confirmación con las opciones Volver a suscribirse y Gestionar preferencias. Más información.

Cuando el centro de preferencias de suscripción no está habilitado, el usuario se da de baja de todos los correos electrónicos de marketing.

Los clics se cuentan en la tasa de cancelación de suscripción en el Historial de mensajes.

Enlace a la versión web

Seleccione esta opción para dar a los destinatarios acceso a una versión web de su correo electrónico, lo que puede ser útil si los destinatarios experimentan dificultades para ver el correo electrónico en su bandeja de entrada.

Para habilitar esta función, por favor contacte a nuestro equipo de soporte.

No rastrear estadísticas

Utilice esta opción si no desea que el sistema rastree los clics o las interacciones con el enlace. No se registrarán datos de seguimiento cuando los destinatarios interactúen con este enlace.

Añadir un preencabezado

Desde la pestaña Cuerpo tiene la opción de incluir un preencabezado, que es un texto de resumen conciso que aparece después de la línea de asunto cuando los destinatarios ven el correo electrónico en su bandeja de entrada.

Establecer texto de preencabezado del correo electrónico

Guardar bloques de contenido para uso futuro

Al diseñar el contenido de su correo electrónico, puede guardar bloques de contenido específicos para uso futuro.

Una vez que haya finalizado el bloque, haga clic en la opción Guardar bloque.

En la ventana emergente, introduzca un nombre de categoría para organizar sus bloques (p. ej., “Promociones”, “Boletines”). Añada Etiquetas relevantes, separadas por comas (p. ej., “rebajas, descuento, verano”), para ayudar a categorizar y buscar sus bloques.

Después de introducir la categoría y las etiquetas, haga clic en el botón Guardar para almacenar el bloque para uso futuro.

Ahora puede acceder a sus bloques guardados en la sección Bloques del editor de correo electrónico. Esto le permite reutilizar contenido fácilmente en diferentes campañas de correo electrónico.

Configurar los ajustes generales del contenido

Además, dentro de la pestaña Cuerpo, puede configurar los ajustes generales de su correo electrónico, incluyendo elementos como el color del texto, el color de fondo, el ancho del contenido, la alineación, la familia y el peso de la fuente, etc.

Acceder a una vasta biblioteca de imágenes

En la pestaña Imágenes, tiene acceso a una vasta biblioteca de imágenes de Unsplash, Pexels y Pixabay, todas ellas con licencia Creative Commons Zero. También puede generar imágenes personalizadas utilizando la herramienta Magic Images.

Para incorporar una imagen en su correo electrónico, simplemente arrástrela a la ubicación deseada a la derecha.

Previsualizar y guardar su correo electrónico

Cuando el contenido de su correo electrónico esté listo, puede ver cómo se verá haciendo clic en el icono de Vista previa ubicado en la parte inferior del editor. Aquí, puede ver vistas previas para dispositivos de escritorio, tabletas y móviles, así como comprobar cómo se verá su correo electrónico en los modos Oscuro y Claro.

Después de haber terminado de crear su correo electrónico, haga clic en el botón Guardar ubicado en la parte superior del editor.

En la ventana emergente, dé a su correo electrónico un nombre claro, que podría ser el mismo que su línea de asunto. Además, cree una etiqueta para ayudarle a encontrar fácilmente su correo electrónico en la lista de contenido de correo electrónico. Si aún no ha configurado los detalles del remitente, asegúrese de hacerlo también. Luego, haga clic en Guardar.

Ahora que el contenido de su correo electrónico está listo, se puede utilizar en campañas de correo electrónico. Más información sobre cómo usarlo

Enviar un correo electrónico de prueba

Antes de enviar su campaña de correo electrónico, puede enviar un correo electrónico de prueba para previsualizar cómo aparecerá el contenido en las bandejas de entrada de los destinatarios. Esto le permite revisar el diseño, el contenido y cualquier elemento personalizado para garantizar la precisión antes de finalizar la campaña. Si es necesario, ajuste el contenido en función de los resultados de la prueba.

Para enviar un correo electrónico de prueba, haga clic en Correo de prueba en el editor de correo electrónico.

Hacer clic para enviar correo electrónico de prueba

En la ventana que se abre:

En el campo Dirección de correo electrónico, introduzca la dirección de correo electrónico donde desea recibir el correo de prueba.

Si no se ha completado el KYC, deberá seleccionar una dirección de correo electrónico verificada de la lista de direcciones de prueba en lugar de introducir un correo electrónico.

Seleccionar dirección de correo electrónico de prueba verificada

Si su correo electrónico incluye campos de contenido dinámico (como nombre, ciudad o categoria_favorita), puede previsualizar cómo aparecerá la personalización introduciendo valores de prueba manuales. Active los campos que desea probar y luego introduzca valores de muestra.

Por ejemplo:

Ciudad (cadena): Nueva York

Categoria_favorita (cadena): Sushi

Nombre (cadena): John

Introducir valores de prueba para la personalización

Una vez que haya rellenado los detalles necesarios, haga clic en Enviar correo de prueba para enviar el mensaje de prueba a la dirección de correo electrónico proporcionada.