Vea cómo usar y navegar por el Editor de campañas para crear o personalizar el contenido de su primera campaña de correo electrónico.

Edite plantillas de correo electrónico listas para usar

Esta es la forma más fácil y probablemente la más conveniente de crear correos electrónicos. Todo lo que tiene que hacer es elegir la plantilla que desee, ajustarla para que coincida con el diseño de su marca, insertar sus URL y reemplazar nuestras imágenes con las suyas. ¡El tuyo está listo!

Captura de pantalla 2024-05-07 a las 15.24.22.png

Empezar desde el principio

Esta opción significa que deberá arrastrar y soltar estructuras en su plantilla y luego llenarlas con bloques o módulos de contenido.

marketing por correo electrónico en tidio 2024-04-04 en 15.56.52.png

Comprender la estructura del patrón

La estructura de nuestro editor de campañas se basa en una estructura de tabla HTML. Los elementos centrales del correo electrónico son tiras que pueden contener un número ilimitado de estructuras. Puedes determinar el número y tipo de tiras que deseas aquí:

Captura de pantalla 2024-05-07 a las 15.42.45.png

Los contenedores pueden contener una cantidad ilimitada de bloques cuando se apilan uno encima del otro. Sin embargo, necesitarás contenedores diferentes para colocar los bloques uno al lado del otro.

Puede arrastrar y soltar bloques/estructuras/módulos desde el panel de configuración al área del editor.

editor general 2024-04-05 a las 13.14.44.png

Puede seleccionar diferentes elementos de un correo electrónico haciendo clic con el botón izquierdo del mouse. Al hacer clic, el menú y la configuración disponibles para el elemento seleccionado se abrirán en el panel de configuración.

editor general 2024-04-05 a las 13.11.41.png

Usando el menú desplegable, puede eliminar, mover y copiar elementos de correo electrónico o guardarlos como módulos.

Screen_Shot_2021-12-17_at_15.03.55.png

Puede navegar entre los elementos del correo electrónico seleccionando los elementos requeridos con el mouse. En este caso, la prioridad de selección pertenece al elemento en el nivel más bajo.

Por ejemplo, al hacer clic en el bloque del contenedor ubicado en la estructura ubicada a su vez en la franja, accederá al menú de configuración del bloque.

Screen_Shot_2021-12-17_at_16.00.16.png

Utilice el editor de campañas

Al hacer clic en cualquier correo electrónico o plantilla de su cuenta, ingresará al modo de edición. Todo el editor en modo de edición se divide en 2 partes: apariencia y contenido.

apariencia

Esta sección contiene casi todas las funciones de la configuración integrada para editar correos electrónicos. En el menú Apariencia, puede acceder a las siguientes configuraciones:

Definiciones generales

En la configuración general, puede establecer el ancho del correo electrónico, que es de 600 píxeles de forma predeterminada. Puede establecer cualquier tamaño entre 320 y 900 píxeles.

Screen_Shot_2021-12-17_at_16.25.18.png

Establezca el espaciado predeterminado , que se utilizará como predeterminado para todas las estructuras nuevas agregadas al correo electrónico en la pestaña de contenido o al agregar nuevas pistas .

Puede elegir la fuente base, su tamaño y el color de fuente para todos los siguientes bloques de texto.

Screen_Shot_2021-12-17_at_16.26.50.png

Además, puede establecer el color de los enlaces en el correo electrónico (activar o desactivar el subrayado en los enlaces ) y el interlineado predeterminado para todos los elementos de texto del correo electrónico.

Tenga en cuenta que esta es la única forma de determinar el interlineado que se mostrará en los dispositivos móviles.

editor general 2024-04-05 a las 13.25.41.png

títulos

En este menú, puede configurar la fuente, el tamaño, el color, el grosor y la inclinación de los encabezados H1, H2, H3. Para establecer un texto como «encabezado», debe resaltar ese texto y seleccionar el tipo de encabezado .

Screen_Shot_2021-12-17_at_16.28.52.png

Correas

Para configurar una franja (fila) como encabezado, contenido, pie de página o franja informativa , debes hacer clic en ella y establecer su valor en el panel de configuración. En estos menús, puede determinar cualquier configuración que se aplicará a cada tira (fila) respectivamente.

Aquí puede configurar el tamaño del texto, el color de fondo de la tira y el color de fondo del contenido, el color de fuente, el color del enlace, elegir la imagen para el fondo de la tira (fila).

En este menú, tiene la posibilidad de habilitar el resaltado de botones reenviados , que están deshabilitados de forma predeterminada al crear nuevos correos electrónicos. El menú de botones le permite configurar algunos parámetros que se usarán para todos los botones del correo electrónico de forma predeterminada.

Aquí puede configurar el color del botón, el color del botón resaltado, el color de fuente, el estilo y tamaño del texto, los parámetros de grosor e inclinación, y también configurar el radio del borde (la configuración predeterminada es 30 píxeles).

