SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
Cómo crear
              ?
   una correcta
  pieza de email
        MARKETING

  Carolina Visalli - Mesa de Ayuda emBlue
TEMARIO

¿Cómo manejar las imágenes?

¿Es conveniente utilizar estilos ?

¿Tablas o Divs ?

¿Cómo ubicar el call to action ?

¿Qué no puede faltar en mi pieza de
email marketing ?
TRATAMIENTO DE IMAGENES

Equilibrar la proporción entre texto e imagen
(80% texto -20% imagen)

Si se envía solo imagen, el correo puede ser filtrado
por spam. Los nombres de las mismas no deben tener
espacios.

Trabajar las imágenes en código, se recomienda
utilizar jpg y evitar los fomatos animados (gif)

A cada imagen incluirle el atributo ALT e indicar
tamaño

Hostear las imágenes y verificar las urls insertadas
en el código sean las absolutas
ESTILOS EN EL CODIGO
 Utilizar un formato de html clásico y diseñar
 con código en línea.

 Evitar los estilos position, float y backgraund image

 Eliminar la etiqueta <head> ya que solo es necesario
 lo que está dentro del <body>

 Intentar no utilizar <br> es decir, espacios generados
 por el enter

 Si hay un <td> dentro de una <table> siempre asignarle
 al <td> el estilo font family.
¿TABLAS O DIVS ?

 Lo más recomendable y funcional son las estructuras
 planteadas a través de las TABLAS.

 La construcción en <div> necesita mucho código para
 que la misma sea interpretada por igual en todos
 los clientes de correo.

 Lo más recomendable para establecer el ancho de la
 tabla es determinar el ancho de cada celda, y no para
 la propia tabla.
CALL TO ACTION
Un “Call to Action” es la palabra o gráfico mediante el
cual llamamos al receptor del correo a realizar una
acción.

EJEMPLOS



Este botón es el vinculo entre nuestro mail, nuestro sitio
web y nuestro cliente y si queremos una buena tasa de
clicks es importante que se distinga del resto

Siempre el diseño más recomendable son los botones en
formato 3D
TIPS PARA TU HTML

Probar que las imágenes estén bien hosteadas y
ruteadas dentro del html.

Controlar que los caracteres especiales estén codificados
en código ampersand.

No utilizar contenido Java Script, ya que no es un lenguaje
interpretado por los clientes de correo.

El código debe estar en línea y la estructura en tablas.

En el diseño, utilizar fuentes san serif, no menores a 12 px.
TIPS PARA TU HTML

No insertar formatos multimedias, si necesitamos
mostrar un video o sonido, es mejor alojarlo en un
servidor y luego insertar un link dentro de la pieza

El diseño de nuestra comunicacion y nuestra web, debe
estar integramente relacionado, para poder acentuar
mejor nuestra marca en el receptor del correo.

No utilizar asuntos largos y evitar los caracteres especiales
ya que puede tildarse como spam.

Trata de personalizar nuestras piezas lo máximo posible,
eso aumenta mucho su tasa de OR
muchas
 GRACIAS!
 Carolina Visalli - Mariela Seen
            Mesa de ayuda emBlue

Más contenido relacionado

La actualidad más candente

Creacion de diapositivas matias rogelio gastelum cota 2'01
Creacion de diapositivas matias rogelio gastelum cota 2'01Creacion de diapositivas matias rogelio gastelum cota 2'01
Creacion de diapositivas matias rogelio gastelum cota 2'01Matias Gastelum
 
Imágenes En Paginas Web
Imágenes En Paginas WebImágenes En Paginas Web
Imágenes En Paginas WebDavid Medina
 
110911 apm propuestas ganadoras - competir con los mejores 1 v010
110911 apm   propuestas ganadoras - competir con los mejores 1 v010110911 apm   propuestas ganadoras - competir con los mejores 1 v010
110911 apm propuestas ganadoras - competir con los mejores 1 v010APM-Shipley
 
Identidad corporativa
Identidad corporativaIdentidad corporativa
Identidad corporativaJaquelinGmez
 
Tp4 ysis contreras turno noche
Tp4 ysis contreras turno nocheTp4 ysis contreras turno noche
Tp4 ysis contreras turno nocheYsis Contreras
 
Trabajo de sistemas
Trabajo de sistemasTrabajo de sistemas
Trabajo de sistemasjuanandres93
 

La actualidad más candente (9)

Power Pointbeautuful
Power PointbeautufulPower Pointbeautuful
Power Pointbeautuful
 
Creacion de diapositivas matias rogelio gastelum cota 2'01
Creacion de diapositivas matias rogelio gastelum cota 2'01Creacion de diapositivas matias rogelio gastelum cota 2'01
Creacion de diapositivas matias rogelio gastelum cota 2'01
 
Imágenes En Paginas Web
Imágenes En Paginas WebImágenes En Paginas Web
Imágenes En Paginas Web
 
Computacion
ComputacionComputacion
Computacion
 
Antetítulo
AntetítuloAntetítulo
Antetítulo
 
110911 apm propuestas ganadoras - competir con los mejores 1 v010
110911 apm   propuestas ganadoras - competir con los mejores 1 v010110911 apm   propuestas ganadoras - competir con los mejores 1 v010
110911 apm propuestas ganadoras - competir con los mejores 1 v010
 
Identidad corporativa
Identidad corporativaIdentidad corporativa
Identidad corporativa
 
Tp4 ysis contreras turno noche
Tp4 ysis contreras turno nocheTp4 ysis contreras turno noche
Tp4 ysis contreras turno noche
 
Trabajo de sistemas
Trabajo de sistemasTrabajo de sistemas
Trabajo de sistemas
 

Similar a Crea email marketing con imágenes, estilos, call to action y más

Inf2 p1 a_exc2_danna
Inf2 p1 a_exc2_dannaInf2 p1 a_exc2_danna
Inf2 p1 a_exc2_dannaDgg2799
 
Inf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_dannaInf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_dannaDgg2799
 
Cómo estructurar adecuadamente tu HTML para Email Marketing
Cómo estructurar adecuadamente tu HTML para Email MarketingCómo estructurar adecuadamente tu HTML para Email Marketing
Cómo estructurar adecuadamente tu HTML para Email MarketingFromDoppler
 
Consejos de Diseño para hacer más exitosas sus Campañas de Email Marketing
Consejos de Diseño para hacer más exitosas sus Campañas de Email MarketingConsejos de Diseño para hacer más exitosas sus Campañas de Email Marketing
Consejos de Diseño para hacer más exitosas sus Campañas de Email MarketingMasterBase®
 
SEO On Page ejemplo de maquetas (Arquitectura de la información)
SEO On Page ejemplo de maquetas (Arquitectura de la información)SEO On Page ejemplo de maquetas (Arquitectura de la información)
SEO On Page ejemplo de maquetas (Arquitectura de la información)Pencil Speech
 
Inf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_ValenzuelaInf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_ValenzuelaCelina Valenzuela
 
Inf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirezInf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirezColegio Bucerias
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4lilibethmirand
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4lilibethmirand
 
Dreig eu 2013-10-28-03-31-15 woorank
Dreig eu 2013-10-28-03-31-15 woorankDreig eu 2013-10-28-03-31-15 woorank
Dreig eu 2013-10-28-03-31-15 woorankBrigitte Sanchez
 
Crear un Banner animado HTML5 100 % compatible con Google Adwords
Crear un Banner animado HTML5 100 % compatible con Google AdwordsCrear un Banner animado HTML5 100 % compatible con Google Adwords
Crear un Banner animado HTML5 100 % compatible con Google AdwordsSemrush
 
