lunes, 15 de abril de 2013

Parte 4. Los vínculos

Para continuar con nuestra serie de recomendaciones para tus newsletters, pasaremos a un punto muy importante en tus comunicados: los enlaces.
Cuando creamos una campaña, el objetivo principal siempre es hacerle llegar a nuestros usuarios información, la cual puede estar dentro del mismo comunicado o algunas veces en otras herramientas de comunicación, como una landing page, nuestro blog, redes sociales, entre otros; así que para llevarlos a esa información, necesitamos incluir enlances (o links) dentro de nuestro comunicado.
A continuación te presentamos algunas recomendaciones para que utilices estos enlaces de manera correcta y puedas encausar a tus usuarios a la información que tienes preparada para ellos.
Al finalizar ésta guía crearás enlaces de manera más adecuada para tus usuarios y su uso correcto en newsletters.
Esta guía es para usuarios de nivel: básico e intermedio
Para crear un vínculo en HTML se utiliza la etiqueta "<a>" la cual indica al navegador que el elemento (texto o imagen) que está dentro de ella, contiene un vínculo a cierta URL, para conocer más sobre ésta etiqueta, visita aquí.
• Vínculos completos
Para evitar errores en los enlaces, es necesario que en el atributo "href" de tu etiqueta de enlace "<a>" escribas el vínculo completo al que quieres dirigir a tus usuarios, esto incluye lo conocido como "protocolo" el cual puede ser http, https, ftp, entre otros.
Por ejemplo:
Incorrecto:
<a href=”www.google.com”>enlace a google</a>Incorrecto
Correcto:
<a href=”http://www.google.com”>enlace a google</a>Correcto
Para conocer más sobre los protocolos de transferencia, te recomendamos leer este enlace
• Estilo y colores en los enlaces
Para que un texto tenga un hipervínculo y no se vea siempre azul, es necesario utilizar el "style" dentro de la etiqueta "<a>" por ejemplo al utilizar:
<a href=”http://www.google.com.mx” style=”color: #FF3366; text-decoraton:underline;">enlace a google</a>
Obtendremos un enlace que dirá "enlace a google" pero que será rosa y estará subrayado. Para darle diseño y estilo a tus enlaces, te recomendamos leer la parte 2 de nuestra guía de diseño, que trata sobre Estilos CSS.
• Abrir enlaces en ventana nueva
En la etiqueta "<a>" es necesario incluir siempre el atributo "target" con la propiedad "_blank" esto le indicará al navegador que cuando el usuario de click en ese link, lo lleve a una ventana o pestaña nueva, mientras que el newsletter siga activo en la pestaña que estaba visitando. La mayoría de los servidores de correo ya lo hacen por default, pero si alguien está viendo la versión en línea, no queremos que deje tu newsletter por pasar a alguno de los links que éste contiene:
<a href=”http://www.google.com.mx” style=”color: #FF3366; text-decoraton:underline;" target="_blank" >enlace a google</a>
• Utilizar el atributo "title"
También es recomendable que dentro de la etiqueta "<a>" utilices el atributo "title" que es utilizado para darle al usuario información adicional sobre a donde se dirige por medio de ese enlace, además, para los servidores de correo esto es una buena práctica ya que puede evitar que tu newsletter gane puntos como spam. Unas cuantas palabras que complementen la información del link, serán suficientes:
<a href=”http://www.google.com.mx” style=”color: #FF3366; text-decoraton:underline;" target="_blank" title="Este link se abrirá en una nueva ventana" >enlace a google</a>
En nuestro Editor GraphicMail, podrás incluir todas estas recomendaciones y crear los estilos necesarios para tus enlaces en una sola ventana, únicamente selecciona el texto o imagen que quieras que active el enlace, y después da click en el botón "insertar enlace" de la barra de herramientas:
Ícono de enlaces en nuestro editor
Te abrirá una ventana donde podrás insertar todos los atributos recomendados para tu enlace:
Edición de atributos

O si lo deseas, podrás editar el CSS o estilos del enlace:
Edición de atributos

Espera nuestra siguiente edición, donde hablaremos de los newsletters pensando para dispositivos móviles, seguiremos actualizándote en esta lista de buenas prácticas para ayudarte a crear campañas más efectivas.

miércoles, 3 de abril de 2013

Guia de Formularios en GraphicMail

Los formularios de GraphicMail son una poderosa herramienta que te permiten obtener información valiosa de tus clientes o suscriptores y aumentar tu lista de contactos de una forma sencilla.

Estos formularios pueden ser personalizados de acuerdo a tus necesidades y se pueden utilizar para diferentes funciones como suscripción a tus newsletters, confirmaciones de eventos, encuestas, etc. Y lo más importante, se hacen con el permiso de la persona, por lo tus mensajes evitan ser considerados como spam.

GraphicMail te ofrece 3 opciones para que puedas crear e integrar un formulario en tu estrategia de email marketing:

1.- Creación de un formulario en una página web: Esta opción te permite integrar un formulario en una página de tu sitio web. Ideal para formatos de suscripción a eventos y newsletters.
Formulario en una página web

2.- Creación de un formulario en Facebook: Esta opción te permite integrar un formulario en una página de facebook.  Ideal para encuestas o para obtener datos adicionales de tu red de contactos.
Formulario de registro en Facebook de GraphicMail

3.- Creación de un formulario dentro de un email: Esta opción te permite integrar un formulario dentro del cuerpo de un email. Ideal para confirmaciones o datos adicionales de tu lista de contacto.

Formulario de registro de GraphicMail en newsletter


