Taller Mailing Congreso Web 2015

1. Javier Mayor
Departamento de negocio
Hiberus Tecnología
Taller de E-mail marketing

2. De un vistazo…
1. Configuración del gestor de envío. Mailchimp
1. Las listas de contactos
2. Formularios
3. Campañas
4. Diseñando el mensaje
1. Consejos de maquetación HTML. Aprendiendo a
maquetar con tablas.
2. Recursos externos
5. El envío
6. Los informes
2. Seguimiento externo de las campañas con Google Analytics

5. Mailchimp
• ¿Por qué Mailchimp?

6. 1. Las listas de contactos
“A la mayoría de los usuarios les recomendamos que
mantengan su lista única, así como segmentos de datos y
grupos de interés, según sea necesario. Esto ayuda a
mantener tu lista limpia y tu tarifa de facturación baja, ya que
las tarifas mensuales se basan en el recuento total
de suscriptores. Duplicar suscriptores a través de múltiples
listas influye en tu recuento total de suscriptores.”
Creando la primer lista de usuario…
y porqué no,
LA ÚLTIMA

7. 1. Las listas de contactos
Para Mailchimp, cada suscriptor es considerado único por
cada lista.
Problemas si mantenemos varias listas:
• Consumo de varios créditos por un mismo cliente,
aumentando el gasto de las campañas.
• La cancelación de una suscripción es a nivel de lista,
perdiendo el control de los usuarios a los que mandamos
las campañas.
• Se pierde el historial de comportamiento del suscriptor.

8. Configuraciones básicas
List names and default
Publicity settings y archive bar
Merge tags
Footer
Email Beamer
Google Analytics on archive and list pages
Webhooks

9. Como obtener usuarios para tu lista
• Mediante nuestra BBDD interna o integración
con la api Mailchimp
• Mediante formularios embebidos en la propia
página

10. Importar listas externas
http://emailninja.esy.es/material/clientestaller.xlsx

11. Grupos vs Segmentos
¿Cuál es la diferencia?
La forma en que un suscriptor se incluye en él
Grupos: El usuario o el administrador de la lista
elige a que grupo pertenece cada uno.
Segmentos: Las condiciones nos marcan el “grupo”
al que pertenece cada suscriptor.

12. Grupos
Se aconseja que se agrupen a los suscriptores
por características no dinámicas en el tiempo.
Ejemplos:
Intereses: Trail, Running
Sexo: Hombre, Mujer
Tipo de usuario: Activo, no activo

13. Segmentos
• Misma finalidad que los grupos
• La segmentación la realizamos a través de condicionar el
envío a determinadas características del suscriptor.

14. Ejercicio
Crear dos segmento que contengan las
siguientes condiciones.
1. Clientes que han comprado alguna vez y…
2. Estén interesados en Running
1. Clientes que tengan más de 0 pedidos o…
2. Sean mayores de 40 años

15. 2. Creación de formularios
• Como configurar que campos son visibles
List fields and *|MERGE|* tags
• Formularios externos. Twitter
• Traducciones

16. Pop ups en Mailchimp
http://tecnologia.elpais.com/tecnologia/2014/08/15/actualidad/1408125923_004521.html
Fuente:tecnologia.elpais.com/tecnologia/2014/08/15/actualidad/1408125923_004521.html
Ethan Zuckerman: Creador del pop up
“no sabía lo que estaba
trayendo al mundo”

17. 3. Campañas
Creando nuestra primera campaña:
Regular
Plain test
RSS-driven
A/B split
InBox inspection

18. 3. Campañas
Como insertar una pequeña encuesta o sondeo
en nuestra campaña regular.
*|POLL:RATING:x|*
Escribe o pega el texto de tu sondeo aquí.
*|END:POLL|*
En promedio, ¿cuántas tazas de café bebe usted al día?
*|SURVEY:Ninguna|*
*|SURVEY:1–2|*
*|SURVEY:3–5|*
*|SURVEY:Demasiadas para contar|*

19. 3. Campañas desde Surveymonkey
<a href="https://es.surveymonkey.com/r/xxxxxxx?c=*|UNIQID|*"
target="_blank">Responder encuesta</a>

