SlideShare a Scribd company logo
1 of 11
Estructura, diseño y envío
de un email en
¿Qué representa el
acrónimo HTML?
¿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.
Relación HTML vs Email
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
¿Cómo diseñar un
newsletter y que se vea
bien en todos los clientes
de correo?
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
Un HTML raro, ¿estoy viendo claro?
¿Qué debo hacer?
1. Usar un ancho de 600
pixeles como máximo
2. Imágenes de fondo
3. 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
¿Quién me puede ayudar?
Mauricio Torres
Customer Support Rep México
mtorres@makingsense.com
¡Gracias!

More Related Content

Similar to Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?

Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4
lilibethmirand
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4
lilibethmirand
 

Similar to Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa? (20)

Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4
 
4.2. editor html
4.2. editor html4.2. editor html
4.2. editor html
 
Html
HtmlHtml
Html
 
Producto 3
Producto 3Producto 3
Producto 3
 
Html 101
Html 101Html 101
Html 101
 
Modulo paginas
Modulo paginasModulo paginas
Modulo paginas
 
Clase 1
Clase 1Clase 1
Clase 1
 
Semillero .net
Semillero .netSemillero .net
Semillero .net
 
Seminario de Diseño de HTML Friendly
Seminario de Diseño de HTML FriendlySeminario de Diseño de HTML Friendly
Seminario de Diseño de HTML Friendly
 
Manual html
Manual htmlManual html
Manual html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Consejos para el HTML
Consejos para el HTMLConsejos para el HTML
Consejos para el HTML
 
Netetiquette Comed2009
Netetiquette Comed2009Netetiquette Comed2009
Netetiquette Comed2009
 
Inf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_dannaInf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_danna
 
Inf2 p1 a_exc2_danna
Inf2 p1 a_exc2_dannaInf2 p1 a_exc2_danna
Inf2 p1 a_exc2_danna
 
Ruiz guerra HTML
Ruiz guerra HTMLRuiz guerra HTML
Ruiz guerra HTML
 
Guia 4 lenguaje html
Guia 4   lenguaje htmlGuia 4   lenguaje html
Guia 4 lenguaje html
 
Victor machuca
Victor machucaVictor machuca
Victor machuca
 
Exc2 inf a-alonsodueñas
Exc2 inf a-alonsodueñasExc2 inf a-alonsodueñas
Exc2 inf a-alonsodueñas
 

More from FromDoppler

More from FromDoppler (20)

Inbound Marketing & Email Marketing para nuevos negocios digitales
Inbound Marketing & Email Marketing para nuevos negocios digitalesInbound Marketing & Email Marketing para nuevos negocios digitales
Inbound Marketing & Email Marketing para nuevos negocios digitales
 
Email Marketing en Navidad: 7 ejemplos prácticos y exitosos
Email Marketing en Navidad: 7 ejemplos prácticos y exitososEmail Marketing en Navidad: 7 ejemplos prácticos y exitosos
Email Marketing en Navidad: 7 ejemplos prácticos y exitosos
 
Masterclass - Email y Automation Marketing (En EUDE)
Masterclass - Email y Automation Marketing (En EUDE)Masterclass - Email y Automation Marketing (En EUDE)
Masterclass - Email y Automation Marketing (En EUDE)
 
Inmersión en el Email Marketing para Emprendedores
Inmersión en el Email Marketing para EmprendedoresInmersión en el Email Marketing para Emprendedores
Inmersión en el Email Marketing para Emprendedores
 
Email y Automation Marketing
Email y Automation Marketing Email y Automation Marketing
Email y Automation Marketing
 
Estrategias digitales para potenciar tu negocio
Estrategias digitales para potenciar tu negocioEstrategias digitales para potenciar tu negocio
Estrategias digitales para potenciar tu negocio
 
¿Qué es la Omnicanalidad?: Cómo implementar una estrategia de Marketing 360°
¿Qué es la Omnicanalidad?: Cómo implementar una estrategia de Marketing 360°¿Qué es la Omnicanalidad?: Cómo implementar una estrategia de Marketing 360°
¿Qué es la Omnicanalidad?: Cómo implementar una estrategia de Marketing 360°
 
