SlideShare una empresa de Scribd logo
1 de 21
Descargar para leer sin conexión
Estructura, diseño y
envío de un email
en
¿Miedo?
¿Qué representa el
acrónimo HTML?
¿Qué significa las siglas <HTML>
 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
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
Visualización de un Email
Visualización de un Email
Visualización de un Email
¿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
Diagramar con tablas
Piensa como distribuirás
el contenido del
emailing(imágenes, texto,
enlaces…) y crea una
tabla de manera que
coloques cada porción de
contenido en cada celda
de la tabla
Diagramar con estilos
Gmail y otros buzones de correo no soportan estilos en cascada (CSS), así
que mejor dejarlos de lado. Además, muchos buzones sólo dan soporte a
los estilos más básicos de HTML (font-family, font-weight, etc) y no
soportarán estilos avanzados (clear, float, z-index, etc)
Diagramar con textos alternos
Ya sabemos que la mayoría
de buzones de correo bloquean
las imágenes y que el lector no las
verá si no pulsa el botón ‘Mostrar
imágenes’. Así que, de antemano,
tenemos que suponer que
nuestro destinatario no verá las
imágenes, por lo que debemos
diseñar el email con esa idea. No
confíes todo el contenido
del email a las imágenes
Consejos de imágenes
 Tu email sin imágenes también es efectivo (los buzones de correo las
bloquearán a priori).
 Las imágenes incluyen el atributo alt.
 Las imágenes son .GIF o .JPEG (evitar .PNG).
 El valor border es 0.
 Incluye style=”display:block;” a las imágenes para evitar espacios debajo de
ellas.
 Las imágenes incluyen los atributos de alto y ancho (height y width).
 Utiliza referencias absolutas y no relativas
(usar src=”www.misitio.es/imagenes/logo.gif” en lugar
de src=”/imagenes/logo.gif“).
 Outlook no soporta imágenes de fondo.
Un HTML raro, ¿estoy viendo claro?
<body style=“width:100% !important; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; margin:0; padding:0;”>
-
Revisar envíos en todos
los clientes de correo.
¿Qué es lo que
queremos?
¡Gracias!
Mauricio Torres
Customer Support Rep
Mx
Cómo estructurar adecuadamente tu HTML para Email Marketing

Más contenido relacionado

Destacado

JP│KOM News-Service 3/12
JP│KOM News-Service 3/12JP│KOM News-Service 3/12
JP│KOM News-Service 3/12JP KOM GmbH
 
TreatmentMap, eine einzigartige neue Software zur automatischen Tumoranalyse
TreatmentMap, eine einzigartige neue Software zur automatischen TumoranalyseTreatmentMap, eine einzigartige neue Software zur automatischen Tumoranalyse
TreatmentMap, eine einzigartige neue Software zur automatischen TumoranalyseAlex Beer
 
Festivals „Musik und Wein im Ahrtal“ 2011
Festivals „Musik und Wein im Ahrtal“ 2011Festivals „Musik und Wein im Ahrtal“ 2011
Festivals „Musik und Wein im Ahrtal“ 2011Anton Simons
 
Importance of the Board- Institute of Directors By Kunwer Sachdev
Importance of the Board- Institute of Directors By Kunwer SachdevImportance of the Board- Institute of Directors By Kunwer Sachdev
Importance of the Board- Institute of Directors By Kunwer Sachdevsukampower
 
ClearMechanic Overview for Service Centers
ClearMechanic Overview for Service CentersClearMechanic Overview for Service Centers
ClearMechanic Overview for Service CentersClearMechanic
 
Kazasa Interiors Home
Kazasa Interiors HomeKazasa Interiors Home
Kazasa Interiors HomeBeverly Enlow
 
White Paper Rating Final
White Paper Rating FinalWhite Paper Rating Final
White Paper Rating Finalaloahe2
 
GOLDEN LEGACY INTERNATIONAL CORPORATION POWERPOINT PRESENTATION
GOLDEN LEGACY INTERNATIONAL CORPORATION POWERPOINT PRESENTATIONGOLDEN LEGACY INTERNATIONAL CORPORATION POWERPOINT PRESENTATION
GOLDEN LEGACY INTERNATIONAL CORPORATION POWERPOINT PRESENTATIONkarenbiz101
 