Sea cual sea la opción que elijas  te recomendamos siempre colocar una liga a tu formulario en el pie de página de tu newsletter, de ésta forma estará disponible para las personas que reciben tus comunicados.

martes, 2 de abril de 2013

Crear un formulario con GraphicMail para una página web

Crear formularios para tu página de intenet con GraphicMail es muy sencillo. El contar con un formulario en tu página web te permite ir generando una lista de contactos de forma natural con gente que realmente está interesada en recibir tus comunicados así como obtener datos al respecto para generar una comunicación personal y mejorar tu estrategia de emarketing.

El principal uso que tienen los formularios en una página web son formatos de suscripción, sin embargo los puedes utilizar también para encuestas y conocer más de los gustos de tus visitantes.

Para crear un formulario e insertarlo en una página web hay que seguir estos pasos:

Desde tu cuenta entra al menú de Formato de suscripción en la parte izquierda y selecciona la opción "Ajustar Forma"

Ajustar Forma

En ésta ventana podrás configurar todo lo relacionado con tu formulario como los campos, una imagen de fondo, si vas a permitr suscripciones sociales, etc.
A) Ajustes Generales: En esta sección puedes configurar el tipo, tamaño y color de letra, márgenes, el idioma por defecto y si deseas usar una imagen de fondo en la página. 

ventana de ajustes generales


B) Habilitar suscripción social: En esta sección puedes habilitar o deshabilitar la opción de que las personas puedan suscribirse con sus cuentas de redes sociales. El habilitarla coloca íconos en el formulario de distintas redes sociales.



ventana de suscripción social





C) Cabecera del Formulario: En este cuadro puedes editar el texto e imagenes que deseas que aparezcan en la cabecera de la página, justo antes de los campos del formulario.

ventana de cabecera de formulario

D) Campos de formulario: En esta sección puedes seleccionar que campos son los que quieres mostrar y cuales tienen que ser obligatorios. Estos campos se obtienen de un set de datos que tu puedes elegir, por lo que si deseas personalizar los campos es necesario que crees un set de datos personalizado.


ventana de campos de formularios


E) Lista de envío: Esta sección te permite generar cuadros de selección en tu formulario para que los visitantes puedan elegir a que lista desean suscribirse. No es necesario si solo cuentas con una lista o solo lo vas a utilizar para una lista en específico.

ventana de listas de envios

F) Pie de Formulario: En este cuadro puedes editar el texto e imagenes que deseas que aparezcan al final de tu mensaje, después del formulario.

ventana de pie de formulario

G) Opt-in doble: Si activas esta opción, la persona que llena el formulario recibirá un correo de confirmación adicional para que pueda recibir futuros comunicados. Esta opción es ideal para formas de subscripción

ventana de opt-in doble



Una vez que tienes configurado el formulario, hay que integrarlo en la página web. Graphicmail te ofrece varias opciones para lograrlo en la sección de "Ponlo en tu sitio web":

Integrar a tu sitio


1.- Agrega un formato de suscripción en caja de luz: Con esta opción se coloca un botón en la página web. Cuando el usuario hace clic en éste, una ventana aparece encima del contenido con el formulario.


Ejemplo de caja de luz


2.- Agrega un formato de suscripción rápido a tu sitio: Con esta opción se coloca solamente el campo de email y un botón de registro en la página web.

Ejemplo de suscripción rápida


3.- Incrusta el formato entero en tu sitio web: Esta opción te permite copiar el código completo del formulario y colocarlo en tu página de internet.

Ejemplo de incrustar un formulario



4.- Creación de múltiples formas de incrustar: Esta opción te permite integrar múltiples formas en tu página web.

Dependiendo de la opción que elijas, el siguiente paso te permitirá personalizar los botones de registro o te mostrarán el código que debes de colocar en tu página de internet. Es importante mencionar que para integrar el formulario necesitas tener acceso a los archivos de tu sitio pues se requiere de la modificación de código html. GraphicMail te mostrará un texto como el siguiente que deberas de colocar en el código de tu página web.


Una vez que el código este colocado, podrás verlo en tu página web. A continuación te mostramos un ejemplo de como se ve integrado:

Ejemplo de formulario
 

Integrar formularios dentro de tus newsletters

GraphicMail cuenta con la opción de integrar formularios directamente en tus comunicados* en vez de utilizar una liga a una página o formulario externo. De esta forma evitas que la persona que recibe el correo cambie de ventana y pueda llevar en su email la información de suscripción.  Esto es útil por ejemplo, si deseas realizar una confirmación para un evento a tu lista de suscriptores o deseas obtener información adicional de tu lista de contactos.

Para integrar un formulario en tu newsletter o comunicado tienes que realizar los siguientes pasos:

1.- En el menú de newsletter entra a la sección de “Editar y Administrar” y selecciona el newsletter donde pondrás la forma.





Editar un newsletter

2.- En el editor HTML selecciona el botón de “Insertar Forma”


Ventana de edición  - Insertar una forma




3.- En la nueva ventana puedes seleccionar un set de datos así como los campos que deseas estén visibles. Da clic en aceptar para insertar el formulario en tu newsletter.



seleccionar los campos

Al final podrás ver tu formulario en la pantalla de edición y podrás agregarle el formato que desees
Muestra de formulario en el cuerpo del comunicado
 



Es importante mencionar que el uso de formularios dentro de un comunicado no es una práctica estandarizada, por lo que su compatibilidad y funcionalidad puede variar entre clientes de correos. Te recomendamos que siempre incluyas una liga a tu formulario en version html.

A continuación te mostramos una gráfica que muestra la compatibilidad actual de formas integradas en emails para que lo tomes en cuenta al momento de realizar tu campaña.

Tabla de compatibilidad