La compatibilidad con Outlook le permite mejorar la visualización de los botones en Outlook insertando un elemento de código VML especial.

Además, en esta parte del menú puedes configurar los bordes y sus colores. Puede determinarlos por separado para cada parte o para todas las partes a la vez.

También tiene la posibilidad de cambiar el color del borde del botón y habilitar el color del borde resaltado .

Además, en este menú, puede configurar el espacio interno de los botones, por separado para cada lado.

diseño móvil

Aquí puede controlar cómo se verá su correo electrónico en dispositivos móviles. Puede configurar el tamaño del texto del encabezado, el tamaño del texto del cuerpo, el tamaño del texto del pie de página, el tamaño del texto del área de información, el tamaño del texto del elemento para el bloque «menú», el tamaño del texto para el H1. Los encabezados H2, H3, determinan la alineación horizontal y el espaciado del contenido del correo electrónico para ellos.

También puede configurar el tamaño del texto de los botones para que ocupen todo el ancho del dispositivo móvil.

Menú de contenido

En el menú de contenido , puede agregar estructuras , bloques y módulos a su correo electrónico: los elementos centrales del correo electrónico o plantilla .

Para crear un «esqueleto» de plantilla de este tipo, debe arrastrar una estructura que contenga la cantidad requerida de contenedores y luego simplemente llenarlos con bloques o módulos .

estructuras

Puede elegir una estructura que contenga 1, 2, 3 o 4 contenedores desde el submenú de estructuras.

bloques

Actualmente, existen 8 bloques básicos, incluido un bloque HTML que le permite incrustar código personalizado y elementos de correo electrónico personalizados.

Screen_Shot_2021-12-17_at_17.09.41.png

Por ejemplo, un bloque de imagen básico:

Screen_Shot_2021-12-17_at_17.10.32.png

Este bloque se puede utilizar para agregar imágenes en formatos PNG, JPG o GIF con un tamaño máximo de 3Mb. Puede agregar una imagen desde su computadora arrastrando o pegando un enlace a una fuente externa.

Screen_Shot_2021-12-17_at_17.11.12.png

módulos

El menú de módulos contiene módulos previamente guardados que puede usar y agregar a su correo electrónico. También puede agregar sus tiras , estructuras y contenedores favoritos al menú de módulos para usarlos más tarde. Además, puede usar nuestros módulos ya preparados arrastrándolos. en tu correo electrónico a tu.

Screen_Shot_2021-12-17_at_17.11.40.png

Soporte de escritura de IA

Puede mejorar su escritura con sugerencias impulsadas por IA para combinar sus mensajes con diferentes tonos y estilos. El soporte de escritura asistida por IA está diseñado para ayudarle a entregar rápidamente textos bien escritos y de alta calidad. Con el poder de la IA, el soporte de redacción puede producir párrafos decentes. ¡Puede dejar que AI escriba el contenido del correo electrónico por usted, pedirle que traduzca el mensaje, cambie el tono, corrija la gramática y más!

Captura de pantalla

Área de edición

Esta área ocupa la mayor parte de la pantalla en modo de edición.

Captura de pantalla-2020-10-22-at-11.04.41.png

Esta es el área para editar correos electrónicos y plantillas. Puede arrastrar bloques/estructuras/módulos a ella y al panel de configuración . Aquí puede configurar la cantidad requerida de tiras y su tipo.

Captura de pantalla-2020-10-22-at-11.04.59-1200x489.png

Usando los menús desplegables, puede eliminar, mover, copiar o guardar cualquier elemento de correo electrónico como un módulo.

Puedes seleccionar cualquier elemento haciendo clic sobre él. Una vez seleccionado, verá la configuración correspondiente en el panel de configuración (consulte la lista de configuraciones disponibles para diferentes elementos arriba).

Cada estructura puede contener entre 1 y 4 contenedores.

Screen_Shot_2021-12-17_at_17.18.07.png

Los contenedores pueden contener una cantidad ilimitada de otros elementos cuando los colocas uno debajo del otro, pero si deseas colocar un elemento a la derecha o a la izquierda, necesitarás usar contenedores diferentes.

Trabajar con texto

Para agregar texto a su correo electrónico:

Screen_Shot_2021-12-17_at_16.28.52.png

Si necesita agregar enlaces a texto, y no solo botones de llamada a la acción, debe:

editor general 2024-04-05 a las 13.18.34.png

Puede resaltar enlaces en correos electrónicos: haga lo que le parezca correcto.

Para agregar un enlace al texto, resalte el texto requerido y haga clic en el icono del enlace en el panel de configuración.

editor general 2024-04-05 a las 13.21.50.png

Luego, en el panel de configuración, elige el tipo de enlace (protocolo) que más te convenga e introduce sus datos.