Presentation About Research
Presentation About ResearchPresentation About Research
Presentation About Researchgbromery
 
Redes sociales y ccbb digital
Redes sociales y ccbb digitalRedes sociales y ccbb digital
Redes sociales y ccbb digitalLlama Montaigne
 
Utilizações inovadoras da telepresença
Utilizações inovadoras da telepresençaUtilizações inovadoras da telepresença
Utilizações inovadoras da telepresençaCisco do Brasil
 
Menschenrechte - UN-Konvention über die Rechte von Menschen mit Behinderungen
Menschenrechte - UN-Konvention über die Rechte von Menschen mit BehinderungenMenschenrechte - UN-Konvention über die Rechte von Menschen mit Behinderungen
Menschenrechte - UN-Konvention über die Rechte von Menschen mit BehinderungenLukas Huber
 
Werbeplanung.at SUMMIT 15 - Facebook Advertising – Wie Sie beginnen – Micheal...
Werbeplanung.at SUMMIT 15 - Facebook Advertising – Wie Sie beginnen – Micheal...Werbeplanung.at SUMMIT 15 - Facebook Advertising – Wie Sie beginnen – Micheal...
Werbeplanung.at SUMMIT 15 - Facebook Advertising – Wie Sie beginnen – Micheal...Werbeplanung.at Summit
 

Destacado (20)

JP│KOM News-Service 3/12
JP│KOM News-Service 3/12JP│KOM News-Service 3/12
JP│KOM News-Service 3/12
 
01hackshackerschile
01hackshackerschile01hackshackerschile
01hackshackerschile
 
TreatmentMap, eine einzigartige neue Software zur automatischen Tumoranalyse
TreatmentMap, eine einzigartige neue Software zur automatischen TumoranalyseTreatmentMap, eine einzigartige neue Software zur automatischen Tumoranalyse
TreatmentMap, eine einzigartige neue Software zur automatischen Tumoranalyse
 
Festivals „Musik und Wein im Ahrtal“ 2011
Festivals „Musik und Wein im Ahrtal“ 2011Festivals „Musik und Wein im Ahrtal“ 2011
Festivals „Musik und Wein im Ahrtal“ 2011
 
Importance of the Board- Institute of Directors By Kunwer Sachdev
Importance of the Board- Institute of Directors By Kunwer SachdevImportance of the Board- Institute of Directors By Kunwer Sachdev
Importance of the Board- Institute of Directors By Kunwer Sachdev
 
Merano Magazine Sommer 2011
Merano Magazine Sommer 2011Merano Magazine Sommer 2011
Merano Magazine Sommer 2011
 
Inolution Inserat Zug
Inolution Inserat ZugInolution Inserat Zug
Inolution Inserat Zug
 
ClearMechanic Overview for Service Centers
ClearMechanic Overview for Service CentersClearMechanic Overview for Service Centers
ClearMechanic Overview for Service Centers
 
Kazasa Interiors Home
Kazasa Interiors HomeKazasa Interiors Home
Kazasa Interiors Home
 
White Paper Rating Final
White Paper Rating FinalWhite Paper Rating Final
White Paper Rating Final
 
GOLDEN LEGACY INTERNATIONAL CORPORATION POWERPOINT PRESENTATION
GOLDEN LEGACY INTERNATIONAL CORPORATION POWERPOINT PRESENTATIONGOLDEN LEGACY INTERNATIONAL CORPORATION POWERPOINT PRESENTATION
GOLDEN LEGACY INTERNATIONAL CORPORATION POWERPOINT PRESENTATION
 
WIEN LEBT – Charktere
WIEN LEBT – CharktereWIEN LEBT – Charktere
WIEN LEBT – Charktere
 
Presentation About Research
Presentation About ResearchPresentation About Research
Presentation About Research
 
Redes sociales y ccbb digital
Redes sociales y ccbb digitalRedes sociales y ccbb digital
Redes sociales y ccbb digital
 
Eventure
EventureEventure
Eventure
 
Compressor
CompressorCompressor
Compressor
 
Utilizações inovadoras da telepresença
Utilizações inovadoras da telepresençaUtilizações inovadoras da telepresença
Utilizações inovadoras da telepresença
 