20. Asuntos y remitentes
El asunto: Tiene que invitar a su apertura (), pero también que sea reconocible por
el suscriptor. EMOTICONOS vs CORCHETES
Remitente: ¿Paloma de la Vega?
Cuidado con los filtros spam (Delivery Doctor)

21. Test de contenido A/B con Mailchimp
Con la plataforma Mailchimp no es posible realizar un test de contenido
Directamente.

22. Test de contenido A/B con Mailchimp

23. Test de contenido A/B con Mailchimp
Importante: Alterar solamente el elemento a medir, manteniendo el remitente, el
asunto y todo el contenido que no queremos probar.
¿Cual es la hipótesis?
Campaña A: Devolución gratis
Campaña B: Gastos de envío gratis
Dos formas de verificar que una campaña obtiene un mejor resultado
1. Grupo de control: Sobre el resto de los suscriptores que recibirán la versión
ganadora.
2. ¿Es significativo el cambio?
http://www.measuringu.com/fisher.php
http://www.measuringu.com/ab-calc.php

24. Auto campañas (autoresponders)

25. Auto campañas
Cumpleaños

26. 4. Diseñando el mensaje
Elementos básicos HTML
Doctype
Head
Body
Tablas

27. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css"></style>
</head>
<body>
<table>
<tr>
<td>Nuestro contenido</td>
</tr>
</table>
</body>
</html>

28. Doctype
Se aconseja utilizar siempre
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Muchos gestores obvian esta parte incidiendo sobre determinados estilos del
documento.
https://www.campaignmonitor.com/blog/post/3317/correct-doctype-to-use-in-html-email/

29. Head
Los estilos siempre tienen que ser en línea dentro de la etiqueta a diseñar.
Style=“estilo:valorEstilo”
Aunque siempre es más práctico, incluir en el head todos los estilos y utilizar un
generador inline.
http://zurb.com/ink/inliner.php
Caracteres especiales
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
http://www.emailonacid.com/character_converter/
Otras etiquetas interesantes
<meta name="format-detection" content="telephone=no">

30. Body
El tablao

31. Estructura básica de una tabla
<td>…</td> <td>…</td> <td>…</td>
<td>…</td> <td>…</td> <td>…</td>
<td>…</td> <td>…</td> <td>…</td>
<table>
</table>
<tr>
<tr>
<tr>
</tr>
</tr>
</tr>

32. ¿Un poco restrictivo no?
Juntemos unas cuantas columnas…
<td colspan=“2”>…</td> <td>…</td>
<td>…</td> <td>…</td> <td>…</td>
<td>…</td> <td>…</td> <td>…</td>
<table>
</table>
<tr>
<tr>
<tr>
</tr>
</tr>
</tr>

33. ¿Un poco restrictivo no?
… y unas cuantas filas.
<td colspan=“2”></td> <td>…</td>
<td>…</td> <td>…</td> <td rowspan=”2”>…</td>
<td>…</td> <td>…</td></tr>
<table>
</table>
<tr>
<tr>
<tr>
</tr>
</tr>
Importante: rowspan en la primera fila que queremos juntar

34. Las imágenes
Etiqueta ALT:
Estilos para las etiquetas alt
Longitud del texto
¿Cómo actúan los diferentes gestores con las
imágenes?
https://www.campaignmonitor.com/resources/will-it-work/alt/

35. Recursos para nuestros diseños

36. Forward to a friend
http://view.email.fcbarcelona.com/ftaf.aspx?j=fed115767565027d&m=fe8f127
2776d04787d&ls=fe2216797661017b7d1073&jb=ff581d7970
Lo principal, evitar que el usuario reenvíe el e-mail

37. Haciendo pruebas
Check list
1. Comprueba que el contenido tiene sentido y no contiene faltas de
ortografía. El corrector de Word puede ser un gran aliado.
2. Prueba todos los enlaces del mail. Abre una pestaña de incógnito para
asegurarnos que las URLs son accesibles para evitar problemas con cookies
archivadas.
3. Utiliza la herramienta de testing Litmus disponible en Mailchimp o por lo
menos prueba aquellos clientes que te reporten la mayoría de aperturas.
Si el mensaje contiene Merge Tags, utiliza el preview para comprobar que
son las correctas.
4. Comprueba tus textos alternativos (es buena idea tener los clientes de
mail con las imágenes desactivadas por defecto).

