馃憠 13 errores de dise帽o Optin que incluso hacen los profesionales

Cambie su nombre de autor de WordPress … Por favor

¿Quieres mejorar tus formularios de correo electrónico? El uso de formularios de optin bien diseñados es crucial para hacer crecer con éxito su lista de correo electrónico. En esta guía, compartiremos 13 errores de diseño optin que incluso hacen los profesionales (y cómo diseñar formularios optin que conviertan).

Antes de sumergirnos en los errores de diseño de Optin y cómo evitarlos, cubramos brevemente los aspectos básicos del buen diseño de optin.

¿Qué es Good Optin Design?

Aquí en Jared Ritchey, estamos comprometidos a ayudarlo a aumentar sus conversiones para que pueda obtener más clientes para su negocio. En otras palabras, no estamos interesados 鈥嬧媏n ayudarlo a diseñar formas de optin que se vean "bonitas", pero no se conviertan.

Dicho esto, utilizar buenos principios de diseño es muy importante para sus tasas de conversión. Contrariamente a lo que dicen algunos vendedores en defensa del diseño "malo" o "feo", el diseño de alta calidad tiende a convertirse mejor.

¿Por qué? Derrick Weiss de IMPACTO Marca y diseño lo pone simplemente:

"El diseño es solo comunicación visual. Cuando tiene algo de valor, quiere que las personas actúen y se conviertan para obtener ese valor. Si su comunicación es pobre, su audiencia no comprenderá el valor y no se convertirá ".

El diseño Optin abarca todos los elementos visuales que comunican el valor de su oferta gratuita (o imán de plomo), y un buen diseño optinal comunica ese valor de manera efectiva para que se convierta.

OK, ahora que entiendes el propósito y la importancia de un buen diseño de optin, echemos un vistazo a los 13 errores que comúnmente vemos incluso los profesionales haciendo …

1. No usar múltiples tipos de Optin

Cuando se trata de diseñar su forma de optin, primero tendrá que decidir qué tipo de optin usar. Hay muchos tipos diferentes para elegir, por ejemplo:

  • Optins de la barra lateral
  • Cajas de desplazamiento deslizables
  • Optins en línea
  • Puertas de bienvenida
  • Barras flotantes
  • Ventanas emergentes de Lightbox

Con todos estos tipos de optin diferentes, ¿cuál elegirías?

Bueno, si solo está utilizando uno o dos tipos optin, simplemente no podrá capturar tantos suscriptores como sea posible. Entonces, la mejor manera es usar una variedad de tipos de optin diferentes en su sitio.

Por ejemplo, puede tener una opción en la parte superior de su barra lateral en la parte superior de la página, donde cualquier persona que visite su blog puede verla de inmediato.

También puede tener un formulario optin que se deslice después de que alguien se haya desplazado hacia abajo para leer su publicación.

Luego, puede tener una caja de luz que aparece cuando el usuario hace clic en un enlace dentro de su publicación de blog.

Estos ejemplos son solo la punta del iceberg. Para obtener una guía completa de los diferentes tipos de optin, visite 14 High Converting Places para agregar formularios de suscripción por correo electrónico para compilar su lista.

2. Ignorar el abandono de visitantes

Otro error común que vemos no es mostrar su formulario de suscripción para abandonar a los visitantes con una ventana emergente de salida.

Desafortunadamente, más del 70% de los visitantes que abandonan su sitio web nunca volverán.

Es por eso cada El sitio web debe tener una forma optin que aparece cuando el usuario está a punto de abandonar el sitio web. Así es como se ve el nuestro.

Esta es su última oportunidad para solicitar a los visitantes que opten por su lista de correo electrónico antes de que abandonen su sitio para siempre, así que no pierda esta oportunidad.

Para obtener una guía completa para salir de las ventanas emergentes, consulte 40 Hacks emergentes de salida que aumentarán sus suscriptores y sus ingresos.

3. No permitir que los usuarios inicien

Al diseñar formularios optin, la mayoría de las personas muestran los campos de formulario de inmediato. Sin embargo, puede ser incluso más efectivo permitir que el usuario inicie el proceso antes de ven los campos de formulario.