Neurocirugía Setiembre 2012 (Vol 20)
Neurocirugía Setiembre 2012 (Vol 20)Neurocirugía Setiembre 2012 (Vol 20)
Neurocirugía Setiembre 2012 (Vol 20)
 
Menschenrechte - UN-Konvention über die Rechte von Menschen mit Behinderungen
Menschenrechte - UN-Konvention über die Rechte von Menschen mit BehinderungenMenschenrechte - UN-Konvention über die Rechte von Menschen mit Behinderungen
Menschenrechte - UN-Konvention über die Rechte von Menschen mit Behinderungen
 
Werbeplanung.at SUMMIT 15 - Facebook Advertising – Wie Sie beginnen – Micheal...
Werbeplanung.at SUMMIT 15 - Facebook Advertising – Wie Sie beginnen – Micheal...Werbeplanung.at SUMMIT 15 - Facebook Advertising – Wie Sie beginnen – Micheal...
Werbeplanung.at SUMMIT 15 - Facebook Advertising – Wie Sie beginnen – Micheal...
 

Similar a Cómo estructurar adecuadamente tu HTML para Email Marketing

Similar a Cómo estructurar adecuadamente tu HTML para Email Marketing (20)

Consejos para el HTML
Consejos para el HTMLConsejos para el HTML
Consejos para el HTML
 
Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?
Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?
Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?
 
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
 
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
 
Presentación HTML
Presentación HTML Presentación HTML
Presentación HTML
 
Clase 1
Clase 1Clase 1
Clase 1
 
Producto 3
Producto 3Producto 3
Producto 3
 
Armado de una pieza de HTML
Armado de una pieza de HTMLArmado de una pieza de HTML
Armado de una pieza de HTML
 
html y css
html y csshtml y css
html y css
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 
Inf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_dannaInf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_danna
 
Manual html
Manual htmlManual html
Manual html
 
Inf2 p1 a_exc2_danna
Inf2 p1 a_exc2_dannaInf2 p1 a_exc2_danna
Inf2 p1 a_exc2_danna
 
Inf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarezInf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarez
 
Consulta sobre acces, HMTL
Consulta sobre acces, HMTLConsulta sobre acces, HMTL
Consulta sobre acces, HMTL
 
Html
HtmlHtml
Html
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Manual css 01
Manual css 01Manual css 01
Manual css 01
 

Más de FromDoppler

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 digitalesFromDoppler
 
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 exitososFromDoppler
 
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)FromDoppler
 
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 EmprendedoresFromDoppler
 
Email y Automation Marketing
Email y Automation Marketing Email y Automation Marketing
Email y Automation Marketing FromDoppler
 
Estrategias digitales para potenciar tu negocio
Estrategias digitales para potenciar tu negocioEstrategias digitales para potenciar tu negocio
Estrategias digitales para potenciar tu negocioFromDoppler
 
¿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°FromDoppler
 
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 vendesFromDoppler
 
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 venderFromDoppler
 
Email Marketing para vender
Email Marketing para vender Email Marketing para vender
Email Marketing para vender FromDoppler
 
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 onlineFromDoppler
 
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 SegurasFromDoppler
 
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 NavidadFromDoppler
 
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 2019FromDoppler
 
Introducción al Planning Digital
Introducción al Planning DigitalIntroducción al Planning Digital
Introducción al Planning DigitalFromDoppler
 
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 MarketingFromDoppler
 
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...FromDoppler
 
Copywriting: escritura persuasiva para incrementar ventas
Copywriting: escritura persuasiva para incrementar ventasCopywriting: escritura persuasiva para incrementar ventas
Copywriting: escritura persuasiva para incrementar ventasFromDoppler
 
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ñoFromDoppler
 
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 empresasFromDoppler
 

Más de 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
 

Último

Manual de Imagen Personal y uso de uniformes
Manual de Imagen Personal y uso de uniformesManual de Imagen Personal y uso de uniformes
Manual de Imagen Personal y uso de uniformesElizabeth152261
 
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdf
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdfCONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdf
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdfTeresa Rc
 
ADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptx
ADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptxADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptx
ADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptxRafaelSabido2
 
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptx
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptxHIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptx
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptxTecvalSAS2
 
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...BaleriaMaldonado1
 