Dime cómo comunicas y te diré cuánto vendes
Dime cómo comunicas y te diré cuánto vendesDime cómo comunicas y te diré cuánto vendes
Dime cómo comunicas y te diré cuánto vendes
 
Redes Sociales para atraer, Email Marketing para vender
Redes Sociales para atraer, Email Marketing para venderRedes Sociales para atraer, Email Marketing para vender
Redes Sociales para atraer, Email Marketing para vender
 
Email Marketing para vender
Email Marketing para vender Email Marketing para vender
Email Marketing para vender
 
WiFi Marketing: Atráe prospectos en tu Negocio online
WiFi Marketing: Atráe prospectos en tu Negocio onlineWiFi Marketing: Atráe prospectos en tu Negocio online
WiFi Marketing: Atráe prospectos en tu Negocio online
 
Aspectos a tener en cuenta para Redes Sociales Seguras
Aspectos a tener en cuenta para Redes Sociales SegurasAspectos a tener en cuenta para Redes Sociales Seguras
Aspectos a tener en cuenta para Redes Sociales Seguras
 
Caso de Estudio: Estrategia de Email Marketing para Navidad
Caso de Estudio: Estrategia de Email Marketing para NavidadCaso de Estudio: Estrategia de Email Marketing para Navidad
Caso de Estudio: Estrategia de Email Marketing para Navidad
 
Email Marketing para tu Pyme y tendencias para 2019
Email Marketing para tu Pyme y tendencias para 2019Email Marketing para tu Pyme y tendencias para 2019
Email Marketing para tu Pyme y tendencias para 2019
 
Introducción al Planning Digital
Introducción al Planning DigitalIntroducción al Planning Digital
Introducción al Planning Digital
 
Aumenta tus ventas y fideliza clientes con Email Marketing
Aumenta tus ventas y fideliza clientes con Email MarketingAumenta tus ventas y fideliza clientes con Email Marketing
Aumenta tus ventas y fideliza clientes con Email Marketing
 
Doppler y Club del Marketing Mediterráneo: Email Automation y Funnels de Conv...
Doppler y Club del Marketing Mediterráneo: Email Automation y Funnels de Conv...Doppler y Club del Marketing Mediterráneo: Email Automation y Funnels de Conv...
Doppler y Club del Marketing Mediterráneo: Email Automation y Funnels de Conv...
 
Copywriting: escritura persuasiva para incrementar ventas
Copywriting: escritura persuasiva para incrementar ventasCopywriting: escritura persuasiva para incrementar ventas
Copywriting: escritura persuasiva para incrementar ventas
 
10 preguntas y respuestas sobre Email Marketing Navideño
10 preguntas y respuestas sobre Email Marketing Navideño10 preguntas y respuestas sobre Email Marketing Navideño
10 preguntas y respuestas sobre Email Marketing Navideño
 
Doppler & Aderr: Estrategias de Marketing Estacional para empresas
Doppler & Aderr: Estrategias de Marketing Estacional para empresasDoppler & Aderr: Estrategias de Marketing Estacional para empresas
Doppler & Aderr: Estrategias de Marketing Estacional para empresas
 

Recently uploaded

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 

Recently uploaded (20)

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 

Doppler Tutorial: ¿Cómo maquetar una Campaña de Email Marketing exitosa?

  • 1.
  • 2. Estructura, diseño y envío de un email en
  • 4. ¿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.
  • 6. 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
  • 7. ¿Cómo diseñar un newsletter y que se vea bien en todos los clientes de correo?
  • 8. 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
  • 9. Un HTML raro, ¿estoy viendo claro?
  • 10. ¿Qué debo hacer? 1. Usar un ancho de 600 pixeles como máximo 2. Imágenes de fondo 3. 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
  • 11. ¿Quién me puede ayudar? Mauricio Torres Customer Support Rep México mtorres@makingsense.com ¡Gracias!