Eso se debe a algo conocido como el efecto Zeigarnik: es mucho más probable que los usuarios completen una tarea una vez que hayan comenzado el proceso.

Particularmente en combinación con las actualizaciones de contenido, debe utilizar un diseño de formulario optin de 2 pasos para las conversiones más altas.

Un formulario de opción de 2 pasos aprovecha el efecto de Zeigarnik preguntando al usuario si está interesado en su oferta antes de darles la posibilidad de ingresar su dirección de correo electrónico.

Aquí hay un ejemplo de una forma de optin de 2 pasos que construí usando la función de botones YES / NO de Jared Ritchey.

Estas opciones de 2 pasos se convierten tan bien que algunos de nuestros clientes están cambiando la mayoría de sus opciones a 2 pasos.

4. No usa la personalización

¿Qué información tiene sobre los visitantes de su sitio web? ¿Estás usando esa información para personalizar tus formularios de optin?

La tasa de conversión promedio del sitio web es del 2%, pero puede tener un porcentaje de conversión un 42% más alto simplemente mediante el uso de la personalización.

Por ejemplo, si conoce el nombre de su visitante, ¿por qué no los menciona por su nombre, así?

Si usted es un usuario de Jared Ritchey, puede lograrlo utilizando nuestra API de reemplazo de texto dinámico.

Pero dirigirse a los visitantes por su nombre es solo uno forma en que puedes personalizar tus optins. También puede mostrar optins específicos basados 鈥嬧媏n:

  • La página que su usuario está visitando
  • Cuantas paginas han visto
  • El dispositivo que están usando
  • Su ubicación geográfica
  • Su fecha y hora
  • ¿Quién te los refirió?
  • Con qué optins han interactuado previamente
  • Cookies específicas que tienen en su navegador
  • Una etiqueta de anclaje específica de URL
  • … ¡las posibilidades siguen y siguen!

Para lograr cualquiera de estos métodos de personalización, puede usar el intuitivo motor de reglas de visualización de Jared Ritchey.

5. Demasiados campos de formulario

Cuanta menos información pidas en tu formulario de suscripción, mejor. Esto se debe a que mientras más información solicite, es menos probable que alguien complete su suscripción.

Desafortunadamente, incluso algunos profesionales del marketing no lo hacen bien y utilizan demasiados campos de formulario en su optin.

Aquí hay un ejemplo de una forma optin con demasiados campos de formulario (de Mace Yampolsky).

La tentación de solicitar mucha información es particularmente buena si ofrece un presupuesto o consulta sin cargo. Sin embargo, aún puede obtener esta información de sus clientes potenciales después inicialmente han optado por su dirección de correo electrónico. De esta forma, no te arriesgas a perder ese liderazgo por completo.

Afortunadamente, el propietario del negocio del ejemplo anterior tuvo su sitio rediseñado, y su formulario de suscripción se emparejó con solo unos pocos campos de formulario simples. Esto es lo que parece ahora.

Al hacer clic en el botón rojo "Solicitar una consulta gratuita", accederá a una página con el formulario de opinión actual, como se muestra a continuación.

¿Ves cuánto menos abrumador es este optin para el usuario?

6. Débil llamada a la acción (CTA)

"Para que sus CTA funcionen, deben suceder dos cosas. En primer lugar, los visitantes deben poder verlos sin ningún esfuerzo. En segundo lugar, los visitantes deben saber instantáneamente lo que hacen ".Tim Ash, SiteTuners

¿Cuál es el llamado a la acción en su formulario de suscripción? ¿Es para "suscribirse" o "registrarse para recibir actualizaciones"? Teniendo uno la forma optin con este tipo de CTA está bien, pero solo si la está usando junto con otras opciones que tienen una oferta más sólida.

Piénselo desde el punto de vista de su usuario: ¿qué tan entusiasmados están de inscribirse en su lista de correo electrónico solo para recibir actualizaciones?

