SlideShare uma empresa Scribd logo
1 de 21
Baixar para ler offline
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

Mais conteúdo relacionado

Destaque

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
 

Destaque (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...
 

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

Semelhante 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
 

Mais 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
 

Mais 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

TRIBUTACION PARA AGENTES INMOBILIARIOS 2022 OCTUBRE (1).pptx
TRIBUTACION PARA AGENTES INMOBILIARIOS 2022 OCTUBRE (1).pptxTRIBUTACION PARA AGENTES INMOBILIARIOS 2022 OCTUBRE (1).pptx
TRIBUTACION PARA AGENTES INMOBILIARIOS 2022 OCTUBRE (1).pptxpedrovizconde
 
Modelo de Datos CP Home - Area de Operaciones
Modelo de Datos CP Home - Area de OperacionesModelo de Datos CP Home - Area de Operaciones
Modelo de Datos CP Home - Area de OperacionesLPI ONG
 
Fases del Proceso de Onboarding.......pdf
Fases del Proceso de Onboarding.......pdfFases del Proceso de Onboarding.......pdf
Fases del Proceso de Onboarding.......pdfSimbronReyna
 
Francisco Rizo Villaseñor – Claves del Éxito en el Sector Financiero.pdf
Francisco Rizo Villaseñor – Claves del Éxito en el Sector Financiero.pdfFrancisco Rizo Villaseñor – Claves del Éxito en el Sector Financiero.pdf
Francisco Rizo Villaseñor – Claves del Éxito en el Sector Financiero.pdfFrancisco Rizo Villaseñor
 
ENFOQUE Y METODOLOGIA DEL AREA DE MATEMATICA.pptx
ENFOQUE Y METODOLOGIA DEL AREA DE MATEMATICA.pptxENFOQUE Y METODOLOGIA DEL AREA DE MATEMATICA.pptx
ENFOQUE Y METODOLOGIA DEL AREA DE MATEMATICA.pptxMayckolPrez
 
Adaptación de puestos de trabajo. Un gran reto en empresas pequeñas
Adaptación de puestos de trabajo. Un gran reto en empresas pequeñasAdaptación de puestos de trabajo. Un gran reto en empresas pequeñas
Adaptación de puestos de trabajo. Un gran reto en empresas pequeñasPrevencionar
 
Análisis del uso de telemedicina en audiología laboral
Análisis del uso de telemedicina en audiología laboralAnálisis del uso de telemedicina en audiología laboral
Análisis del uso de telemedicina en audiología laboralPrevencionar
 
20240314-CambraSabadell-SessioInformativa-TransfDigital-UnCasoPractico.pdf
20240314-CambraSabadell-SessioInformativa-TransfDigital-UnCasoPractico.pdf20240314-CambraSabadell-SessioInformativa-TransfDigital-UnCasoPractico.pdf
20240314-CambraSabadell-SessioInformativa-TransfDigital-UnCasoPractico.pdfRamon Costa i Pujol
 
MAPA MENTAL SOBRE EL UTILITARISMO 24.pdf
MAPA MENTAL SOBRE EL UTILITARISMO 24.pdfMAPA MENTAL SOBRE EL UTILITARISMO 24.pdf
MAPA MENTAL SOBRE EL UTILITARISMO 24.pdfFabianaGutirrez8
 
cuestionario referente a habilidades gerenciales
cuestionario referente a habilidades gerencialescuestionario referente a habilidades gerenciales
cuestionario referente a habilidades gerencialesfranklinmonsalvejaim
 
HIR CASA, Financiamiento hipotecario para clientes de ATR
HIR CASA, Financiamiento hipotecario para clientes de ATRHIR CASA, Financiamiento hipotecario para clientes de ATR
HIR CASA, Financiamiento hipotecario para clientes de ATRDanielGrajeda7
 
Identificación de riesgo ergonómico en usuarios de PVD's en teletrabajo
Identificación de riesgo ergonómico en usuarios de PVD's en teletrabajoIdentificación de riesgo ergonómico en usuarios de PVD's en teletrabajo
Identificación de riesgo ergonómico en usuarios de PVD's en teletrabajoPrevencionar
 
Planificacion Anual en EPT 2024 de nivel Secundaria.pptx
Planificacion Anual en EPT 2024 de nivel Secundaria.pptxPlanificacion Anual en EPT 2024 de nivel Secundaria.pptx
Planificacion Anual en EPT 2024 de nivel Secundaria.pptxarcangelcompueduca
 

Último (13)

TRIBUTACION PARA AGENTES INMOBILIARIOS 2022 OCTUBRE (1).pptx
TRIBUTACION PARA AGENTES INMOBILIARIOS 2022 OCTUBRE (1).pptxTRIBUTACION PARA AGENTES INMOBILIARIOS 2022 OCTUBRE (1).pptx
TRIBUTACION PARA AGENTES INMOBILIARIOS 2022 OCTUBRE (1).pptx
 
Modelo de Datos CP Home - Area de Operaciones
Modelo de Datos CP Home - Area de OperacionesModelo de Datos CP Home - Area de Operaciones
Modelo de Datos CP Home - Area de Operaciones
 
Fases del Proceso de Onboarding.......pdf
Fases del Proceso de Onboarding.......pdfFases del Proceso de Onboarding.......pdf
Fases del Proceso de Onboarding.......pdf
 
Francisco Rizo Villaseñor – Claves del Éxito en el Sector Financiero.pdf
Francisco Rizo Villaseñor – Claves del Éxito en el Sector Financiero.pdfFrancisco Rizo Villaseñor – Claves del Éxito en el Sector Financiero.pdf
Francisco Rizo Villaseñor – Claves del Éxito en el Sector Financiero.pdf
 
ENFOQUE Y METODOLOGIA DEL AREA DE MATEMATICA.pptx
ENFOQUE Y METODOLOGIA DEL AREA DE MATEMATICA.pptxENFOQUE Y METODOLOGIA DEL AREA DE MATEMATICA.pptx
ENFOQUE Y METODOLOGIA DEL AREA DE MATEMATICA.pptx
 
Adaptación de puestos de trabajo. Un gran reto en empresas pequeñas
Adaptación de puestos de trabajo. Un gran reto en empresas pequeñasAdaptación de puestos de trabajo. Un gran reto en empresas pequeñas
Adaptación de puestos de trabajo. Un gran reto en empresas pequeñas
 
Análisis del uso de telemedicina en audiología laboral
Análisis del uso de telemedicina en audiología laboralAnálisis del uso de telemedicina en audiología laboral
Análisis del uso de telemedicina en audiología laboral
 
20240314-CambraSabadell-SessioInformativa-TransfDigital-UnCasoPractico.pdf
20240314-CambraSabadell-SessioInformativa-TransfDigital-UnCasoPractico.pdf20240314-CambraSabadell-SessioInformativa-TransfDigital-UnCasoPractico.pdf
20240314-CambraSabadell-SessioInformativa-TransfDigital-UnCasoPractico.pdf
 
MAPA MENTAL SOBRE EL UTILITARISMO 24.pdf
MAPA MENTAL SOBRE EL UTILITARISMO 24.pdfMAPA MENTAL SOBRE EL UTILITARISMO 24.pdf
MAPA MENTAL SOBRE EL UTILITARISMO 24.pdf
 
cuestionario referente a habilidades gerenciales
cuestionario referente a habilidades gerencialescuestionario referente a habilidades gerenciales
cuestionario referente a habilidades gerenciales
 
HIR CASA, Financiamiento hipotecario para clientes de ATR
HIR CASA, Financiamiento hipotecario para clientes de ATRHIR CASA, Financiamiento hipotecario para clientes de ATR
HIR CASA, Financiamiento hipotecario para clientes de ATR
 
Identificación de riesgo ergonómico en usuarios de PVD's en teletrabajo
Identificación de riesgo ergonómico en usuarios de PVD's en teletrabajoIdentificación de riesgo ergonómico en usuarios de PVD's en teletrabajo
Identificación de riesgo ergonómico en usuarios de PVD's en teletrabajo
 
Planificacion Anual en EPT 2024 de nivel Secundaria.pptx
Planificacion Anual en EPT 2024 de nivel Secundaria.pptxPlanificacion Anual en EPT 2024 de nivel Secundaria.pptx
Planificacion Anual en EPT 2024 de nivel Secundaria.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?