Revista Ilustración

Personalizar formularios en MailChimp

Por Celia Espada García @ElPerrodePapel

Personalizar formularios en MailChimp
En la anterior entrada sobre MailChimp vimos como crear una lista de suscriptores de manera muy sencilla, ésta vez, vamos a personalizar los formularios de suscripción. Se hace en muy poco tiempo y yo lo recomiendo totalmente, ya que es una forma más de dar un toque original a nuestros servicios.
1.- Para poder crear formularios, tenemos que haber creado antes una lista. En nuestro salpicadero buscamos la opción List. Y en la parte derecha, abrimos el desplegable pinchando en la flechita y seleccionamos Signup Forms.
Personalizar formularios en MailChimp
2.- Escogemos la primera opción: Formas Generales.
Personalizar formularios en MailChimp
3.- Debajo de Create Forms, tenemos un desplegable con todas las opciones de formularios que podemos personalizar. Empezamos por:
Signup Form --> Formulario de Registro
A través del cual se registrarán nuestros suscriptores.
Seleccionamos Build It. Vamos a construirlo.
Personalizar formularios en MailChimp
4.- Podemos cambiar el texto del encabezado, donde pone Pruebas en mi ejemplo, por una imagen pinchando encima.
Es MUY IMPORTANTE cambiar el texto informativo que hay justo debajo. Será lo que anime a nuestros posibles suscriptores a continuar con su suscripción o salir del formulario antes de hacerlo.
Personalizar formularios en MailChimp
5.- Pinchando en cada uno de los cuadros de texto nos aparecen opciones a la derecha, donde podemos traducir el texto, la etiqueta asignada a ese campo, marcarlo como respuesta obligatoria (Required Field), añadir un texto de ayuda... No olvidéis guardarlo una vez terminada la edición (Save Field)
Personalizar formularios en MailChimp
Poner como obligatorio el campo Nombre es muy efectivo a la hora de enviar emails personalizados llamando a cada suscriptor por su nombre. Es un dato importante a tener en cuenta mientras construimos nuestros formularios de suscripción.
6.- Si nos hacen falta más campos, podemos añadirlos pinchando en la derecha en la opción Add a Field.
Personalizar formularios en MailChimp
7.- Pasamos a Desing It. Esta parte es la guay. Aquí podemos dar formato a nuestro formulario.
Podemos cambiar el color de fondo de la página en Page --> Background
Pinchando donde aparece el código HTML se nos abrirá el cuadro de colores para elegir el que mejor combine con nuestro diseño.
Personalizar formularios en MailChimp
8.- Podéis añadir el mismo color que el fondo de vuestro Blog, para mantener vuestra imagen corporativa, o buscar el color que más os guste con la ayuda de esta web.
Personalizar formularios en MailChimp
9.- en Header, podemos modificar el tamaño de letra (Font Size) y el espacio entre el cabecero y el formulario (Margin Bottom)
Personalizar formularios en MailChimp
10.- En Outer Wrapper modificamos el color del cabecero de nuestro formulario.
Personalizar formularios en MailChimp
11.- Pasamos a Body. Vamos a personalizar el cuerpo de nuestro formulario.
Foreground --> Color de fondo de nuestro formulario, del área donde aparece el texto.
Personalizar formularios en MailChimp
12.- Default Text --> El texto por defecto (campo requerido, texto de ayuda...)
Personalizar formularios en MailChimp
13.- Link Style --> El formato para los enlaces de nuestro formulario, en el caso de que añadamos alguno.
Personalizar formularios en MailChimp
14.- En Forms podemos seguir personalizando nuestro formulario hasta el más mínimo detalle.
Vamos a ver algunas de las opciones.
Buttons --> Formato del botón de suscripción que aparece al final del formulario.
Personalizar formularios en MailChimp
15.- Las opciones de personalización son infinitas:
Buttons Hovered --> como se verá el botón al pinchar sobre él.
Field Labels --> el formato de los diferentes etiquetas de nuestro formulario (correo, nombre, ...)
Personalizar formularios en MailChimp
16.- Field Box --> formato de los cuadros de texto donde escribirán nuestros futuros suscriptores.
Personalizar formularios en MailChimp
17.- Y, por último: MonkeyRewards --> la insignia de MailChimp que aparece al final de los formularios. Podemos elegir el alineado de la misma respecto a nuestro formulario (Image Align) y elegir entre los diferentes modelos disponibles el que mejor se adapte a nuestra idea (Change).
Personalizar formularios en MailChimp
18.- Pasamos de Desing It a Translate It. Muy sencillo, obvio. Podemos elegir que se traduzca automáticamente seleccionando auto-translate y elegir nuestro idioma predeterminado en el desplegable. Yo suelo personalizar todos los formularios a mano, pero esta opción es muy buena si no disponemos de mucho tiempo libre para diseñarlos uno por uno.
Personalizar formularios en MailChimp
19.- Y, ¡por fin! Share It --> las diferentes opciones para compartirlo que nos ofrece MailChimp.
Personalizar formularios en MailChimp
Sencillo, ¿verdad? Vamos a ver los diferentes formularios de suscripción y cómo podemos usarlos para personalizar aún más la experiencia de suscripción de nuestros futuros suscriptores.
20.- en Signup form with alerts podemos ver como quedaría nuestro formulario si detecta errores en la introducción de los datos solicitados.
Personalizar formularios en MailChimp
21.- Signup "thank you" page --> Mensaje de agradecimiento para nuestros suscriptores cuando envían el formulario con sus datos.
En el cuadro de texto podemos añadir una URL de una página web donde podemos agradecer de manera más extensa su confianza y recordarles los motivos de su suscripción y lo que recibirán en su email de registro.
Personalizar formularios en MailChimp
22.- Los que os habéis suscrito a mi Boletín Mensual habréis visto mi página de bienvenida, donde nunca está de más recordar al visitante que recibirá un email para confirmar su suscripción en el email de registro. Si no confirman la suscripción a través del enlace que se les enviará por email, no recibirán nuestras campañas.
Personalizar formularios en MailChimp
23.- Opt-it Confirmation Email --> el email que recibirán tras suscribirse con el enlace donde deberán confirmar su suscripción a la Lista. Todos estos formularios también podemos personalizarlos (Design It), Traducirlos (Translate It) y Compartirlos (Share It).
Personalizar formularios en MailChimp
24.- Confirmation "Thank You" Page --> Confirmación de la suscripción. Además de enviar un email automático confirmando la suscripción, podemos añadir una nueva URL de bienvenida final informándoles de que se ha confirmado el registro satisfactoriamente y comentándoles los objetivos de nuestra campaña, recordando que pueden darse de baja en cualquier momento a través del enlace correspondiente que encontrarán en cada email que reciban.
Personalizar formularios en MailChimp
25.- Final Welcome Email --> Email final de bienvenida. Yo selecciono siempre la primera casilla de verificación, para que mis suscriptores puedan elegir entre ver el email en HTML o como texto plano.
Personalizar formularios en MailChimp
26.- Hay muchos más formularios que podemos personalizar:
Unsuscribe Form --> Formulario de Baja
Unsuscribe Success Page --> Página de Baja
GoodBye Email --> Email de despedida
Profile Update Email --> Email de actualización de perfil
Update Profile Form --> Formulario de actualización de perfil
...
Podéis personalizar todos y cada uno de ellos e investigar por vuestra cuenta para darle vuestro estilo propio a cada una de vuestras campañas con MailChimp.
Personalizar formularios en MailChimp
En la próxima entrada sobre MailChimp veremos como crear nuestra Primera Campaña, para ello es necesario tener ya nuestra lista de suscriptores (con al menos un suscriptor, podemos suscribirnos nosotros mismos para probar) y haber personalizado nuestros formularios como hemos visto hoy.
Si no quieres perderte el próximo tutorial, puedes apuntarte a mi Lista de Actualización Semanal y recibirás cada domingo en tu email un correo con mis actualizaciones de toda la semana.
Un fuerte abrazo,
Celia ♥
Personalizar formularios en MailChimp
&id;&c;óááááúáóíúáóá


Quiero recibir el Boletín de Actualización Semanal

* indicates requiredCorreo Electrónico * Nombre * Email Format
  • html
  • text
  • mobile
&id;&c;óááááúáóíúáóá


Quiero apuntarme al Boletín Mensual

* indicates requiredEmail * Tu Nombre * Email Format
  • html
  • text
  • mobile
&id;&c;óááááúáóíúáóá


También puedes encontrarme en

Personalizar formularios en MailChimp
Personalizar formularios en MailChimp
Personalizar formularios en MailChimp

Personalizar formularios en MailChimp
Personalizar formularios en MailChimp
Personalizar formularios en MailChimp



Volver a la Portada de Logo Paperblog
Por  Juan Pedro García
publicado el 01 enero a las 09:20

Hola, muy completo el artículo, estoy siguiéndolo para configurar un formulario de suscripción a mi blog pero al llegar al "Design it" no consigo hacer nada, ¿es solo para cuantas de pago? to de momento estoy con la cuanta gratuita.

Saludos y enhorabuena por el blog Por cierto los formularios para suscribirse no funcionan