Ahora, parte de tu audiencia será estar emocionado de recibir actualizaciones de usted, pero solo constituyen un pequeño porcentaje de los visitantes de su sitio web en general. Para atraer a la mayoría de las personas a su lista de correo electrónico, deberá crear un imán de plomo irresistible o un "soborno de suscripción voluntaria". Esto es algo valioso que regala de forma gratuita a cambio de la dirección de correo electrónico del visitante.

Pero su oferta no puede ser solo un imán de plomo. Tiene que ser una oferta que tus clientes ideales simplemente no puedan resistir. Para garantizar que así sea, su imán de plomo debe:

  1. Resuelve un problema real – Si su imán de plomo no resuelve un problema real que tiene su avatar de cliente, o si no les da algo que realmente quieren, no funcionará en absoluto.
  2. Promete una victoria rápida – su imán de plomo debe prometer (y entregar) una victoria rápida para su avatar. En otras palabras, debería ayudarlos a lograr algo fácilmente.
  3. Sé súper específico – No crees un imán de plomo sobre algo general. Cuanto más específico sea sobre el beneficio de su imán de plomo, mejor convertirá los cables.
  4. Sé rápido de digerir – Las listas de verificación PDF tienden a convertirse realmente bien porque son muy rápidas y fáciles de digerir. Los libros electrónicos o los informes extensos pueden hacer que sus prospectos se sientan abrumados.
  5. Ser de alto valor – Su imán de plomo debe tener tanto un alto valor percibido como un alto valor real.
  6. Ser instantáneamente accesible – Su imán de plomo funcionará mejor si es algo que se puede entregar de inmediato. La gente ama la gratificación instantánea.
  7. Demuestre su experiencia o propuesta de valor única – cuando alguien consume su imán de plomo, debe demostrar su experiencia o su propuesta de valor única. Esto ayuda a convertir clientes potenciales en clientes en el futuro.

Una vez que haya creado un imán de plomo que siga los criterios anteriores, tendrá una CTA muy fuerte para su forma de optin.

Para obtener más información y toneladas de ideas geniales sobre el electrodo de plomo, consulte 69 Ideas altamente efectivas sobre imán de plomo para hacer crecer su lista de correo electrónico.

7. Falta una imagen óptima

La mayoría de las formas de optin pueden beneficiarse de una imagen apropiada. Sin embargo, muchos diseños optin no pueden usar imágenes de manera efectiva.

Para asegurarse de que su imagen funcione con su diseño optin, debería:

  1. Se relevante a la oferta – si su imagen no está relacionada con su oferta, habrá una desconexión discordante.
  2. Dispara la emoción deseada – no solo el sujeto de su imagen debe estar alineado con su oferta, sino que también debe desencadenar la emoción deseada de su cliente objetivo.
  3. Dibuja el ojo hacia la optin – particularmente si su imagen incluye a una persona, su línea de visión debe ser hacia la forma optin, no hacia afuera.
  4. Sé de alta calidad – tus imágenes deben verse profesionales si quieres que los visitantes confíen en ti (ten cuidado con las fotos cursis que tu audiencia no creerá).

Aquí hay un ejemplo de una imagen menos que ideal de Rentify.

Como puede ver, esta imagen parece profesional, sin embargo, el hombre de la imagen está mirando más allá de la forma optin. Esto se solucionaría fácilmente simplemente volteando la imagen horizontalmente.

Un mejor ejemplo es esta imagen de Chemistry.com.

La línea de visión conduce directamente hacia la forma optin, y la mujer tiene una expresión descarada en su rostro que evoca una emoción apropiada para un negocio de emparejamiento.

8. Demasiado texto

Cuando diseñe sus formularios de optin, resista la tentación de usar mucho texto. De hecho, cuanto más conciso sea su mensaje, es menos probable que lo arruine.

Verá, a la gente no le gusta leer mucho texto en una forma optin. El texto se vuelve abrumador, muy rápido. También hace que su diseño se vea desordenado y poco atractivo.

Si tu debe use algún texto adicional para describir una lista de beneficios, por ejemplo, luego cúmplase con viñetas. Las viñetas hacen que su copia sea más escaneable.

