Cómo utilizar el editor HTML personalizado

El editor HTML personalizado permite a los principiantes y expertos en HTML crear y enviar newsletters o boletines personalizados creados desde cero.

1. Desde el Panel de control, dirígete a la página de Campañas o haz clic en el acceso directo de Crear campaña.

2. En la página de Campañas, haz clic en Crear campaña.

3. Elige el Tipo de campaña.

Campaña regular - Una campaña regular es el tipo de campaña de email más sencillo. Consiste en enviar un solo email a un grupo específico de suscriptores.

Campaña de prueba A/B - Las campañas de prueba A/B te permiten probar dos variaciones de un email para ver cuál funciona mejor antes de enviar la versión más efectiva a una audiencia más amplia.

Reenvío automático - Las campañas de reenvío automático ayudan a aumentar el alcance de tus emails al volver a enviar automáticamente tu mensaje a los destinatarios que no abrieron el primer correo electrónico.

RSS - Las campañas de RSS son emails automatizados que se envían a los suscriptores cada vez que se publica contenido nuevo en tu feed RSS. Esto es especialmente útil para blogs o sitios web que se desarrollan con regularidad.

Prueba de variables múltiples (plan Avanzado) - Las campañas multivariante te permiten probar varios elementos de la campaña, como las líneas de asunto, los nombres del remitente, el contenido y los horarios de envío, todo de una sola vez.

4. Elige Comenzar desde cero.

5. Selecciona Editor HTML personalizado.

A continuación, selecciona cómo te gustaría crear tu newsletter:

• Generar email: El Agente de IA te permite crear y editar campañas de email utilizando un lenguaje sencillo, sin necesidad de saber programación. En lugar de escribir el código HTML tú mismo, solo tienes que describir lo que quieres y la IA generará o actualizará tu campaña por ti.

• Importar código HTML: Elige esta opción para importar el código desde un archivo ZIP.

• Código desde cero: Escribe o pega tu código HTML directamente en el editor para crear tu email.

El Agente de IA te permite crear y actualizar campañas de email con solo describir lo que quieres, sin necesidad de conocimientos técnicos ni de programación. Cómo funciona:

1. Escribe instrucciones como: “Crea un email promocional para nuestra próxima campaña de cuidado de la piel”.

2. La IA traduce tu solicitud en un diseño de email estructurado, el cual puedes perfeccionar solicitando cambios, tal como en una conversación.

Limitaciones actuales

A medida que esta función evoluciona, hay algunas características que aún no son compatibles:

• Componentes avanzados: los cuestionarios, los temporizadores de cuenta regresiva, los feeds de redes sociales y las encuestas no están disponibles.

• Acceso a la web en tiempo real: la IA no puede extraer datos en tiempo real, noticias ni contenido externo.

• Imágenes: la IA no puede generar imágenes, buscar nuevas imágenes en línea ni analizar imágenes cargadas.

Piensa en el Agente de IA como un punto de partida útil que puede encargarse del trabajo pesado, mientras tú mantienes el control del resultado final.

Para importar código HTML desde un archivo ZIP, elige Importar HTML al inicio de la creación de la campaña, o selecciona Importar HTML en cualquier momento desde la barra lateral derecha.

Arrastra el archivo ZIP para importarlo y haz clic en Cargar tu ZIP.

Cuando eliges Código desde cero, el editor HTML aparecerá en blanco. Desde aquí, puedes escribir o pegar tu código. También es posible cambiar a la pestaña Código en cualquier momento durante la creación de la campaña.

Se mostrará una vista previa de tu campaña en el lado izquierdo a medida que escribes el código. En el caso de los bloques de imagen, simplemente pasa el cursor sobre la imagen y haz clic en Seleccionar imagen para abrir el Administrador de archivos y elegir una imagen para reemplazarla.

También puedes acceder al Administrador de archivos directamente desde la barra lateral izquierda.

Las variables son piezas de información incluidas en tu contenido que pueden variar según los datos disponibles. En la barra lateral debajo de la pestaña Fragmentos, encontrarás dos tipos de variables: variables de campo personalizadas y variables de enlace.

Las variables personalizadas se utilizan para segmentar y personalizar mejor tu newsletter con el fin de mejorar la interacción. Para añadir variables personalizadas a tu campaña:

1. En la barra lateral, haz clic en la pestaña Campos y variables.

2. En Campos, utiliza el menú desplegable para seleccionar el campo que corresponda con los datos que quieras incluir en tu campaña.

3. Haz clic en Copiar y pega la etiqueta de personalización en la sección de contenido.

Si un suscriptor no tiene un valor en el campo correspondiente a la etiqueta de personalización que añadiste a tu campaña, el espacio donde se incluyó la etiqueta aparecerá en blanco, a menos que añadas un valor predeterminado. Lee este artículo para obtener más información sobre qué variables puedes incluir en tu campaña.

Las variables de enlace generan un enlace en el que se puede hacer clic exclusivo para cada campaña individual. Aquí encontrarás tres variables de enlace:

• Enlace para cancelar la suscripción: los suscriptores son redirigidos a tu página de cancelación de la suscripción. Es obligatorio incluir un enlace de cancelación visible en todas las campañas.

• Enlace de versión web: los suscriptores pueden utilizar este enlace para ver tu campaña en sus navegadores web. Esto es particularmente útil para campañas más largas que los clientes de correo electrónico de tus lectores pueden recortar.

• Enlace de reenvío: los suscriptores pueden hacer clic para reenviar tu campaña a sus amigos mediante la función Reenviar a un amigo.

Cuando guardas tu email en el editor de HTML personalizado, MailerLite convierte automáticamente cualquier CSS escrito dentro de las etiquetas <style> en estilos en línea que se aplican directamente a cada elemento. Este proceso ocurre de forma interna, por lo que no necesitas activar ni gestionar nada por tu cuenta.

Los estilos en línea son la forma más confiable de asegurar que tu email se muestre correctamente en los diferentes gestores de correo. Algunos de ellos limitan o eliminan el CSS incrustado y externo, lo que puede provocar que los diseños se rompan o se vean de forma inconsistente.

Al aplicar los estilos en línea en el momento en que guardas, MailerLite ayuda a preservar el diseño y el formato para que tu email se vea tal como lo planeaste para cada destinatario.

Después de copiar y pegar varios elementos en tu newsletter, es posible que necesites limpiar el código (por tu propia tranquilidad). Para organizar tu código, simplemente haz clic en el botón Embellecer.

Para deshacer tu última acción o restaurar una versión anterior de tu campaña:

1. Haz clic en el icono de deshacer en la parte superior de tu editor de HTML personalizado.

2. Haz clic en el icono de Cambios recientes para deshacer los cambios recientes o haz clic en la pestaña Historial de versiones para restaurar una versión de tu campaña guardada previamente.

Para previsualizar o probar tu campaña:

1. Haz clic en el botón Previsualizar y probar en la parte superior de tu editor de HTML personalizado.

2. Selecciona el Modo de previsualización para previsualizar tu campaña en el navegador y en dispositivos móviles.

3. Selecciona Enviar un email de prueba para enviarte una versión de prueba de tu campaña a ti mismo o a un colaborador.