Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?
-
Upload
fromdoppler -
Category
Education
-
view
1.874 -
download
1
description
Transcript of Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?
![Page 1: Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?](https://reader033.fdocuments.net/reader033/viewer/2022052504/54828d98b4af9f4f368b462f/html5/thumbnails/1.jpg)
![Page 2: Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?](https://reader033.fdocuments.net/reader033/viewer/2022052504/54828d98b4af9f4f368b462f/html5/thumbnails/2.jpg)
Estructura, diseño y envío de un email en
![Page 3: Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?](https://reader033.fdocuments.net/reader033/viewer/2022052504/54828d98b4af9f4f368b462f/html5/thumbnails/3.jpg)
¿Qué representa el acrónimo HTML?
![Page 4: Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?](https://reader033.fdocuments.net/reader033/viewer/2022052504/54828d98b4af9f4f368b462f/html5/thumbnails/4.jpg)
¿Qué significa las siglas
Hiper es lo contrario de lineal.
Texto se explica por sí solo.
Marcado es lo que haces con el texto. Se marca el texto del mismo modo que en un programa de edición de textos con encabezados, viñetas, negrita, etc.
Lenguaje es lo que es HTML. Este lenguaje hace uso de muchos términos en inglés.
![Page 5: Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?](https://reader033.fdocuments.net/reader033/viewer/2022052504/54828d98b4af9f4f368b462f/html5/thumbnails/5.jpg)
Relación HTML vs Email
![Page 6: Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?](https://reader033.fdocuments.net/reader033/viewer/2022052504/54828d98b4af9f4f368b462f/html5/thumbnails/6.jpg)
Visualización de un Email
Uno de los problemas más comunes al diseñar una newsletter o una pieza de mail, es lograr que el mismo funcione bien en todos los clientes de correo electrónico
![Page 7: Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?](https://reader033.fdocuments.net/reader033/viewer/2022052504/54828d98b4af9f4f368b462f/html5/thumbnails/7.jpg)
¿Cómo diseñar un newsletter y que se vea
bien en todos los clientes de correo?
![Page 8: Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?](https://reader033.fdocuments.net/reader033/viewer/2022052504/54828d98b4af9f4f368b462f/html5/thumbnails/8.jpg)
Diagramar con tablas
1. Debemos usar tablas para la estructuración del contenido puesto que no todos los correos nos interpretan los div correctamente.2. Las dimensiones deben darse por medios de los atributos de tablas.3. Para la cabecera, el contenido y el pie de página establecer la anchura de la tabla al 98%.Resulta que Yahoo! toma como cojín el 1% a ambos lados para mostrar el correo electrónico correctamente
![Page 9: Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?](https://reader033.fdocuments.net/reader033/viewer/2022052504/54828d98b4af9f4f368b462f/html5/thumbnails/9.jpg)
Un HTML raro, ¿estoy viendo claro?
![Page 10: Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?](https://reader033.fdocuments.net/reader033/viewer/2022052504/54828d98b4af9f4f368b462f/html5/thumbnails/10.jpg)
¿Qué debo hacer?
1. Usar un ancho de 600 pixeles como máximo2. Imágenes de fondo3. Llamar a las imágenes usando una ruta absoluta
4. No usar caracteres especiales en el nombre de las imágenes
5. Hacer pruebas o test
![Page 11: Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?](https://reader033.fdocuments.net/reader033/viewer/2022052504/54828d98b4af9f4f368b462f/html5/thumbnails/11.jpg)
¿Quién me puede ayudar?
Mauricio Torres
Customer Support Rep México
¡Gracias!