9. Copia poco clara

Al escribir su copia, asegúrese de que quede perfectamente claro de un vistazo lo que obtendrá el usuario cuando decida participar.

Eche un vistazo a este ejemplo de Detox Cleanse Nourish.

Este diseño optin no se ve mal en absoluto desde una perspectiva visual, pero a primera vista es difícil determinar cuál es exactamente la oferta. La imagen muestra un libro, pero el botón CTA dice "Registrarse ahora". ¿Por qué tendrías que "registrarte" para recibir un libro?

Continuando con el titular principal, me estoy confundiendo aún más. "Comience a perder grasa, aumente su energía y aprenda a comer para alimentar su cuerpo durante 24 días". Si bien estos parecen ser beneficios bastante buenos, no estoy del todo seguro qué es decir. ¿Es un desafío de algún tipo? ¿Por qué todavía no hay mención del libro?

Finalmente, leer el subtítulo deja en claro que obtendría acceso a un sitio de membresía, más el libro electrónico. El problema es que me tomó camino Demasiado tiempo para descubrirlo, y la mayoría de la gente simplemente no continuará observando su optin, a menos que sea evidente para ellos de un vistazo.

Más tarde, Detox Cleanse Nourish rediseñó esta página de optin y ajustó su copia. Echemos un vistazo a la iteración actual.

Como puede ver, la copia es mucho más clara y concisa. "Aprende cómo comer alimentos deliciosos y aún así obtener resultados" es un CTA mucho más centrado que lo que tenían anteriormente. El botón ahora dice "Comenzar ahora", que suena mucho más convincente (y menos confuso) que "Registrarse ahora".

Sin embargo, para hacer que este optin sea perfectamente claro, agregaría un pequeño pre-título justo encima del título principal que explica con precisión qué la oferta es (por ejemplo, "membresía gratuita" o "libro electrónico gratuito").

Para obtener más consejos para escribir su copia de Optin, consulte nuestra lista de verificación de 63 puntos para crear el formulario Optin definitivo (con ejemplos).

10. Pobre paleta de colores

"Los elementos estratégicamente colocados y las soluciones de color inteligentes transforman su mensaje de texto simple a un mapa visual. La selección cuidadosa del color, en combinación con elementos inteligentemente posicionados, le puede decir al usuario qué es interactivo, importante y dónde ir al instante. Ayuda a aclarar el recorrido del usuario y, en general, a mejorar la experiencia ".Amir Hamdi, Tornasol

Al elegir los colores para su optin, hay dos aspectos básicos a tener en cuenta. Si no tienes estas dos cosas, tus colores funcionarán contra tu optin.

  1. Color Harmony
  2. Contraste de color

Color Harmony

En primer lugar, si sus colores chocan entre sí, hará que su optin se vea poco atractivo y poco profesional.

Es por eso que es importante tener en cuenta la armonía del color al crear su paleta de colores.

La armonía de colores está usando reglas específicas para combinar los colores de una manera que parece armoniosa y agradable a la vista. Estas reglas, como complementarias, tríadas y análogas, usan la rueda de colores para determinar qué colores van a ir bien juntos.

Afortunadamente, hay algunas herramientas geniales que pueden ayudarlo a crear combinaciones de colores hermosas y armoniosas, incluso si no es diseñador. Aquí hay algunos que recomiendo:

  • Adobe Color CC – le ayuda a diseñar esquemas de color basados 鈥嬧媏n reglas análogas, de tríada, complementarias, monocromáticas, compuestas y de más color.
  • Coolors – un generador de esquema de color que le permite crear, guardar y compartir paletas perfectas en segundos /
  • COORDINADORES – Inspiración de paleta de colores de otros diseñadores.

Contraste de color

"Los colores tienen acciones definidas / estados de ánimo asociados con ellos, pero lo que la mayoría de las personas no se dan cuenta es que se trata más del contraste del color que del color en sí. Si puede hacer que los aspectos más importantes de su sitio, por ejemplo, su botón de CTA, se destaquen de la página, le da más importancia visual y hace que sea más probable que atraiga clics ".Donny Wilson, Diseño Vital