Maria_diaz.pptx mapa conceptual gerencia industral
Maria_diaz.pptx mapa conceptual   gerencia industralMaria_diaz.pptx mapa conceptual   gerencia industral
Maria_diaz.pptx mapa conceptual gerencia industralmaria diaz
 
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edxEvafabi
 
260813887-diagrama-de-flujo-de-proceso-de-esparrago-fresco-verde.pptx
260813887-diagrama-de-flujo-de-proceso-de-esparrago-fresco-verde.pptx260813887-diagrama-de-flujo-de-proceso-de-esparrago-fresco-verde.pptx
260813887-diagrama-de-flujo-de-proceso-de-esparrago-fresco-verde.pptxi7ingenieria
 
Sostenibilidad y continuidad huamcoli robin-cristian.pptx
Sostenibilidad y continuidad huamcoli robin-cristian.pptxSostenibilidad y continuidad huamcoli robin-cristian.pptx
Sostenibilidad y continuidad huamcoli robin-cristian.pptxmarlonrea6
 
mapa-conceptual-evidencias-de-auditoria_compress.pdf
mapa-conceptual-evidencias-de-auditoria_compress.pdfmapa-conceptual-evidencias-de-auditoria_compress.pdf
mapa-conceptual-evidencias-de-auditoria_compress.pdfAndresSebastianTamay
 
