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

Video de YouTube: Cree contenido de correo electrónico atractivo en minutos con el editor de correo electrónico de arrastrar y soltar de Pushwoosh

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.

Nota

¿Prefiere HTML? Utilice el editor de código HTML de Pushwoosh para tener más control. Más información

Importante

Antes de empezar a crear el contenido del correo electrónico, es esencial configurar correctamente su correo electrónico en el editor que elija. Esto implica configurar los idiomas, especificar la línea de asunto, proporcionar la información del remitente y mucho más. Aprenda cómo hacerlo.

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 crear un correo electrónico completamente personalizado desde cero.

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 un diseño de correo electrónico insertando varios elementos de contenido.

Bloques

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

Cuerpo

En esta pestaña, gestionará la configuración general de su correo electrónico, incluyendo el pre-encabezado, 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.

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 elija la etiqueta que desea incorporar en su 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.

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.

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 a 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 situado 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ú. A continuación, especifique el texto de cada elemento del menú, inserte la URL y seleccione la pestaña de destino.

También puede personalizar los 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 para destacar 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 actuar antes de que se acabe el tiempo. Para añadir un temporizador:

1. Arrastre el elemento Temporizador a su diseño de correo electrónico o mensaje.
2. Establezca la fecha y hora de finalización de la cuenta atrás.
3. Elija la zona horaria para que la cuenta atrás se muestre correctamente para su audiencia.
4. Seleccione un idioma para las etiquetas de las unidades de tiempo (días, horas, minutos, segundos).
5. Active o desactive las etiquetas dependiendo de si desea mostrar los nombres de las unidades.
6. 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 y, a continuación, haga clic en el icono de enlace de la barra de herramientas.

Al añadir o editar un enlace dentro de su correo electrónico, tiene varias opciones para definir el comportamiento del enlace. Las acciones disponibles incluyen:

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

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 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.

Enlace para darse de baja

Asegúrese de incluir un enlace para darse de baja en su correo electrónico para ofrecer a los destinatarios una opción para optar fácilmente por no recibir futuras comunicaciones, en cumplimiento de las normativas, y para respetar sus preferencias en cuanto a la recepción de correos electrónicos.

Si desea incluir el enlace para darse de baja directamente a través de HTML en su correo electrónico, añada el Enlace para darse de baja a su correo electrónico de la siguiente manera:

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

El valor del atributo %%PW_EMAIL_UNSUBSCRIBE%% será reemplazado por el enlace de Darse de baja de Pushwoosh en el momento en que envíe el mensaje de correo electrónico. Cuando los destinatarios sigan el enlace, se darán de baja de sus correos electrónicos y se contabilizarán en la tasa de bajas de ese mensaje de correo electrónico en particular en el Historial de mensajes.

Importante

---

Para permitirle entregar correos electrónicos importantes a sus clientes, no eliminamos a los usuarios que se han dado de baja de su base de usuarios. Para los usuarios que siguieron el enlace de Darse de baja de sus correos electrónicos, la etiqueta predeterminada Unsubscribed Emails se establece con el valor ‘true’.

Por favor, considere la posibilidad de crear un Segmento para los usuarios que no se han dado de baja (aquellos con el valor ‘false’ de la etiqueta Unsubscribed Emails) para seguir enviándoles mensajes. Para evitar quejas, no envíe correos electrónicos a los usuarios que se han dado de baja de sus mensajes.

Tiene la flexibilidad de crear un enlace de cancelación de suscripción personalizado utilizando cualquier texto dentro de su correo electrónico. Esto dirigiría a los usuarios a una página de Se ha dado de baja con éxito.

A continuación se explica cómo crear un enlace de cancelación de suscripción personalizado:

1. Resalte el texto que desea utilizar como enlace para darse de baja.
2. Haga clic en el icono de Enlace en la barra de herramientas de formato.
3. En la ventana emergente, seleccione la opción Enlace para darse de baja en el menú desplegable Tipo de acción.

Añadir un pre-encabezado

Desde la pestaña Cuerpo tiene la opción de incluir un pre-encabezado, 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.

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 su uso futuro.

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

2. En la ventana emergente, introduzca un nombre de categoría para organizar sus bloques (por ejemplo, “Promociones”, “Boletines”). Añada Etiquetas relevantes, separadas por comas (por ejemplo, “venta, 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 su uso futuro.

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

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 situado en la parte inferior del editor. Aquí, puede ver las 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.

Una vez que haya terminado de crear su correo electrónico, haga clic en el botón Guardar situado 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 que le ayude a encontrar fácilmente su correo electrónico en la lista de contenidos de correo electrónico. Si aún no ha configurado los datos del remitente, asegúrese de hacerlo también. A continuación, haga clic en Guardar.

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

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.

Nota

Si no se ha completado el KYC (Conozca a su cliente), todavía puede enviar correos electrónicos de prueba verificando una dirección de correo electrónico de prueba. Para ello, vaya a la sección Dispositivos de prueba, añada la dirección de correo electrónico que desea utilizar para las pruebas y complete el proceso de verificación.

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

En la ventana que se abre:

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

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

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

Por ejemplo:

• Ciudad (cadena): Nueva York
• Categoría_favorita (cadena): Sushi
• Nombre (cadena): John

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