Junto con un esquema de color armonioso, un uso efectivo del contraste es crucial para lograr altas conversiones en su llamado a la acción.

Volviendo a nuestro ejemplo de Rentify anterior, observe cuántos elementos en la página optin tienen el mismo color naranja.

Debido a que hay mucho naranja, el botón "Comenzar" se pierde en la página.

Sin embargo, si mira la página de opciones actual de Rentify, verá un buen uso del contraste de color.
Ahora, el botón de CTA tiene un color verde brillante, que contrasta muy bien con el fondo gris oscuro.

Para obtener más información sobre los colores y sus llamadas a la acción, consulte ¿Qué botón de color se convierte mejor? Esto es lo que muestra la investigación.

11. Mala tipografía

"La tipografía puede ayudarlo a crear una jerarquía visual haciendo que los elementos más importantes se destaquen a través del tamaño, el color o el estilo".Ankit Oberoi, AdPushup

Hay miles de fuentes para elegir para su optin, pero desafortunadamente muchas de ellas son de mala calidad y extremadamente usadas en exceso.

Aquí hay algunas fuentes que debe evitar usar para sus diseños optin a toda costa …

  • Pincel de escritura
  • Papiro
  • Gill Sans
  • Nota de rescate
  • Trajano
  • Comic Sans
  • Franklin Gothic
  • Bradley Hand
  • mensajero

Otro error común es combinar demasiadas fuentes diferentes o fuentes que no se combinan bien juntas. En su lugar, busque diseñadores profesionales para la inspiración tipográfica.

100 Days of Fonts tiene 100 ideas diferentes para el emparejamiento de fuentes que puede usar para sus optins.


El Proyecto Tipográfico de Fuentes Web de Google es otro gran sitio para inspirarse, utilizando solo fuentes que están disponibles gratuitamente en Google Fonts.

12. No se está optimizando para dispositivos móviles

Especialmente con las nuevas reglas amigables para dispositivos móviles de Google para ventanas emergentes, es imperativo que optimice sus formularios optin para dispositivos móviles.

Si eres un usuario de Jared Ritchey, las opciones de lightbox son de escritorio solo de forma predeterminada.También puede crear formularios optin optimizados para dispositivos móviles y configurarlos para que se muestren de acuerdo con las reglas de Google.

Por ejemplo, al utilizar nuestro motor de reglas de visualización, puede configurar sus ventanas emergentes móviles para que aparezcan solo después de la vista de la 2ª página, solo después de que el usuario se desplace un 80% de la página, o solo a los visitantes que estén no llegando a tu página de Google.

Para obtener más recomendaciones sobre productos optin para dispositivos móviles, consulte nuestra publicación en Las nuevas reglas para dispositivos móviles de Google para ventanas emergentes.

13. No prueba A / B

Incluso después de seguir todas las recomendaciones enumeradas anteriormente para diseñar sus formularios optin, aún debe tomar decisiones basadas en datos. En lugar de simplemente adivinación que algo podría funcionar, deberías dividir tus formularios de prueba para ver qué De Verdad funciona para su sitio web y su audiencia.

Puedes ver lo fácil que es crear pruebas divididas con Jared Ritchey viendo el video a continuación.

¡Eso es! Compartimos 13 errores de diseño optin que incluso hacen los profesionales.

Ahora es tu turno. ¿Estás cometiendo alguno de estos errores? Si es así, siga nuestras recomendaciones anteriores y estará encaminado hacia un hermoso diseño de optin que convierte a más suscriptores de correo electrónico y clientes.

¿Necesita un constructor de diseño optin fácil de usar? ¿Qué hay de toneladas de plantillas diseñadas profesionalmente que se ha demostrado que aumentan las conversiones? Comienza a trabajar con Jared Ritchey hoy para crear formularios optin de alta calidad que se conviertan.

Ver el v铆deo: C贸mo cambiar el idioma de tu tema en WordPress

Like this post? Please share to your friends:
Deja un comentario

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: