Descubre Passport: tu puerta de embarque hacia un nuevo diseño de emails

Para los especialistas en email marketing, no hay nada más irritante que ver que los mensajes que con tanto esmero han diseñado y redactado no se muestran correctamente en todos los dispositivos de lectura (teléfonos, tabletas y ordenadores). ¡Se acabaron las frustraciones! Durante los últimos meses, los equipos de Mailjet han desarrollado una nueva herramienta que hace que el diseño responsive de emails sea accesible para cualquiera. Te presentamos Passport, la herramienta que te da acceso a un diseño de emails más moderno y eficaz.

Passport es una herramienta en línea compuesta de un editor WYSIWYG de fácil acceso (What You See Is What You Get: lo que se ve en pantalla coincide con el resultado final), y de un editor HTML, respondiendo así a todas tus necesidades. Sea cual sea tu experiencia en diseño de emails, podrás enviar mensajes estéticos que se adapten a tus necesidades. No pierdas tanto tiempo en crear tus mensajes e inviértelo en plantear mejor tus estrategias de envío. Passport se basa en la biblioteca JavaScript React.JS: ¡podrás modificar tus contenidos a la velocidad del rayo! Asimismo, Passport es compatible con todas las funcionalidades de pruebas de Mailjet: pruebas A/X, comparador de campañas…

Crea el email que tú quieras: el único límite está en tu imaginación

Para comenzar, selecciona una de las numerosas plantillas de email listas para usar de nuestra biblioteca, constantemente actualizada. Adapta el modelo a tus necesidades cambiando los colores y su disposición. Personaliza tus contenidos para llegar mejor a tus destinatarios, dirigiéndote a ellos por su nombre de pila o haciendo referencia a compras anteriores. Acabas de crear un email a tu gusto con solo unos clics, ¡y sin ningún problema! Los usuarios con más experiencia también podrán insertar elementos en HTML desde la herramienta WYSIWYG.
Por último, gana tiempo guardando tus plantillas para reutilizarlas en futuras campañas.

Drag'n'drop

HTML en tiempo real

¡Deja de dudar! El HTML de Passport tiene una ventana de visualización en tiempo real. Así, sabrás en el momento cómo quedará tu código cuando llegue a la bandeja de entrada de tu destinatario.

CodePreview

Visualiza tu aterrizaje

Para terminar, antes de que despegue tu campaña, asegúrate de que tu mensaje se muestra correctamente en teléfonos, tabletas, ordenadores portátiles y de sobremesa. Echa un vistazo a tus emails en cada una de las plataformas. ¿Te convence el resultado? ¡Pues ya estás listo para enviar!

Si quieres más información sobre Passport, visita esta página y prueba Passport desde hoy mismo.

Email 101: Hacer crecer una lista de email orgánicamente

Hacer crecer una lista de contactos desde cero puede parecer una tarea difícil. Te puedes llegar a sentir como si estuvieras probando nuevas call-to-actions constantemente para recopilar direcciones de email, sin conseguir resultados inmediatos. Trabajas en tu lista regularmente, pero no ves un crecimiento significativo. En estos casos, pueden tentarte atajos como comprar direcciones de email: ¡3000 nuevos contactos con un solo clic! Pero no pierdas la esperanza todavía.
En nuestra sección de Email 101 de esta semana, te mostraremos varias formas de hacer crecer una lista de emails orgánicamente. Siguiendo estos consejos mejorarás la reputación de tu marca y tu reputación como remitente, logrando un compromiso mayor de tus clientes y una mejora en la entregabilidad de tus emails.

Relaciónate (en las redes sociales)

1. Lead Generation Card de Twitter

Screen-Shot-2015-04-29-at-10.16.16-PM
Twitter Ads tiene una serie de tarjetas gratuitas, una de ellas es la llamada Lead Generation Card. Esta tarjeta te permite adjuntar una casilla de registro de email a un tweet normal. Nosotros programamos estas tarjetas regularmente en nuestra cuenta de Twitter, como puedes ver en la imagen superior. Tú también puedes usar estar tarjetas como parte de tu campaña de anuncios, para lograr nuevos clientes.

2. Botones en la página de negocios de Facebook

El año pasado Facebook lanzó una función call-to-action (o “llamada a la acción” en español) que te permite añadir una serie de botones a la página de tu negocio.

Para configurar un enlace de registro en la web, simplemente accede a tu cuenta y ve a tu página. En la esquina inferior derecha de la foto de portada podrás ver un botón que dice “Crear llamada a la acción”. Dado que nosotros ya hemos realizado este paso, en la foto inferior simplemente dice “sign up” (“Registrarte”).

