SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt? (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
 

Ähnlich wie Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?

Inf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirezInf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirez
Colegio Bucerias
 
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
 

Ähnlich wie Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing? (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
 

Mehr von emBlue 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 2013
emBlue Email Marketing @embluemail
 

Mehr von 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
 

Kürzlich hochgeladen

secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 

Kürzlich hochgeladen (20)

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
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
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
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.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
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 

Webinar emBlue Agosto 2012 - ¿Cómo crear una correcta pieza de email marketing?

  • 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