Seo On Page en WordPress - Ponencia para Meetup WordPress Murcia
Seo On Page en WordPress - Ponencia para Meetup WordPress MurciaSeo On Page en WordPress - Ponencia para Meetup WordPress Murcia
Seo On Page en WordPress - Ponencia para Meetup WordPress MurciaRamgon [LION 1K]
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoMayra Franco
 

Similar a Crea email marketing con imágenes, estilos, call to action y más (20)

Armado de una pieza de HTML
Armado de una pieza de HTMLArmado de una pieza de HTML
Armado de una pieza de HTML
 
Consejos para el HTML
Consejos para el HTMLConsejos para el HTML
Consejos para el HTML
 
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
 
Cómo estructurar adecuadamente tu HTML para Email Marketing
Cómo estructurar adecuadamente tu HTML para Email MarketingCómo estructurar adecuadamente tu HTML para Email Marketing
Cómo estructurar adecuadamente tu HTML para Email Marketing
 
Consejos de Diseño para hacer más exitosas sus Campañas de Email Marketing
Consejos de Diseño para hacer más exitosas sus Campañas de Email MarketingConsejos de Diseño para hacer más exitosas sus Campañas de Email Marketing
Consejos de Diseño para hacer más exitosas sus Campañas de Email Marketing
 
SEO On Page ejemplo de maquetas (Arquitectura de la información)
SEO On Page ejemplo de maquetas (Arquitectura de la información)SEO On Page ejemplo de maquetas (Arquitectura de la información)
SEO On Page ejemplo de maquetas (Arquitectura de la información)
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
Inf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_ValenzuelaInf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_Valenzuela
 
Inf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirezInf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirez
 
Inf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarezInf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarez
 
Todo sobre e-mail marketing
Todo sobre e-mail marketingTodo sobre e-mail marketing
Todo sobre e-mail marketing
 
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
 
Dreig eu 2013-10-28-03-31-15 woorank
Dreig eu 2013-10-28-03-31-15 woorankDreig eu 2013-10-28-03-31-15 woorank
Dreig eu 2013-10-28-03-31-15 woorank
 
Clase4 Dsw1
Clase4 Dsw1Clase4 Dsw1
Clase4 Dsw1
 
Presentación Sebastian Galanternik- Clínica eCommerce- Noviembre 2012
 Presentación Sebastian Galanternik- Clínica eCommerce- Noviembre 2012 Presentación Sebastian Galanternik- Clínica eCommerce- Noviembre 2012
Presentación Sebastian Galanternik- Clínica eCommerce- Noviembre 2012
 
Crear un Banner animado HTML5 100 % compatible con Google Adwords
Crear un Banner animado HTML5 100 % compatible con Google AdwordsCrear un Banner animado HTML5 100 % compatible con Google Adwords
Crear un Banner animado HTML5 100 % compatible con Google Adwords
 
Seo On Page en WordPress - Ponencia para Meetup WordPress Murcia
Seo On Page en WordPress - Ponencia para Meetup WordPress MurciaSeo On Page en WordPress - Ponencia para Meetup WordPress Murcia
Seo On Page en WordPress - Ponencia para Meetup WordPress Murcia
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafranco
 

Más de emBlue Email Marketing @embluemail

Presentación Julián Drault, Director de emBlue - Online Marketing Day 2014
Presentación Julián Drault, Director de emBlue - Online Marketing Day 2014Presentación Julián Drault, Director de emBlue - Online Marketing Day 2014
Presentación Julián Drault, Director de emBlue - Online Marketing Day 2014emBlue Email Marketing @embluemail
 
Presentación de Eliane Iwasaki, de Return Path - Online Marketing Day 2014
Presentación de Eliane Iwasaki, de Return Path - Online Marketing Day 2014Presentación de Eliane Iwasaki, de Return Path - Online Marketing Day 2014
Presentación de Eliane Iwasaki, de Return Path - Online Marketing Day 2014emBlue Email Marketing @embluemail
 
Rodrigo Castiglione - La Columna de Marketing - Online Marketing Day 2013
Rodrigo Castiglione - La Columna de Marketing - Online Marketing Day 2013Rodrigo Castiglione - La Columna de Marketing - Online Marketing Day 2013
Rodrigo Castiglione - La Columna de Marketing - Online Marketing Day 2013emBlue Email Marketing @embluemail
 

Más de emBlue Email Marketing @embluemail (20)

DISEÑO Y CONTENIDOS - LANDER
DISEÑO Y CONTENIDOS - LANDERDISEÑO Y CONTENIDOS - LANDER
DISEÑO Y CONTENIDOS - LANDER
 
DELIVERY - RETURN PATH
DELIVERY - RETURN PATHDELIVERY - RETURN PATH
DELIVERY - RETURN PATH
 
AUTOMATIZACIÓN Y RETARGETING - MERCADO LIBRE
AUTOMATIZACIÓN Y RETARGETING - MERCADO LIBREAUTOMATIZACIÓN Y RETARGETING - MERCADO LIBRE
AUTOMATIZACIÓN Y RETARGETING - MERCADO LIBRE
 
REPORTES - CENCOSUD
REPORTES - CENCOSUDREPORTES - CENCOSUD
REPORTES - CENCOSUD
 
Presentación Julián Drault, Director de emBlue - Online Marketing Day 2014
Presentación Julián Drault, Director de emBlue - Online Marketing Day 2014Presentación Julián Drault, Director de emBlue - Online Marketing Day 2014
Presentación Julián Drault, Director de emBlue - Online Marketing Day 2014
 
Presentación de Eliane Iwasaki, de Return Path - Online Marketing Day 2014
Presentación de Eliane Iwasaki, de Return Path - Online Marketing Day 2014Presentación de Eliane Iwasaki, de Return Path - Online Marketing Day 2014
Presentación de Eliane Iwasaki, de Return Path - Online Marketing Day 2014
 
Marketing de contenidos_evento UP_ emBlue Email Marketing
Marketing de contenidos_evento UP_ emBlue Email MarketingMarketing de contenidos_evento UP_ emBlue Email Marketing
Marketing de contenidos_evento UP_ emBlue Email Marketing
 
Por qué el E-commerce empieza con Email Marketing
Por qué el E-commerce empieza con Email MarketingPor qué el E-commerce empieza con Email Marketing
Por qué el E-commerce empieza con Email Marketing
 
Presentacion nuevo emblue
Presentacion nuevo embluePresentacion nuevo emblue
Presentacion nuevo emblue
 
Webinar el email hace turismo em blue email marketing
Webinar el email hace turismo em blue email marketingWebinar el email hace turismo em blue email marketing
Webinar el email hace turismo em blue email marketing
 
Presentación vontrip
Presentación vontripPresentación vontrip
Presentación vontrip
 
Email a wards2013_inbound_final guido boulay
Email a wards2013_inbound_final guido boulayEmail a wards2013_inbound_final guido boulay
Email a wards2013_inbound_final guido boulay
 
Mkt automation (1)
Mkt automation (1)Mkt automation (1)
Mkt automation (1)
 
Webinar el email se viste a la moda blog
Webinar el email se viste a la moda blogWebinar el email se viste a la moda blog
Webinar el email se viste a la moda blog
 
Charla emBlue "Tecnologia y emoción"
Charla emBlue "Tecnologia y emoción"Charla emBlue "Tecnologia y emoción"
Charla emBlue "Tecnologia y emoción"
 
Patricio Boyd - Ourmark - Online Marketing Day 2013
Patricio Boyd - Ourmark - Online Marketing Day 2013Patricio Boyd - Ourmark - Online Marketing Day 2013
Patricio Boyd - Ourmark - Online Marketing Day 2013
 
Pablo Mancini - Infobae - Online Marketing Day 2013
Pablo Mancini - Infobae - Online Marketing Day 2013Pablo Mancini - Infobae - Online Marketing Day 2013
Pablo Mancini - Infobae - Online Marketing Day 2013
 