Screen-Shot-2015-04-29-at-10.37.09-PM
Screen-Shot-2015-04-29-at-10.37.19-PM
 

Tras hacer clic en “Crear llamada a la acción”, una ventana emergente aparecerá con más opciones para personalizar tu botón de registro.
Las dos siguientes pantallas te permitirán definir tu ‘landing page’ en distintos dispositivos móviles. Serás capaz de elegir si el botón dirige a tus clientes, a tu sitio o a una aplicación móvil.

Screen-Shot-2015-04-30-at-12.40.09-AM
¡Y ahora ya estás preparado para recopilar direcciones de email!

Piensa en los registros de email en cada fase

3. Añade widgets a post de blogs, documentación técnica, estudios…

En cada fase de la experiencia del usuario deberías tener en mente la recopilación de emails. En Mailjet, incorporamos widgets a una gran variedad de contenido. Incluimos la opción de suscripción “opt-in” al final de cada entrada de blog y nos aseguramos de que nuestra documentación técnica, así como nuestros webinars por encargo, sean solo accesibles mediante registro. Esto nos ha ayudado a un aumento superior al 100 % en registros de email.

Screen-Shot-2015-04-30-at-12.58.57-AM

4. Termina tus emails con una oferta de suscripción opt-in

Wisestamp es una gran herramienta para pulir tu firma personal. Es una herramienta útil que permite crear un modelo de firma de email, con tu imagen, funciones de redes sociales y tu web. Asegúrate de pedir a todo tu equipo que añada una casilla de suscripción opt-in al final de cada email. Nunca sabes quién puede estar en copia de tu siguiente email en cadena. Si tienes suerte puede traerte una buena exposición, sobre todo en ventas.

Incentiva los registros

5. Ofrece una promoción interesante

Esta es una estrategia típica de los e-negocios. Logra tus primeros registros mediante un descuento en la primera orden. Esto es especialmente efectivo para capturar al cliente que quiere comprar una chaqueta, pero le parece un poco cara. Intercambiar una dirección de email por un descuento no parece una mala oferta. En la imagen inferior puedes ver un ejemplo bien diseñado de Club Monaco. A pesar de ser una ventana emergente, el color y la fuente encajan perfectamente con el resto de la página. Este diseño limpio facilita y fomenta el registro.

Screen-Shot-2015-04-30-at-12.43.38-AM
Una desventaja que hay que tener en cuenta es que habrá clientes que se apunten a tu boletín de noticias solo por el descuento y se den inmediatamente después de baja. Intenta prevenir esto manteniendo el interés de tus clientes registrados mediante una campaña de marketing gota a gota (drip-marketing) con emails de bienvenida. Esta serie de emails muestran cómo tu producto puede seguir añadiendo valor tras ser adquirido. Puedes incluso otorgarle un cierto control al cliente, permitiéndole que elija el tipo de contenido que quiere recibir y la frecuencia con la que lo recibirá, mediante un centro de preferencias. Esto asegura una participación espontánea y libre.

6. Hechos más que palabras

El efecto psicológico conocido como demostración social puede tener también un fuerte atractivo. Según estudios recientes, el FOMO (siglas de Fear of Missing Out, o “Miedo a perdérselo”) es algo muy real. Este consiste en la ansiedad social que entraña estar compulsivamente preocupado por perderse ciertas experiencias y oportunidades. Alrededor del 63% de los consumidores admiten que es más probable que compren un producto si este tiene reseñas y puntuaciones en su página.

Screen-Shot-2015-04-29-at-11.26.52-PM
Gana la confianza de tus clientes resaltando cuántos de sus colegas ya están recibiendo tu contenido. La página Web Designer Depot muestra, en la imagen superior, una gran aplicación, con un contador de suscriptores situado debajo de la casilla de suscripción opt-in. Una cantidad de suscriptores como 353.254 prueba que su contenido es relevante y añade valor.

¿Has tenido éxito con otros métodos orgánicos? ¿Cuál de los que hemos explicado arriba quieres intentar primero?

Seamos amigos: Integrar el email y las redes sociales

Twitter, Facebook, Instagram, Pinterest, el email… la lista continúa.
Hay tantos canales que gestionar y seguir estos días… ¿Cómo hacerlo? La clave es simplemente hacer menos.
Trata al email y a las redes sociales como si fueran un único canal de marketing integrado, en vez de idear estrategias específicas para cada uno de ellos. En lugar de “trabajar duro”, trabaja inteligentemente. Utiliza el mismo contenido para ambos y usa uno de ellos para llevar tráfico adicional al otro, creando una imagen coherente. A continuación te indico cómo hacerlo.