38. Haciendo pruebas

39. Haciendo pruebas
Ganando la batalla a Microsoft Outlook con
nuestro mejor aliado.
1. Seleccionar todo el documento html del navegador ctrl + a
2. Pegar directamente sobre una hoja en blanco de Word 2007 o 2010.

40. Email responsive, ¿si o no?
• ¿Desde donde abren los mensajes tus clientes?
Lists -> Stats -> Top email clients

41. Aprendiendo a utilizar un framework.
Ink de Zurb
http://www.slideshare.net/flcarneiro/emaildes
ign-current

42. Utilizando merge tags
http://kb.mailchimp.com/es/merge-tags/all-the-merge-tags-cheatsheet
*|TITLE:MERGE|* convertirá la primera letra a mayúsculas
independientemente de como lo haya escrito nuestro suscriptor
*|TITLE:FNAME|* *|TITLE:LNAME|* convertiría “terESA aguado" en
“Teresa Aguado“
*|UPPER:MERGE|* convertirá todo el merge tag en mayúsculas
*|LOWER:MERGE|* convertirá todo el merge tag en minúsculas
*|HTML:MERGE|* ayuda a convertir merges en html.
Grupos de contenidos para los A/B test
*|GROUP:A|*
Contenido que solo se mostrará al grupo A
*|END:GROUP|*

43. Utilizando merge tags
Etiquetas condicionales
*|IF:INTERESES|*
*|IF:INTERESES=Running|*
20% EN TUS ZAPATILLAS RUNNING CON EL CÓDIGO RUNNING20
*|END:IF|*
*|IF:INTERESES=Trail|*
20% EN TUS ZAPATILLAS TRAIL CON EL CÓDIGO TRAIL20
*|END:IF|*
*|ELSE:|*20% COMPLEMENTOS CON EL CÓDIGO COMP20
*|END:IF|*

44. Como utilizar UTM para la medición de
campañas
Responde a estas preguntas
• Source: ¿Donde hemos obtenido estos usuarios?
• Medium: ¿De que forma ha entrado a tu página?
• Campaign: ¿Qué promoción provocó la entrada a tu
usuario?
• Term: ¿Cuál es la palabra clave principal del anuncio?
• Content: ¿Cuál es el mensaje o contenido del anuncio
que nos ha conducido tráfico a nuestra página?
https://support.google.com/analytics/answer/1033867?h
l=en

45. Ejercicio:
Solución
Medio: Display/Banner
Fuente: Heraldo
Campaña: Sartopina
Contenido: Golf

46. Ejercicio:
Solución
En este caso, al ser un banner interno
nunca tienen que ir etiquetados con UTM

47. Utilizando el editor de Mailchimp

48. 5. El envío
A tener en cuenta
• Configurar la hora local.
• Los envíos programados o un A/B test son
irrevocables.

49. 6. Informes
Nivel lista

50. 6. Informes
Nivel campaña

51. 6. Informes
Nivel campaña
Links
Sólo podemos realizar un seguimiento de clics en los enlaces que comienzan con
http:// o https://. Los clics en una dirección de correo electrónico (mailto:) o
enlaces de anclaje no pueden ser rastreados. Tampoco son medibles los enlaces
de las campañas A/B

52. Parte 2: Analítica
Informes básicos en Google Analytics
1. Crear un segmento con los usuarios por fuente email
2. Porcentaje de conversión: ¿Esta nuestra landing page optimizada?
3. Tiempo en la página: ¿Enganchan nuestros contenidos?
4. Número de transacciones de comercio electrónico

53. Controlando los mails transaccionales
?utm_nooverride=1
De esta forma, evitamos que los correos que no son comerciales,
sobreescriban información de la fuente de entrada.

54. Reportes más allá de Mailchimp
midiendo aperturas con Google Analytics
http://es.dyn.com/blog/tracking-email-opens-
via-google-analytics/
• https://docs.google.com/spreadsheets/d/1ZKd4S2QknGlDwRfEy3wxtENF7uTByHZCl
AoC0XX4tpI/edit?usp=sharing
• http://meyerweb.com/eric/tools/dencoder/
• https://litmus.com/help/analytics/understanding-gmail-opens/
Recursos
1x1pixel