Presentacion encuentra tu creatividad papel azul.pdf
Presentacion encuentra tu creatividad papel azul.pdfPresentacion encuentra tu creatividad papel azul.pdf
Presentacion encuentra tu creatividad papel azul.pdfaldonaim115
 
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(Caja nacional de salud 0&!(&:(_5+:;?)8-!!(
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(HelenDanielaGuaruaBo
 
Distribuciones de frecuencia cuarto semestre
Distribuciones de frecuencia cuarto semestreDistribuciones de frecuencia cuarto semestre
Distribuciones de frecuencia cuarto semestreAndresUseda3
 
liderazgo guia.pdf.............................
liderazgo guia.pdf.............................liderazgo guia.pdf.............................
liderazgo guia.pdf.............................MIGUELANGELLEGUIAGUZ
 
implemenatcion de un data mart en logistica
implemenatcion de un data mart en logisticaimplemenatcion de un data mart en logistica
implemenatcion de un data mart en logisticaghgfhhgf
 
CARPETA PEDAGOGICA 2024 ARITA.sadasdasddocx
CARPETA PEDAGOGICA 2024 ARITA.sadasdasddocxCARPETA PEDAGOGICA 2024 ARITA.sadasdasddocx
CARPETA PEDAGOGICA 2024 ARITA.sadasdasddocxWILIANREATEGUI
 
senati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptxsenati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptxnathalypaolaacostasu
 
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...TaniaCruzInga
 
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBREDISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBREdianayarelii17
 
2 Tipo Sociedad comandita por acciones.pptx
2 Tipo Sociedad comandita por acciones.pptx2 Tipo Sociedad comandita por acciones.pptx
2 Tipo Sociedad comandita por acciones.pptxRicardo113759
 

Último (20)

Manual de Imagen Personal y uso de uniformes
Manual de Imagen Personal y uso de uniformesManual de Imagen Personal y uso de uniformes
Manual de Imagen Personal y uso de uniformes
 
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdf
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdfCONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdf
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdf
 
ADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptx
ADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptxADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptx
ADMINISTRACIÓN DE CUENTAS POR COBRAR CGSR.pptx
 
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptx
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptxHIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptx
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptx
 
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...
 
Maria_diaz.pptx mapa conceptual gerencia industral
Maria_diaz.pptx mapa conceptual   gerencia industralMaria_diaz.pptx mapa conceptual   gerencia industral
Maria_diaz.pptx mapa conceptual gerencia industral
 
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx
3ro - Semana 1 (EDA 2) 2023 (3).ppt. edx
 
260813887-diagrama-de-flujo-de-proceso-de-esparrago-fresco-verde.pptx
260813887-diagrama-de-flujo-de-proceso-de-esparrago-fresco-verde.pptx260813887-diagrama-de-flujo-de-proceso-de-esparrago-fresco-verde.pptx
260813887-diagrama-de-flujo-de-proceso-de-esparrago-fresco-verde.pptx
 
Sostenibilidad y continuidad huamcoli robin-cristian.pptx
Sostenibilidad y continuidad huamcoli robin-cristian.pptxSostenibilidad y continuidad huamcoli robin-cristian.pptx
Sostenibilidad y continuidad huamcoli robin-cristian.pptx
 
mapa-conceptual-evidencias-de-auditoria_compress.pdf
mapa-conceptual-evidencias-de-auditoria_compress.pdfmapa-conceptual-evidencias-de-auditoria_compress.pdf
mapa-conceptual-evidencias-de-auditoria_compress.pdf
 
Presentacion encuentra tu creatividad papel azul.pdf
Presentacion encuentra tu creatividad papel azul.pdfPresentacion encuentra tu creatividad papel azul.pdf
Presentacion encuentra tu creatividad papel azul.pdf
 
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(Caja nacional de salud 0&!(&:(_5+:;?)8-!!(
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(
 
Distribuciones de frecuencia cuarto semestre
Distribuciones de frecuencia cuarto semestreDistribuciones de frecuencia cuarto semestre
Distribuciones de frecuencia cuarto semestre
 
liderazgo guia.pdf.............................
liderazgo guia.pdf.............................liderazgo guia.pdf.............................
liderazgo guia.pdf.............................
 
implemenatcion de un data mart en logistica
implemenatcion de un data mart en logisticaimplemenatcion de un data mart en logistica
implemenatcion de un data mart en logistica
 
CARPETA PEDAGOGICA 2024 ARITA.sadasdasddocx
CARPETA PEDAGOGICA 2024 ARITA.sadasdasddocxCARPETA PEDAGOGICA 2024 ARITA.sadasdasddocx
CARPETA PEDAGOGICA 2024 ARITA.sadasdasddocx
 
senati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptxsenati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptx
 
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...
 
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBREDISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE
 
2 Tipo Sociedad comandita por acciones.pptx
2 Tipo Sociedad comandita por acciones.pptx2 Tipo Sociedad comandita por acciones.pptx
2 Tipo Sociedad comandita por acciones.pptx
 

Cómo estructurar adecuadamente tu HTML para Email Marketing

  • 4. ¿Qué significa las siglas <HTML>  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.
  • 7. 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
  • 11. ¿Cómo diseñar un newsletter y que se vea bien en todos los clientes de correo?
  • 12. 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
  • 13. Diagramar con tablas Piensa como distribuirás el contenido del emailing(imágenes, texto, enlaces…) y crea una tabla de manera que coloques cada porción de contenido en cada celda de la tabla
  • 14. Diagramar con estilos Gmail y otros buzones de correo no soportan estilos en cascada (CSS), así que mejor dejarlos de lado. Además, muchos buzones sólo dan soporte a los estilos más básicos de HTML (font-family, font-weight, etc) y no soportarán estilos avanzados (clear, float, z-index, etc)
  • 15. Diagramar con textos alternos Ya sabemos que la mayoría de buzones de correo bloquean las imágenes y que el lector no las verá si no pulsa el botón ‘Mostrar imágenes’. Así que, de antemano, tenemos que suponer que nuestro destinatario no verá las imágenes, por lo que debemos diseñar el email con esa idea. No confíes todo el contenido del email a las imágenes
  • 16. Consejos de imágenes  Tu email sin imágenes también es efectivo (los buzones de correo las bloquearán a priori).  Las imágenes incluyen el atributo alt.  Las imágenes son .GIF o .JPEG (evitar .PNG).  El valor border es 0.  Incluye style=”display:block;” a las imágenes para evitar espacios debajo de ellas.  Las imágenes incluyen los atributos de alto y ancho (height y width).  Utiliza referencias absolutas y no relativas (usar src=”www.misitio.es/imagenes/logo.gif” en lugar de src=”/imagenes/logo.gif“).  Outlook no soporta imágenes de fondo.
  • 17. Un HTML raro, ¿estoy viendo claro? <body style=“width:100% !important; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; margin:0; padding:0;”>
  • 18. - Revisar envíos en todos los clientes de correo.
  • 19. ¿Qué es lo que queremos?