Rodrigo Castiglione - La Columna de Marketing - Online Marketing Day 2013
Rodrigo Castiglione - La Columna de Marketing - Online Marketing Day 2013Rodrigo Castiglione - La Columna de Marketing - Online Marketing Day 2013
Rodrigo Castiglione - La Columna de Marketing - Online Marketing Day 2013
 
Emiliano Horcada - Globant - Online Marketing Day 2013
Emiliano Horcada - Globant - Online Marketing Day 2013Emiliano Horcada - Globant - Online Marketing Day 2013
Emiliano Horcada - Globant - Online Marketing Day 2013
 
Juan Carlos Ferraris - Online Marketing Day 2013
Juan Carlos Ferraris - Online Marketing Day 2013Juan Carlos Ferraris - Online Marketing Day 2013
Juan Carlos Ferraris - Online Marketing Day 2013
 

Último

Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 

Último (20)

Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 

Crea email marketing con imágenes, estilos, call to action y más

  • 1. Cómo crear ? una correcta pieza de email MARKETING Carolina Visalli - Mesa de Ayuda emBlue
  • 2. TEMARIO ¿Cómo manejar las imágenes? ¿Es conveniente utilizar estilos ? ¿Tablas o Divs ? ¿Cómo ubicar el call to action ? ¿Qué no puede faltar en mi pieza de email marketing ?
  • 3. TRATAMIENTO DE IMAGENES Equilibrar la proporción entre texto e imagen (80% texto -20% imagen) Si se envía solo imagen, el correo puede ser filtrado por spam. Los nombres de las mismas no deben tener espacios. Trabajar las imágenes en código, se recomienda utilizar jpg y evitar los fomatos animados (gif) A cada imagen incluirle el atributo ALT e indicar tamaño Hostear las imágenes y verificar las urls insertadas en el código sean las absolutas
  • 4. ESTILOS EN EL CODIGO Utilizar un formato de html clásico y diseñar con código en línea. Evitar los estilos position, float y backgraund image Eliminar la etiqueta <head> ya que solo es necesario lo que está dentro del <body> Intentar no utilizar <br> es decir, espacios generados por el enter Si hay un <td> dentro de una <table> siempre asignarle al <td> el estilo font family.
  • 5. ¿TABLAS O DIVS ? Lo más recomendable y funcional son las estructuras planteadas a través de las TABLAS. La construcción en <div> necesita mucho código para que la misma sea interpretada por igual en todos los clientes de correo. Lo más recomendable para establecer el ancho de la tabla es determinar el ancho de cada celda, y no para la propia tabla.
  • 6. CALL TO ACTION Un “Call to Action” es la palabra o gráfico mediante el cual llamamos al receptor del correo a realizar una acción. EJEMPLOS Este botón es el vinculo entre nuestro mail, nuestro sitio web y nuestro cliente y si queremos una buena tasa de clicks es importante que se distinga del resto Siempre el diseño más recomendable son los botones en formato 3D
  • 7. TIPS PARA TU HTML Probar que las imágenes estén bien hosteadas y ruteadas dentro del html. Controlar que los caracteres especiales estén codificados en código ampersand. No utilizar contenido Java Script, ya que no es un lenguaje interpretado por los clientes de correo. El código debe estar en línea y la estructura en tablas. En el diseño, utilizar fuentes san serif, no menores a 12 px.
  • 8. TIPS PARA TU HTML No insertar formatos multimedias, si necesitamos mostrar un video o sonido, es mejor alojarlo en un servidor y luego insertar un link dentro de la pieza El diseño de nuestra comunicacion y nuestra web, debe estar integramente relacionado, para poder acentuar mejor nuestra marca en el receptor del correo. No utilizar asuntos largos y evitar los caracteres especiales ya que puede tildarse como spam. Trata de personalizar nuestras piezas lo máximo posible, eso aumenta mucho su tasa de OR
  • 9. muchas GRACIAS! Carolina Visalli - Mariela Seen Mesa de ayuda emBlue