Cómo crear formularios de suscripción de correo electrónico optimizados para dispositivos móviles en WordPress РMailPoet

¬ŅQu√© pasar√≠a si le dijera que podr√≠a estar perdiendo la oportunidad de convertir aproximadamente la mitad de los visitantes de su sitio web en suscriptores de correo electr√≥nico?

Eso suena hiperb√≥lico, pero si no tiene formularios de suscripci√≥n de correo electr√≥nico compatibles con dispositivos m√≥viles, ese podr√≠a ser el caso … o, en el mejor de los casos, podr√≠a estar creando una experiencia sub√≥ptima para la mitad de sus visitantes.

De cualquier manera, no es algo a lo que debas aspirar, por eso estamos aquí para explicarte por qué debes preocuparte por los visitantes móviles cuando creas tus formularios de suscripción y cómo puedes crear formularios de suscripción que sigan creando un gran experiencia para sus visitantes móviles.

Vamos a profundizar en…

Por qué es importante tener formularios de registro de correo electrónico optimizados para dispositivos móviles

Desde aproximadamente ~ 2017, los dispositivos m√≥viles han representado m√°s de la mitad del tr√°fico mundial del sitio web, alrededor de ~ 51% para ser exactos. seg√ļn Statista.

Si su objetivo es maximizar la cantidad de registros de correo electrónico que recibe, debe prestar especial atención a los visitantes móviles. Después de todo, si ignora la mitad de sus posibles registros, sus tasas de conversión generales obviamente se verán afectadas.

Además, la experiencia de interactuar con un formulario es radicalmente diferente entre las computadoras de escritorio y los dispositivos táctiles móviles.

Hay cierta superposición en términos de redacción y colores, pero también hay grandes diferencias.

Por ejemplo, las ventanas emergentes, que pueden ser bastante efectivas en el escritorio, pueden representar un problema para los visitantes de dispositivos móviles (¡y también hacer que lo golpeen con una penalización en Google!). Del mismo modo, los usuarios de teléfonos inteligentes pueden tocar fácilmente los botones que son fáciles de hacer clic para los usuarios del mouse.

Para resumir:

  • Es probable que un porcentaje significativo del tr√°fico de su sitio web provenga de personas en dispositivos m√≥viles, alrededor del 51% en promedio.
  • Los usuarios de dispositivos m√≥viles tienen experiencias diferentes a las de los usuarios de computadoras de escritorio, por lo que no puede aplicar exactamente las mismas t√°cticas / formatos.

Y es por eso que es importante prestar atenci√≥n al dise√Īo m√≥vil de sus formularios de suscripci√≥n de correo electr√≥nico.

Cinco mejores prácticas para crear formularios de suscripción de correo electrónico optimizados para dispositivos móviles

Ahora que sabe por qu√© son importantes sus formularios m√≥viles, veamos c√≥mo puede dise√Īar mejor sus formularios para sus visitantes m√≥viles.

Antes de entrar en las mejores pr√°cticas, probablemente deber√≠amos mencionar que, si est√° utilizando MailPoet, nuestro generador de formularios integrado ya implementa estas mejores pr√°cticas para usted. Entonces, si no quiere meterse con ellos usted mismo, usar MailPoet le brinda una manera f√°cil de comenzar, m√°s sobre eso m√°s adelante ūüėä

1. Tenga en cuenta la penalización por ventanas emergentes móviles de Google

Para los visitantes de escritorio, los formularios emergentes de suscripción voluntaria son una táctica increíblemente popular, por lo que es fácil pensar que puede transferir esta misma estrategia a sus visitantes móviles.

Desafortunadamente, eso es no el caso por una gran razón: la penalización de las ventanas emergentes móviles de Google.

En pocas palabras, si dificulta que los usuarios interact√ļen con su contenido despu√©s de hacer clic en √©l en los resultados de b√ļsqueda de Google, eso afectar√° negativamente su clasificaci√≥n de SEO. O, en palabras de Google:

Actualizaci√≥n del 10 de enero de 2017: A partir de hoy, es posible que las p√°ginas en las que el contenido no sea de f√°cil acceso para un usuario durante la transici√≥n desde los resultados de b√ļsqueda m√≥vil no tengan una clasificaci√≥n tan alta.

B√°sicamente, si un usuario hace clic en su sitio en los resultados de b√ļsqueda m√≥vil de Google, pero necesita interactuar con una ventana emergente antes de pueden interactuar con su contenido, eso perjudicar√° su clasificaci√≥n.

Si est√° utilizando MailPoet para crear sus formularios de suscripci√≥n m√≥vil, no necesita preocuparse por la penalizaci√≥n emergente porque hemos dise√Īado todos nuestros formularios para evitar problemas. Cubriremos esto m√°s adelante cuando le mostremos c√≥mo crear un formulario de suscripci√≥n m√≥vil con MailPoet, pero esta es la idea b√°sica …

Digamos que usa MailPoet para crear un formulario de suscripción emergente. Para los visitantes de escritorio, el formulario se muestra como una ventana emergente modal de caja de luz. Los visitantes deben interactuar con el formulario para volver a su contenido, ya sea llenándolo o cerrándolo:

Version de escritorio

Sin embargo, en dispositivos m√≥viles, ese mismo formulario aparecer√° pegado en la parte inferior de la pantalla. Todav√≠a mas o menos parece una ventana emergente, pero la diferencia clave es que no interfiere con la experiencia del usuario. Incluso si el usuario no interact√ļa con el formulario de suscripci√≥n, a√ļn puede desplazarse e interactuar con el contenido. Debido a esta diferencia clave, no tendr√° ning√ļn problema con la penalizaci√≥n de Google:

Version móvil

2. Limitar los campos de entrada del formulario

Limitar la cantidad de campos de formulario que tiene es generalmente una buena práctica para aumentar las tasas de conversión de suscripción, pero esto es especialmente cierto para los visitantes de dispositivos móviles donde escribir entradas de formulario no es muy fácil de usar.

B√°sicamente, desea mantener sus formularios de suscripci√≥n lo m√°s cortos posible; idealmente, solo un campo de correo electr√≥nico o un campo de nombre √ļnico en la parte superior si desea recopilar informaci√≥n de contacto adicional.

3. Experimente con tipos de formulario

En el escritorio, tiene muchas opciones diferentes para la ubicaci√≥n de formularios de suscripci√≥n. Puede hacer ventanas emergentes, diapositivas, barras de notificaci√≥n, tapetes de bienvenida y m√°s. En dispositivos m√≥viles, sus opciones son un poco m√°s limitadas debido a la penalizaci√≥n de las ventanas emergentes de Google y, en general, a las limitaciones de los dispositivos t√°ctiles de pantalla peque√Īa.

Sin embargo, eso no significa que no tenga opciones, y vale la pena experimentar con diferentes tipos de suscripciones. Incluso puede encontrar formas más optimizadas para dispositivos móviles de implementar esas tácticas de escritorio comunes.

Por ejemplo, el ¬ętapete de bienvenida¬Ľ es una t√°ctica popular de suscripci√≥n por correo electr√≥nico para los visitantes de escritorio, pero en realidad no se traduce bien para los visitantes m√≥viles. Backlinko evita esta limitaci√≥n creando un formulario de suscripci√≥n en el encabezado que ocupa la pantalla completa en los dispositivos m√≥viles.

Se siente como un tapete de bienvenida / relleno de pantalla completa, pero est√° en un paquete mucho m√°s f√°cil de usar (y no hay ventanas emergentes involucradas). Todo lo que los visitantes deben hacer es desplazarse hacia abajo para acceder al contenido completo; nunca est√°n ¬ębloqueados¬Ľ como lo estar√≠an con un relleno de pantalla completa en el escritorio:

Formulario de suscripción de backlinko móvil

Tambi√©n puede seguir jugando con t√°cticas como las suscripciones de dos pasos. Por ejemplo, OptinMonster todav√≠a utiliza una opci√≥n de participaci√≥n en dos pasos incluso para los visitantes m√≥viles. Sin embargo, la clave es que la ¬ęventana emergente¬Ľ a√ļn no bloquea al usuario para que no interact√ļe con el contenido (recuerde: desea evitar la penalizaci√≥n de la ventana emergente m√≥vil de Google):

Formulario de suscripción móvil de OptinMonster

Y para ver un ejemplo más, vea cómo WooCommerce usa una especie de barra de notificación de dos pasos. Al igual que con las otras tácticas, no interfiere con los usuarios que navegan por el contenido. Pero si los usuarios hacen clic en el botón en el mensaje de correo electrónico, se abrirá el formulario de suscripción de correo electrónico real:

Formulario de suscripción móvil de WooCommerce

4.Haga que su botón de envío sea táctil

Como usuario de dispositivos m√≥viles, es muy frustrante intentar enviar un formulario solo para ¬ędedo gordo¬Ľ el bot√≥n de env√≠o y estropear algo (a veces resulta en la p√©rdida de los datos del formulario, ¬°ay!).

En todos los ejemplos anteriores, puede ver un principio com√ļn: un bot√≥n de env√≠o grande, grueso y f√°cil de hacer clic.

Seg√ļn estudios en este estudio, que encontr√© en este art√≠culo de UX Movement, el tama√Īo √≥ptimo del bot√≥n para los usuarios es de alrededor de 60 px, con un espacio m√≠nimo de 12 px entre el bot√≥n y otros elementos en los que se puede hacer clic.

Por lo tanto, al dise√Īar su suscripci√≥n m√≥vil, aseg√ļrese de que su bot√≥n toque ese punto ideal para que los usuarios no tengan problemas al enviar sus formularios.

5. Presta atención a la tipografía

Junto con el tama√Īo de los botones de su formulario, la tipograf√≠a es otra consideraci√≥n importante para hacer que sus formularios sean compatibles con dispositivos m√≥viles.

Empecemos por el tama√Īo …

En general, 16 px es un buen tama√Īo de fuente m√≠nimo para sus formularios de suscripci√≥n m√≥vil. Si es m√°s peque√Īo que eso, sus visitantes podr√≠an tener dificultades para leer el formulario.

M√°s all√° del tama√Īo, tambi√©n existen otras consideraciones tipogr√°ficas importantes para que sus visitantes comprendan r√°pidamente su formulario de suscripci√≥n. Nielsen Norman Group ha una buena discusi√≥n de esto aqu√≠ basado en investigaciones del MIT, pero las ideas b√°sicas son:

  • Evite el uso de fuentes condensadas porque esto dificulta a los visitantes la lectura de texto en el m√≥vil.
  • Evite usar todo en min√ļsculas, ya que esto tambi√©n lo hace m√°s dif√≠cil.
  • Considere todas las may√ļsculas para el contenido importante (como su bot√≥n y el t√≠tulo de su suscripci√≥n), ya que todo el texto en may√ļsculas result√≥ en la comprensi√≥n m√°s r√°pida. Sin embargo, no debe usar todo en may√ļsculas para bloques de texto largos.

Cómo crear su primer formulario de suscripción de correo electrónico móvil

Si está utilizando MailPoet para administrar sus esfuerzos de marketing por correo electrónico de WordPress, MailPoet facilita la creación de formularios de suscripción de correo electrónico aptos para dispositivos móviles. Nuevamente, si crea un formulario a través de MailPoet, MailPoet implementará automáticamente muchas de estas mejores prácticas para crear una excelente experiencia móvil sin necesidad de mover un dedo.

Por ejemplo, no tendr√° que preocuparse por la penalizaci√≥n de las ventanas emergentes m√≥viles de Google porque MailPoet ya se encarga de crear un dise√Īo compatible con dispositivos m√≥viles que no lo meter√° en problemas.

Para comenzar, aseg√ļrese de instalar el complemento gratuito MailPoet y configurar lo b√°sico – echa un vistazo nuestra gu√≠a de inicio si necesita una mano amiga.

A partir de ah√≠, aqu√≠ le mostramos c√≥mo configurar r√°pidamente su formulario …

1. Crea un formulario nuevo

Para empezar, vaya a MailPoet ‚Üí Formularios ‚Üí Nuevo formulario:

Crea un formulario nuevo

2. Elija su plantilla y tipo de participación

A continuación, puede elegir el tipo de suscripción que desea crear. Para cada tipo, también verá un montón de plantillas que puede elegir para comenzar rápidamente. O siempre puede comenzar con un formulario en blanco.

Usted puede escoger ninguna tipo de formulario aquí. Recuerde, MailPoet se encargará automáticamente de la parte compatible con dispositivos móviles por usted. Entonces, incluso si usted, por ejemplo, elige un Surgir formulario, no tiene que preocuparse por molestar a sus visitantes móviles (recuerde ese ejemplo que le mostramos en la sección sobre la penalización de la ventana emergente móvil de Google):

Elija una plantilla de formulario de respuesta móvil

3. Personalizar el contenido del formulario

Una vez que elija su plantilla, puede usar el editor de bloques nativo de WordPress para personalizar todo el contenido en su formulario. Adem√°s de los bloques nativos, MailPoet tambi√©n agrega sus propios bloques para ayudarlo a trabajar con cosas como la forma …

Deja un comentario