Crear contenido de email con el editor de arrastrar y soltar

Video de YouTube: Crea contenido de email atractivo en minutos con el editor de email de arrastrar y soltar de Pushwoosh

El editor de email de arrastrar y soltar le permite diseñar emails fácilmente sin necesidad de conocimientos de programación o diseño. Ofrece una amplia gama de elementos de contenido y diseños adaptados a sus requisitos específicos.

Nota

¿Prefiere HTML? Use el editor de código HTML de Pushwoosh para tener más control. Aprenda más

Importante

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

Dentro del editor de email 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 email 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 email insertando varios elementos de contenido.

Bloques

Cree diseños únicos utilizando bloques prediseñados. Puede añadir tantos como necesite a su email para un aspecto personalizado.

Cuerpo

En esta pestaña, gestiona la configuración general de su email, 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 usando IA.

Personalizar el diseño del email

Primero, vaya a la pestaña Bloques para proporcionar una estructura básica para su email.

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

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

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 email

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

Dentro de la pestaña Contenido, puede insertar varios elementos de contenido en su email, incluyendo:

• Encabezado
• Texto
• Imagen
• Botón
• HTML
• Divisor
• Menú
• Enlace para cancelar la suscripción

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

Añadir un encabezado

Para insertar un encabezado, simplemente arrastre el elemento Encabezado al cuerpo del email.

Puede escribir su encabezado, o puede usar nuestra herramienta IA de Títulos Inteligentes 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 email, 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.

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 email, arrastre el elemento Texto al cuerpo del email 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 ayude con su texto.

Añadir imágenes

Para insertar un elemento de imagen en su email, arrastre el elemento Imagen a donde lo desee en su email.

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 usar en el campo URL de la imagen.
• Para reutilizar una imagen de su galería de medios, copie su URL allí y péguela 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 IA de Imágenes Mágicas 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 email, arrastre el elemento Botón desde el panel derecho del editor.

Puede introducir su propio texto para el botón o hacer uso de la herramienta IA de Botones Inteligentes 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 email. 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 email 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 email 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.

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

Añadir divisores

Para que su email esté bien estructurado y para destacar los bloques más importantes, use 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 regresiva para ofertas por tiempo limitado o eventos próximos. Es una excelente manera de crear urgencia y animar a los usuarios a tomar acción antes de que se acabe el tiempo. Para añadir un temporizador:

1. Arrastre el elemento Temporizador a su diseño de email o mensaje.
2. Establezca la fecha y hora de finalización de la cuenta regresiva.
3. Elija la zona horaria para que la cuenta regresiva 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 según 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 email, seleccione el texto donde desea insertar el enlace, luego haga clic en el icono de enlace en la barra de herramientas.

En el desplegable Tipo de acción elija:

• Abrir sitio web
• Enlace para gestionar preferencias
• Enlace para cancelar la suscripción
• 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 email reciben. El enlace se insertará automáticamente.

Enlace para cancelar la suscripción

Incluya un enlace para cancelar la suscripción en su email para que los destinatarios puedan optar por no recibirlo de acuerdo con las regulaciones y sus preferencias.

Para añadir el enlace de cancelación de suscripción:

1. Resalte el texto que desea usar como enlace.
2. Haga clic en el icono de Enlace en la barra de herramientas de formato.
3. En la ventana Insertar/Editar Enlace, seleccione Enlace para cancelar la suscripción en el desplegable Tipo de acción.
4. Opcionalmente, introduzca una URL en Redirigir (opcional) para enviar a los usuarios a su propia página después de que cancelen la suscripción.
5. Haga clic en Guardar.

También puede añadir el enlace directamente en el bloque HTML:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%> Unsubscribe </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 email.

Qué sucede cuando el destinatario hace clic en el enlace de cancelación de suscripción

Si el centro de preferencias de suscripción está habilitado

El usuario cancela la suscripción solo de la categoría asignada a ese email (p. ej., Boletín). El nombre de la categoría se añade a su etiqueta Categorías de email canceladas.

Aparece una pantalla de confirmación con las opciones Volver a suscribirse y Gestionar preferencias. Aprenda más.

Si el centro de preferencias de suscripción no está habilitado

El usuario opta por no recibir todos los emails de marketing y la etiqueta Emails cancelados se establece en true. Los emails transaccionales no se ven afectados y seguirán siendo entregados. Aprenda más sobre los tipos de mensajes.

Importante

Para permitirle entregar emails importantes a sus clientes, no eliminamos a los usuarios que han cancelado la suscripción de su base de usuarios.

Para seguir enviando mensajes a los destinatarios interesados, cree un segmento filtrado por Emails cancelados = false. Para evitar quejas, no envíe emails a los usuarios que han cancelado la suscripción.

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 email, lo que puede ser útil si los destinatarios experimentan dificultades para ver el email en su bandeja de entrada.

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

No rastrear estadísticas

Use esta opción si no desea que el sistema rastree los clics o 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 email en su bandeja de entrada.

Guardar bloques de contenido para uso futuro

Al diseñar el contenido de su email, puede guardar bloques de contenido específicos para 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 (p. ej., “Promociones”, “Boletines”). Añada Etiquetas relevantes, separadas por comas (p. ej., “rebaja, 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 email. Esto le permite reutilizar contenido fácilmente en diferentes campañas de email.

Configurar los ajustes generales del contenido

Además, dentro de la pestaña Cuerpo, puede configurar los ajustes generales de su email, 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 licenciadas bajo Creative Commons Zero. También puede generar imágenes personalizadas usando la herramienta Magic Images.

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

Previsualizar y guardar su email

Cuando el contenido de su email 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 email en los modos Oscuro y Claro.

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

En la ventana emergente, dé a su email 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 email en la lista de contenido de email. 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 email está listo, puede ser utilizado en campañas de email. Aprenda más sobre cómo usarlo

Enviar un email de prueba

Antes de enviar su campaña de email, puede enviar un email 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 asegurar la precisión antes de finalizar la campaña. Si es necesario, ajuste el contenido basándose en los resultados de la prueba.

Nota

Si no se ha completado el KYC (Conozca a su cliente), aún puede enviar emails de prueba verificando una dirección de email de prueba. Para ello, vaya a la sección Dispositivos de prueba, añada la dirección de email que desea usar para las pruebas y complete el proceso de verificación.

Para enviar un email de prueba, haga clic en Email de prueba en el editor de email.

En la ventana que se abre:

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

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

2. Si su email 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 luego 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 detalles necesarios, haga clic en Enviar email de prueba para enviar el mensaje de prueba a la dirección de email proporcionada.