Lleva tu lista de contactos al siguiente nivel.

Aumenta tus listas de email a través de Twitter

Muchos publicistas no conocen las Tarjetas de Twitter, porque estas no han sido promocionadas muy a menudo. La Lead Generation card facilita que el usuario pueda enviarte su dirección de correo a tu página de Twitter. También puedes añadir la tarjeta a una campaña ya en marcha para orientarla a un sector demográfico determinado. Tiene el mismo aspecto que un tweet normal y se crea en cuestión de minutos:

Screen-Shot-2015-03-19-at-1.44.42-PM
Puedes configurar esta opción para que tus futuros clientes potenciales se actualicen automáticamente en tu CRM o sistema automático de marketing, o bien simplemente descargar las direcciones en formato CSV.

Usa tus contactos de email para tener más seguidores en Twitter

Por otro lado, también puedes usar tu lista de contactos de email existente para aumentar tus seguidores en Twitter. Añade a tus receptores de email más frecuentes a Twitter y desarróllalos como embajadores de marca. O procura atraer a tus receptores de email menos activos a Twitter: quizás prefieran este canal.

Para añadir una lista, visita la pestaña “Descubre”, donde encontrarás la opción “Encuentra a personas que conoces”.

Screen-Shot-2015-03-19-at-3.26.47-PM
Ve a “Buscar contactos”, donde podrás añadir una lista CSV de tus contactos de email.

Screen-Shot-2015-03-19-at-3.27.46-PM1

Una campaña de email “let’s get social” dedicada

Por último, pero no menos importante, si no lo has hecho ya, recuerda a tus suscriptores de email cuáles son tus canales de redes sociales. Puedes construir una campaña de email dedicada promocionando tus canales de redes sociales y su valor añadido.

La cuenta The Container Store hizo un gran trabajo en el ejemplo de abajo. Mantuvieron un diseño sencillo y diferenciaron lo que cada canal ofrece. Si les sigues en Twitter verás sus actualizaciones y si lo haces en Instagram podrás echar un vistazo a imágenes “entre bastidores”.

JoinUsOnSMEmail (1)

Siempre debes estar a la escucha

Utiliza herramientas de seguimiento como Mention y Buffer para saber de qué están hablando tus usuarios en las redes sociales y cómo están usando tu producto. No tengas miedo a usar herramientas básicas y aprovéchate de todo lo que Audience Insights de Facebook y Analytics Manager de Twitter pueden ofrecerte.

Por ejemplo, Audience Insights de Facebook me dice que nuestra audiencia principal tiene entre 25-34 años. Los consumidores entre ese rango de edad acceden a Internet en móvil en mayor medida, por lo que quizás sería buena idea añadir botones de diseño para móvil que les permita compartir nuestras entradas fácilmente en Facebook.

Deja que tus clientes se acerquen a ti

No todos los clientes se interesarán en el mismo grado y duración por el contenido de tus emails. Y eso está bien. Debes darles libertad para que elijan cómo quieren llegar a ti, lo que te dará una lealtad de marca mucho mayor. Crea un sistema de preferencias que permita a tus clientes decidir la frecuencia y el tipo de contenido de tus emails.

Al principio, puede que te dé la impresión de que estás perdiendo oportunidades de comunicarte, pero recuerda que las redes sociales pueden rellenar esos silencios. En Facebook y Twitter puedes configurar campañas de retargeting para suscriptores.

Facebook

Para configurar la audiencia a la que quieres aplicar el retargeting en Facebook,
primero visita tu “Administrador de anuncios”.

Screen-Shot-2015-03-19-at-4.15.32-PM

Entonces, en la barra de la derecha, ve a “Públicos”.

Screen-Shot-2015-03-19-at-5.28.21-PM

Dado que lo que queremos es actualizar nuestra propia lista de contactos de email,
podemos ir a “Crear un público personalizado”

Screen-Shot-2015-03-19-at-5.29.15-PM
 

Ten tu lista de contactos en formato CSV a mano y cárgala o pégala en la web.

 

Screen-Shot-2015-03-19-at-5.30.14-PM
Ahora ya puedes crear una campaña en condiciones. Recuerda que los anuncios de retargeting son más efectivos cuando tenemos en cuenta su frecuencia. Asegúrate de rotar varias ideas creativas distintas para no cansar al cliente.

Twitter

En Twitter puedes hacer lo mismo yendo a “Administrador de audiencias”

Screen-Shot-2015-03-19-at-2.10.35-PM

Selecciona “Crear nueva audiencia de lista” y sube tu propia lista de emails.

Screen-Shot-2015-03-19-at-2.11.06-PM1

Entonces tienes la opción de poner un nombre a tu audiencia. Intenta que este sea 
muy descriptivo, dado que idealmente actualizarás y segmentarás tu lista de 
contactos regularmente.

Screen-Shot-2015-03-19-at-2.56.02-PM1
¿De qué otras formas integras tus estrategias de email y redes sociales?

El email ha evolucionado desde la metáfora de la cebolla de Shrek

“Los ogros son como las cebollas… los dos tenemos capas”, dice Shrek en el éxito de Dreamworks, la animación en 3D “Shrek”. El famoso protagonista verde emplea esta analogía para describir su compleja personalidad. Al igual que ocurre con una cebolla, puede llevar algún tiempo pelar las frívolas apariencias externas para entender la esencia de Shrek. Es probable que nuestro ogro se sorprendiese con el mundo del email.

Recientemente, el diseño del email ha ido prescindiendo de las texturas más complejas del mundo del 3D y derivando hacia algo llamado “diseño plano”. Con el diseño plano en 2D, hay cada vez menos formas dimensionales. No hacen falta muchos clics con el ratón para llegar al mensaje principal. Estas son las razones que llevan a todos a hacer esta transición, que tú también deberías hacer:

La espera ha sido larga

Screen-Shot-2015-06-10-at-12.29.16-PM

Recuerda la primera aplicación de notas de iOS. Era una agenda encuadernada en cuero con papel amarillo, rayas y todo. Se parecía al objeto real y nos facilitó la transición del papel y el bolígrafo a las notas en la pantalla táctil. La aplicación de notas actual es simplemente un lienzo blanco.

El diseño plano es el resultado de una evolución natural de la experiencia del usuario. A medida que el mercado de consumidores se va familiarizando con la tecnología (o en este caso, el email), se necesitan menos ayudas visuales para pasar de la “acción A” a la “acción B”. Según un estudio reciente, solo en América las personas pasan una media de 11 horas al día usando medios electrónicos. Para que tengamos una cierta perspectiva, la mayoría está despierta entre 16 y 18 horas diarias.

El diseño plano abarca los límites de la pantalla en lugar de adornarla, como hacía su predecesor, el skeumorfismo. El skeumorfismo, evidente en la vieja agenda amarilla de la izquierda, imita un objeto de la vida real. Si observamos los dos diseños uno al lado del otro, vemos que el skeumorfismo, cargado de detalles, ocupa más espacio en la pantalla. El enfoque minimalista del diseño plano ofrece unos tiempos de carga más cortos y más espacio para ser creativo.

Abrir paso al contenido

El diseño plano también surge al comprender que el contenido es lo más importante. En el bullicioso mundo digital no siempre es fácil abrirse paso por la bandeja de entrada. Si eliminamos los elementos de diseño más llamativos, permitimos que el lector encuentre lo que le interesa.

Este email de bienvenida de Invision da justo en el clavo. Hay cuatro vídeos de presentación que cobran protagonismo, con su color rosa corporativo incluido en las llamadas a la acción. Con este enfoque paso a paso no se intimida al usuario novato que quiere saber más sobre el producto y ponerse en marcha.

Welcome-to-InVision-680x4491/center>
Por otro lado Litmus tiene una disposición del bloque de color bien marcada en su email. Se trata de una forma más sutil de ofrecer un contexto y condicionar a los usuarios a que interactúen con el contenido de una forma determinada.

Welcome-Email-Newsletter-Design-from-Litmus
Dropbox tiene un email que ejemplifica muy bien cómo se pueden utilizar imágenes minimalistas para mejorar un email que incluye mucho texto. El email utiliza el “espacio negativo” – el espacio en blanco que no ocupan la cámara y los elementos fijos – para crear un equilibrio y desviar la atención hacia el mensaje personalizado que hay debajo.

Screen-Shot-2015-06-10-at-12.30.48-PM
 

Apto para todas las pantallas

Como mencionamos antes, puesto que el diseño plano funciona dentro de los límites de la pantalla, contribuye a una experiencia más adaptativa de lectura de email. Tanto Invision como Litmus adoptan la plantilla de email de una columna tan utilizada en la actualidad La jerarquía clara de los bloques facilita la labor de dimensionar un email en pantallas de distintos tamaños.

Al eliminar patrones y texturas voluminosos e incómodos, los diseñadores ahorran tiempo, ya que no tienen que preocuparse de si algunos elementos tardan más en cargarse en un teléfono móvil o una tableta.

A la hora de la verdad, tus consumidores y tu equipo de diseño disfrutan de un final feliz. El diseño plano representa el movimiento que piensa primero en el consumidor y que ofrece contenido de calidad del modo más asimilable. No se puede saber cuánto tiempo perdurará el diseño plano, pero sin duda seguirá evolucionando a medida que los usuarios interaccionen con los nuevos dispositivos que aparezcan.

El equipo de Mailjet ha trabajado mucho para elaborar un modo novedoso, más rápido y más fácil de crear estupendos emails. ¡Atento a un anuncio que haremos dentro de unas semanas!

¿Se aplica a los emails la costumbre de compartir un exceso de información personal?

Podría decirse que vivimos en un mundo en el que se comparte demasiada información personal. Puedes encontrar casi cualquier cosa en tus redes sociales, desde lo que almorzó tu amigo hasta el vídeo de una ardilla emborrachándose con una calabaza fermentada. Compartimos contenido exclusivo (como esta entrada del blog) y lo hacemos con frecuencia debido al refuerzo positivo de los “favoritos”, “me gusta” o para conseguir nuevos seguidores. Se convierte en un ciclo, en un estilo de vida.

¿Pero se traslada esta tendencia al marketing de email? Echamos un vistazo a cómo funciona el hecho de compartir en las redes sociales a través de emails y a su efectividad.

Screen-Shot-2015-06-08-at-1.16.28-PM

Hay opiniones diversas

Si has investigado cómo se comparte en las redes sociales, habrás visto resultados distintos en diferentes estudios. Un estudio reciente mostraba que incluir enlaces para compartir en redes sociales como Facebook y Twitter generaba una proporción de clics (CTR) un 115 % mayor con respecto a los emails que no disponían de la opción de compartir. Mientras que otro estudio de MarketingSherpa sugiere que los botones de compartir en las redes sociales no son tan efectivos.

En estos momentos estarás pensando: “¿Cuál es la respuesta correcta? ¿Debemos o no debemos incluir botones de redes sociales?” Es un modo realmente efectivo de usar el email si conoces a tu audiencia. Depende del contenido que se comparta.

Conoce a tu audiencia

En última instancia, ten presente a tu audiencia y el objetivo final. Crear contenido relevante y de calidad será siempre la mejor motivación para que los clientes compartan.

Por otra parte, los botones de compartir en las redes sociales pueden erosionar el tráfico o las conversiones si no tienes cuidado. Si el objetivo del email es incrementar el tráfico del blog, puedes plantearte tener botones de compartir en las redes sociales que promocionen directamente la entrada de blog destacada. Quizá pretendas impulsar las inscripciones a través de las redes sociales y proporcionar un enlace directo a la página de aterrizaje para que la compartan los usuarios.

Hacer que los usuarios recomienden tu producto a un amigo es mucho más orgánico, con el valor añadido de la demostración social. A cambio, garantiza que podrás atraer a aquellos con intereses similares a tus clientes más comprometidos.

Además, si solo pretendes incrementar tu visibilidad en las redes sociales, puedes plantearte añadir botones de “Síguenos”. Yo los uso en mis campañas de email y he visto que el 20 % de los clics se debe a seguidores en las redes sociales.

Ten siempre un objetivo específico y trabaja para integrar todas las partes del email para lograr ese objetivo.

Integra las redes sociales

Hay unas cuantas maneras de añadir a tu email botones para compartir en las redes sociales.

Usar un editor de plantillas como Mailjet’s WYSIWYG te permitirá arrastrar y soltar en los botones predefinidos de compartir. Si prefieres un enfoque más personalizado, puedes codificar tu propio botón. Las redes sociales como Facebook y Twitter tienen documentación con codificación predefinida con la que puedes trabajar.

El “botón Tweet” de Twitter te permite crear un mensaje personalizado para compartir con tu lista de contactos. El botón de Facebook puede ser un poco más complicado para los que no son desarrolladores, pero también es muy personalizable.

Los botones de compartir en las redes sociales son capaces de provocar un gran impacto. Es un retorno de inversión alto para el tiempo que se tarda en crearlos e integrarlos en la plantilla de tus emails.

¿De qué modo ha utilizado tu empresa los botones de compartir en las redes sociales? ¡Deja tu opinión en los comentarios!

 

La guía de principio a fin de las leyes de spam globales

Tengo grabada en la memoria una historia que mis padres me solían contar de niño. Yo tenía un tío que creció en un pueblo pequeño y aislado de China. Él había ahorrado durante toda su vida hasta que con 20 años estaba listo para irse a una ciudad más grande. Pero antes de hacerlo aprendió inglés de forma autodidacta, leyendo un diccionario de principio a fin. Esto me dejó marcado, ¡un diccionario no es precisamente una lectura fácil! Y, ¿cómo pudo retener toda esa información? Hoy aún me sigo preguntando si la historia es cierta…

La ley de spam inspira sentimientos similares. Es un tema bastante árido y pensar en la legislación global puede intimidar a cualquiera. Afortunadamente, en Mailjet hacemos parte del trabajo por ti. Tras una investigación extensiva, hemos resumido los puntos clave que necesitas saber para enviar emails internacionalmente.

Incluso más importante de lo que piensas…

Digamos que eres un comercio electrónico con base en Nueva York. Si ofreces envíos internacionales, puede que tengas clientes en Europa. Legalmente hablando eres responsable de cumplir con las leyes de spam en los países en los que viven tus clientes.

En caso de que no lo hayas hecho ya, tienes que empezar a recopilar y organizar información sobre la localización de tus clientes. Esto puede hacerse mediante un formulario del tipo “opt-in” o relacionando las direcciones de email con los perfiles de contacto de los clientes en el back-end.
La ley CAN-SPAM de los Estados Unidos

La ley CAN-SPAM establece reglas para todos los mensajes comerciales, no solo el email. Como dice su propio nombre, protege a los consumidores de spammers, dando a los receptores del mensaje el poder de frenar tu correspondencia con ellos. Los emisores que ignoren esta ley pueden recibir severas multas: cada email individual que viole esta ley puede pagar multas de hasta 16 000$. Por lo tanto, violar dicha ley es muy costoso, por no hablar del daño que hace a tu marca y a tu reputación de emisor.

Puntos principales:

• Incluye una dirección postal (física) y activa en cada email que envíes.
• Incluye una forma clara de darse de baja en cada email y atiende a la decisión del cliente en 10 días laborales.
• Aunque contrates a una empresa para crear o enviar tu email eres legalmente responsable del mismo.
• Evita las líneas de asunto sensacionalistas. El contenido de tu email debería ser algo muy parecido a lo que prometes en la línea de asunto.
• No uses listas de email compradas o alquiladas a terceros.

Ley Anti-Spam de Canadá (CASL)

Es una de las últimas leyes y ha estado en las noticias no hace mucho. La CASL es una enmienda de la antigua ley de spam. Es muy parecida a la ley americana (CAN-SPAM), ya que el emisor debe recibir el consentimiento del receptor. Este consentimiento puede ser implícito, si existe una relación de negocios entre ambos o expreso, si el cliente te da permiso explícito para recibir tu comunicación. Ya hablamos de esta ley en detalle el verano pasado cuando se anunció por primera vez.

Puntos principales:

• Mantén registros de las suscripciones opt-in, porque como emisor eres responsable de que haya un consentimiento.
• El consentimiento expreso no tiene un límite temporal, es válido a no ser que el receptor se dé de baja del mismo.
• El consentimiento implícito sí tiene un límite temporal, que generalmente expira dos años tras el comienzo de la relación.
• Como ocurre con la CAN-SPAM, debes asegurarte de que el nombre de tu emisor es identificable, de forma que tengas una manera clara de darle de baja en cada email.
• Para asegurar una transición sin problemas hacia esta legislación, los emisores tienen de tiempo de adaptación hasta el 1 de julio de 2015, cuando la ley entra en vigor. Antes de que llegue ese día, deberías revisar qué tipos de consentimiento tiene tu lista de contactos, si dispones de una suscripción “Opt-in” y volver a verificar las solicitudes de baja.
• No cumplir las regulaciones de la CASL, puede costar al emisor hasta 1.000.000 de dólares. Y esto es solo para el emisor individual; una empresa corporativa puede llegar a tener que pagar 10.000.000 de dólares.

Parlamento Europeo Artículo 13

Las leyes varían ligeramente de país a país, pero los requisitos de registros “opt-in” siempre se aplican. Solo se puede enviar emails a clientes que se hayan suscrito de forma “opt-in”. Pero, curiosamente, esto solo se aplica a relaciones entre negocios y clientes. En las relaciones entre negocios y negocios de la UE, puede haber correspondencia hasta que estos decidan darse de baja de la comunicación.

Para información más específica sobre la legislación de la UE, puedes explorar esta directiva.

En última instancia, las leyes de spam internacionales no son tan áridas. La mayor parte de la legislación cubre estos tres puntos: clara identificación de tu nombre de emisor, permiso de tu receptor para todo envío y provisión de una manera fácil de darse de baja. Recuerda leer estas leyes regularmente, ya que pueden cambiar si se aprueba una nueva legislación.
Si es posible aprender un lenguaje leyendo un libro de principio a final, entonces tú también puedes hacerte un experto en legislación de spam.

Si quieres un consejo legal más específico o no estás seguro de ciertos detalles, deberías buscar asesoría legal. El contenido de este artículo no debe considerarse como consejo legal.

Cómo aprendí a codificar un email desde cero

Screen-Shot-2015-06-05-at-4.20.07-PM

Dicen que para aprender bien un idioma, lo mejor es sumergirse en la cultura. Si es cierto para los idiomas, no será menos cierto para aprender HTML, ¿no? Ya que para una profesional del marketing como yo es tan extraño como un idioma extranjero.

En Mailjeet utilizamos nuestro práctico editor de plantillas WYSIWYG para crear emails, pero hay segmentos de código HTML que inyectamos para dar vida a ciertas partes. En los últimos meses me he fijado en que a nuestro diseñador le enviamos pequeñas tareas – crear tablas anidadas, redimensionar imágenes, fabricar banners para emails – que roban el tiempo a los proyectos más grandes. ¿Qué pasaría si yo, como profesional del marketing por email, me sintiese cómoda trabajando con el editor WYSIWYG y con HTML?

Este fue el principio de una larga sesión de estudio de dos semanas para aprender a codificar un email desde cero. He aquí lo que aprendí:

Lo primero es lo primero

 

Screen-Shot-2015-06-05-at-4.21.22-PM
En un principio puedes comenzar con un simple documento HTML nuevo (un documento de texto guardado con la extensión ‘.html’) o simplemente trabajar desde tu proveedor de servicio de email. Yo trabajé directamente en el editor HTML de Mailjet. Crearemos el encabezamiento usando un formato estándar como el que se ve abajo. El encabezamiento le dice al navegador cómo leer nuestro documento – especificando en qué idioma y en qué versión está escrito.

Screen-Shot-2015-06-05-at-4.24.57-PM
Codificar en HTML se parece mucho a elaborar un esquema para la entrada de un blog – tienes que identificar la introducción (o encabezamiento), el cuerpo (el marco) y la conclusión (el pie de página). A los navegadores les gusta que estén claramente identificadas estas partes, de modo que sepan cómo recomponerlas y crear un diseño de email coherente.

Elaborar el marco: el truco está en la cuadrícula

Ya podemos avanzar y empezar nuestra cuadrícula. Como en todo buen diseño, trabajar con una cuadrícula ayuda a crear un equilibrio estético, a organizar el contenido, y sobre todo a asegurar la receptividad. Un diseño de email en cuadrícula puede adaptarse fácilmente a un diseño de una columna en las pantallas más pequeñas.

Para crear mi diseño de cuadrícula, tuve que aprender a codificar tablas. Esto fue lo más complicado para mí – es difícil imaginar cómo se transforma algo visual como una tabla en texto.

Empieza con un esquema

El primer error que cometí fue lanzarme de cabeza a la codificación sin haber creado antes un esquema. Puede ser difícil visualizar las tablas una vez que te pones a codificar, por eso es muy útil tener una idea de la cantidad de contenido que queremos incluir y cómo nos gustaría distribuirlo. Como norma general, cada fragmento independiente de contenido, ya sea una imagen o texto, debe codificarse como una celda propia en la tabla.

Codificar la tabla

En cuanto al código, <tr> quiere decir “fila de la tabla” y <td> quiere decir “datos de la tabla” o columna. Usa <tr> para crear una nueva fila, seguido de <td> y el texto que te gustaría añadir a la celda.

Screen-Shot-2015-06-05-at-4.25.41-PM

Este es el primer marco que contendrá el resto del contenido del email.

Screen-Shot-2015-06-05-at-4.25.47-PM
Para añadir otras secciones dentro del marco, simplemente sigue el formato que usamos para crear la tabla inicial de arriba. Copio y pego dos filas adicionales. Ya tenemos un marco más grande y un grupo interno de tres filas.

Screen-Shot-2015-06-05-at-4.25.53-PM

Cubriendo los detalles

Añadiendo otro lenguaje a la mezcla

El marco del email que acabamos de ver estaba solo en HTML, pero para darle estilo tendremos que recurrir a otro lenguaje, CSS (Hojas de estilo en cascada). Son dos lenguajes que suelen ir juntos en la creación de páginas web y emails porque HTML crea la estructura, mientras que CSS describe los detalles visuales, tales como el color y las fuentes.

Para complicar más las cosas, la mayoría de los clientes de email no funciona bien con CSS. Hay inconsistencias en la forma en que representan el funcionamiento de CSS. Por ejemplo, Gmail suprime todo el CSS que se incluye en el encabezamiento de un email, pero Outlook acepta etiquetas de <style> en el <head> y el <body>. ¡Esto sí que me confundió! ¿A los clientes de email no les gusta CSS pero tenemos que usarlo igual para el estilo?

Lo cierto es que hay varios tipos de CSS, pero para nuestro propósito solo os presentaré CSS en línea. Como CSS en línea se aplica a cada etiqueta HTML de forma individual, funciona correctamente.

Si ocurre que tienes todos tus estilos ya codificados en el encabezamiento, hay muchas herramientas útiles que pueden “alinear” la codificación. Por ejemplo, Inky’s Inliner.

Añadir la imagen del encabezamiento y el color

A continuación he añadido la imagen del encabezamiento al email con la etiqueta <img src= “link”>

Además he ajustado el color de fondo de las filas 2 y 3 con dorado Mailjet <bgcolor=”#ffbf40”> y gris <bgcolor=“#989dac”>. Dentro de un poco expandiré estas dos filas para crear el cuerpo del email.

Screen-Shot-2015-06-05-at-4.25.59-PM

Relleno

Para desarrollar el resto del cuerpo del email es necesario añadir algo de relleno. Por ejemplo,“style=”padding: 40px 30px 40px 30px;”> le dice al cliente de email cómo queremos el espaciado en la parte superior, derecha, inferior e izquierda, respectivamente.

Screen-Shot-2015-06-05-at-4.26.04-PM

Enlaces de compartir en las redes sociales

Para rematar el cuerpo del email, añadí una fila extra al final para incluir los enlaces a las redes sociales. Incluye siempre enlaces a las redes sociales – Solo te lleva unos segundos hacerles un hueco y además de ayudarte a conseguir tráfico adicional en tus otros canales sociales, amplía el alcance del contenido de tu email.

Screen-Shot-2015-06-05-at-4.26.10-PM
Screen-Shot-2015-06-05-at-4.26.16-PM

Enlace para darse de baja

Por último pero no menos importante, no olvides incluir un enlace para darse baja en la parte final de cada email. Convenientemente, Mailjet te lo recuerda si te olvidas de añadir uno antes de pasar al siguiente paso:

Screen-Shot-2015-06-05-at-4.26.22-PM
 

Screen-Shot-2015-06-05-at-4.26.27-PM
 

Usando el enlace de darse de baja indicado anteriormente, añadí un atributo href, que le dice al cliente de email qué enlace añadir al texto.

Ensayo y error

Sobre todo, ten paciencia cuando estés empezando. A veces te olvidarás de una etiqueta de cierre o añadirás un carácter de más que rompe el diseño. Sugerencia: busca colores extraños en el resaltado de sintaxis.

El editor HTML de Mailjet te permite visualizar previamente qué aspecto tendrá tu campaña en distintos tamaños de pantalla. También puedo enviarme una prueba a mí misma. Revisé cada paso de la elaboración de mi código para asegurarme de que el diseño reflejaba lo que yo quería. Si había algo desalineado o roto en la vista previa, podía volver atrás y solucionarlo inmediatamente.

Screen-Shot-2015-06-05-at-4.26.33-PM

Finalizar

Y ya tenemos el producto final. Al final me llevó unas tres horas completar este sencillo diseño de abajo. A no ser que busques algo muy personalizado, comenzar con el editor WYSIWYG e inyectar HTML cuando lo necesites puede ser un proceso más eficiente.

¿Con qué frecuencia codifica tu equipo emails desde cero?

Screen-Shot-2015-06-05-at-4.26.39-PM
El equipo de Mailjet ha trabajado mucho para elaborar un modo novedoso, más rápido y más fácil de crear estupendos emails. ¡Atento a un anuncio que haremos dentro de unas semanas!