editor general 2024-04-05 a las 13.23.03.png

Para eliminar el enlace del texto, simplemente haga clic en el texto y luego haga clic nuevamente en el mismo icono de enlace.

Agregar fotos

Las imágenes son la base de todos los correos electrónicos. No importa cuán persuasivo sea su texto, definitivamente debe haber imágenes porque apelan a las emociones presentando nuestros productos de la mejor manera posible.

Cómo agregar una imagen en correos electrónicos:

Hay cuatro maneras de hacer esto:

Aquí, simplemente puede arrastrar y soltar la imagen que desea utilizar en su campaña o cargarla desde su computadora haciendo clic en la «flecha» y seleccionando la imagen desde su computadora.

Screen_Shot_2021-12-20_at_09.05.48.png

Si no tiene la imagen del banner guardada en su computadora, puede insertar enlaces a esta imagen en línea. En el campo «Enlace externo», pegue el enlace a su imagen.

Si tiene la intención de utilizar esta imagen solo una vez, en el menú desplegable, seleccione la opción «Mantener como enlace externo» (como se muestra en el ejemplo anterior) y haga clic en «V».

Si tiene la intención de utilizar esta imagen para otras campañas, haga clic en la pestaña «Proyecto» de arriba, inserte el enlace y seleccione la opción «Descargar a la galería», y haga clic en «V».

Screen_Shot_2021-12-20_at_09.07.44.png

Cuando carga fotos o las descarga a la galería como se muestra en el ejemplo anterior, sus fotos se guardan en su galería personal. Sólo necesitas ir a la pestaña de correo electrónico.

Screen_Shot_2021-12-20_at_09.08.34.png

Las fotos aquí están ordenadas por fecha, desde la más nueva → hasta la más antigua. Si la lista de imágenes es demasiado larga, puedes buscar por su nombre. Para usar una en su plantilla de correo electrónico HTML actual, haga clic en la imagen seleccionada y aparecerá automáticamente en su correo electrónico.

Usando el banco de imágenes

En primer lugar, todas las imágenes disponibles en nuestro editor de campañas son completamente gratuitas. En segundo lugar, ofrecemos más de 100.000 imágenes. Haga clic en la pestaña «Inventario» y luego ingrese el nombre o la categoría de las fotos que está buscando.

Una vez que hayas seleccionado una imagen y hayas hecho clic en ella, aparecerá inmediatamente en la plantilla con la que estás trabajando. Así es como puedes comprobar si coincide con tu correo electrónico. Si te gusta lo que ves, haz clic en el botón «Usar».

Captura de pantalla 2024-05-07 a las 15.55.15.png

edición de fotos

En el párrafo anterior, mostramos cómo cargar imágenes y guardarlas. Pero, ¿cómo puedes editarlos en el editor de campañas?

Screen_Shot_2021-12-20_at_09.09.57.png

Color y fondo

Los fondos diseñados para contenedores/tiras (filas) individuales ayudan a llamar la atención de los destinatarios sobre ciertos elementos. Los fondos diseñados para correos electrónicos completos hacen que su diseño parezca completo y unificado.

Cómo establecer un color de fondo para una estructura

368c76af52bdf407dcc10e6b1ce843c9.gif

Nota: Puedes hacer esto de la misma manera para configurar el color de fondo para todos los correos electrónicos.

Cómo configurar una imagen de fondo para todos los correos electrónicos:

La imagen de fondo se mostrará únicamente en dispositivos de escritorio. No se mostrará en dispositivos móviles.

Es posible que algunos clientes de correo electrónico, como Outlook, no muestren la imagen de fondo. Por lo tanto, también recomendamos configurar el color de fondo, que será similar a la imagen de fondo, para todos los correos electrónicos.

La parte inferior del correo electrónico generalmente contiene información de contacto, como su URL, el motivo por el cual se comunicó con los destinatarios, enlaces a sus cuentas de redes sociales ocultos detrás de los íconos de las redes sociales, un enlace para cancelar la suscripción y el nombre de la persona responsable del boletín. correo electrónico. El último es opcional, pero todos los elementos que lo preceden son obligatorios.

Captura de pantalla-2020-10-22-at-11.11.54.png

Cómo estructurar el pie de página del correo electrónico

Este es un elemento complejo de los correos electrónicos. Para crear uno, debes:

Enviar la campaña

Antes de decidir enviar la campaña, obtenga siempre una vista previa de ella para comprobar cómo se verá en los dispositivos de sus clientes.

Cómo ver tu correo electrónico

editor general 2024-04-05 a las 13.27.44.png

La barra de menú inferior

Envía tu campaña

Una vez que hayas editado (y corregido si es necesario) tu correo electrónico, puedes proceder a revisar y enviar:

editor general 2024-04-05 a las 13.28.26.png

email marketing en tidio 2024-04-04 a las 16.00.03.png