Cómo crear un tapete de bienvenida hambriento de conversiones para su sitio de WordPress

Publicado: 2016-07-01

¿Que es eso? ¿Le preocupa que su sitio de WordPress no se esté convirtiendo lo suficientemente bien?

¿Crees que las personas no entienden completamente de qué se trata tu sitio cuando llegan a la página de inicio, o cualquier otra página?

En ese caso, necesita una alfombra de bienvenida.

Sé que sé. Suena como otro complemento que saturará tu sitio, pero créeme, esta es una parte esencial para llevar tu presencia en línea a nuevos niveles. Y es gratis.

¿Cuál es la gran idea de tener un tapete de bienvenida en su sitio de WordPress?

Para comenzar esta conversación, es bueno ver algunos ejemplos de tapetes de bienvenida de personas y organizaciones que los usan. Elegimos algunos sitios bastante populares para mostrar que los bloggers, las tiendas en línea y otras empresas más exitosas saben que es más probable que se produzcan conversiones cuando usan una alfombra de bienvenida.

Para comenzar, tenemos la página de inicio de QuickSprout, que presenta un tapete de bienvenida que solicita las URL de los usuarios. Esta es una versión única del tapete de bienvenida porque intenta que las personas entren en un embudo de ventas donde QuickSprout accede a los datos analíticos de los usuarios para ayudarlos en el futuro.

Tapete de bienvenida QuickSprout

El siguiente tapete de bienvenida está en el sitio web de Jeff Goins, donde explica de qué se trata el sitio web y también solicita una dirección de correo electrónico.

Alfombra de bienvenida de Jeff Goins

Michael Hyatt tiene un tapete de bienvenida similar, pero enumera sus logros (construyendo credibilidad) al tiempo que proporciona un botón para que las personas descarguen una guía gratuita para reducir el tiempo libre de una semana laboral.

Alfombra de bienvenida Michael Hyatt

Finalmente, la empresa SumoMe (creadora del complemento de alfombra de bienvenida que vamos a utilizar) solicita una URL del sitio para analizar cómo los usuarios pueden mejorar el tráfico de su sitio.

Alfombra de bienvenida de la empresa SumoMe

Notará algunas áreas que son similares en cada una de las alfombras de bienvenida:

  • Todos tienen una cantidad mínima de texto.
  • Todos ellos proporcionan elementos visuales.
  • Cada uno de ellos ocupa toda la pantalla de inicio.
  • Cada tapete de bienvenida está tratando de lograr algo (ya sea adquirir direcciones de correo electrónico, URL, etc.)
  • El texto de la llamada a la acción se incluye con encabezados en negrita y descripciones breves.

Entonces, ¿cuál es la gran idea de las alfombras de bienvenida? ¿Cuál es el punto de tenerlos en su sitio web?

En primer lugar, se ha demostrado que aumentan sus conversiones, sean las que sean. Sin embargo, también lo alientan, como webmaster, a tener un objetivo con su página de inicio. Si simplemente está ejecutando un blog sin un propósito, no puede esperar lograr mucho éxito.

Por lo tanto, es esencial determinar si desea que las personas compartan su página en las redes sociales, entreguen sus direcciones de correo electrónico, descarguen un artículo gratuito o compren un producto.

El tapete de bienvenida sirve como una forma de representar de inmediato lo que los usuarios pueden esperar en su sitio web, al mismo tiempo que acumula información de las partes interesadas.

Uno de los argumentos más comunes en contra de tener un tapete de bienvenida es que parece que molestaría a los usuarios. Claro, ese puede ser el caso, pero es un pequeño precio a pagar por la cantidad de conversiones que acumula para usted.

¿Cómo puede una alfombra de bienvenida mejorar sus conversiones?

El tapete de bienvenida es simplemente otro término para una pantalla de inicio de pantalla completa, un módulo emergente o incluso una página de destino más simplificada.

A pesar de que los visitantes del sitio web informan que prefieren no tener que salir de una alfombra de bienvenida o una pantalla de inicio, los sitios web generalmente informan que las conversiones se duplican o triplican al implementar una.

Esta es una gran mejora, y si alguien está tan desanimado por una alfombra de bienvenida que nunca más vuelve a su sitio, probablemente no se convertiría en uno de sus VIP en primer lugar.

Cómo crear un tapete de bienvenida para su propio sitio de WordPress

Encontrará algunas opciones para tapetes de bienvenida, ventanas emergentes de formularios de suscripción por correo electrónico y otros complementos similares, pero vamos a utilizar la solución SumoMe Welcome Mat para este tutorial.

¿Por qué? Por algunas razones:

  • Es completamente gratis. (Con una versión premium opcional)
  • Puede duplicar o triplicar su tasa de conversión.
  • El diseño es totalmente personalizable.
  • Las pruebas A/B son una opción.
  • También se proporciona soporte móvil.

Bonificación: [thrive_2step id='878′] Haga clic aquí para descargar una copia impresa [/thrive_2step] de esta sencilla guía paso a paso del tapete de bienvenida de SumoMe y guárdela fácilmente como PDF o imprímala para usarla más adelante.

Paso 1: descargue la aplicación SumoMe Welcome Mat e instálela

Página de descarga de la alfombrilla de bienvenida de SumoMe

Haga clic en este enlace para navegar hacia la página de inicio del tapete de bienvenida de SumoMe. Esta área explica muchas de las características y beneficios del Tapete de bienvenida, así que si lo desea, siéntase libre de navegar.

Seleccione el botón verde grande Pruébelo gratis.

Esto abre una ventana emergente que le solicita que ingrese la URL de su sitio, la dirección de correo electrónico y la nueva contraseña. Asegúrate de usar una dirección de correo electrónico real y haz que tu contraseña sea segura para que las personas no puedan acceder a ella. Lo último que desea es que un pirata informático cambie el mensaje que da la bienvenida a las personas a su sitio.

SumoMe: comience en 37 segundos

Una vez completada toda su información, haga clic en el botón Registrarse.

La siguiente pantalla puede sorprenderte, ya que parece que tienes que pagar un plan. Los tres planes de SumoMe son bastante sólidos y puedes probarlos todos con la prueba de 14 días. Sin embargo, la mayoría de las herramientas de Welcome Mat se proporcionan con la versión gratuita, así que haga clic en el botón en la parte inferior de la página. Dice "O simplemente continúa con SumoMe gratis".

Planes SumoMe - Continuar con SumoMe Gratis

El paso final de la instalación requiere que copie y pegue un poco de código en el <head> del HTML de su sitio. También tiene la posibilidad de pasar por la instalación de WordPress con un solo clic, que puede ver justo debajo del código.

Instalación del código SumoMe

Aunque este tutorial cubrirá la instalación de WordPress, SumoMe también tiene instalaciones con un solo clic para las siguientes plataformas:

  • espacio cuadrado
  • Administrador de etiquetas de Google
  • Shopify
  • Weebly
  • Tumblr
  • bloguero

Como se indicó, copiar el código en el <head> de su HTML es una opción, pero realmente no tiene sentido considerando que tiene un camino mucho más fácil con la instalación con un solo clic.

Por lo tanto, haga clic en el botón de WordPress.

Seleccione el botón Instalar SumoMe.

Instalar SumoMe

Nota al margen: si prefiere instalar el complemento SumoMe usted mismo, no dude en descargarlo aquí mismo.

Después de seleccionar el botón Instalar SumoMe, esto lo redirige al backend de su sitio web de WordPress. Es posible que deba iniciar sesión en el tablero.

Seleccione el botón Instalar ahora, luego haga clic en Activar complemento en la página siguiente.

Botón Instalar ahora

¡Felicidades! Todo el complemento SumoMe ahora está instalado y activado en su tablero.

Paso 2: Registre su cuenta de SumoMe e instale la aplicación adecuada

Si observa el lado izquierdo de su tablero de WordPress, notará una nueva pestaña de SumoMe en la barra de tareas. Haga clic en esto.

Se presentan varios pasos para que los siga, pero no tiene que seguirlos. Vaya al lado derecho de la pantalla y desplácese sobre la escritura azul que dice Haga clic aquí para configurar SumoMe. Esto revela una corona azul que se desplaza desde un lado. Seleccione esa corona.

Haga clic aquí para configurar la captura de pantalla de SumoMe

Como ya creó una cuenta de SumoMe en su sitio web, inicie sesión en su cuenta con su dirección de correo electrónico y contraseña.

Captura de pantalla de inicio de sesión de SumoMe

Presione el botón Iniciar sesión después de eso.

Activar la captura de pantalla del sitio

Use el menú desplegable para ubicar el sitio que desea activar. Luego haga clic en el botón Activar ahora.

Esto abre un módulo con algunas opciones. Puede cambiar su Configuración si lo desea, pero el botón principal que querrá presionar ahora es la Tienda Sumo. Aquí es donde puedes activar algunas de las diversas aplicaciones de SumoMe que tienen disponibles.

Captura de pantalla de la tienda SumoMe

Una vez que ingrese a la Tienda de Sumo, verá la opción gratuita de Tapete de bienvenida en la parte superior. Después de este tutorial, puede probar algunas de las otras aplicaciones, como:

  • Generador de listas
  • Cuadro de desplazamiento
  • Barra inteligente
  • Correo electrónico profesional
  • Mapas de calor
  • Resaltador
  • Welcome Mat Pro (si está buscando más funciones con Welcome Mat)

Sin embargo, en este momento todo lo que necesita hacer es hacer clic en el icono gratuito de Welcome Mat.

Haga clic en el icono gratuito de la alfombrilla de bienvenida

Seleccione el botón azul Gratis en el extremo derecho de la nueva página.

Seleccione el botón azul Gratis

Después de eso, debería aparecer un mensaje corto que indica que el Tapete de Bienvenida ha sido instalado en su sitio web.

Paso 3: Diseñe su Tapete de Bienvenida

Sal de la página de instalación y vuelve al módulo de inicio de SumoMe. Haga clic en el nuevo ícono de Tapete de bienvenida para continuar.

Haga clic en el nuevo ícono de Welcome Mat para continuar

Es posible que aparezca otra ventana emergente para intentar que pague uno de los planes. Omita esto y continúe con la alfombra de bienvenida gratuita. Ahora verá una página con varias pestañas en el lado izquierdo. El interruptor rojo indica que el tapete de bienvenida aún no está activo en su sitio.

Vaya a la pestaña Diseño. Seleccione una de las plantillas para su diseño. Tenga en cuenta que la mayoría de las plantillas solo se proporcionan con la versión de pago. Sin embargo, puede realizar algunas personalizaciones sólidas para satisfacer sus necesidades de marca a través de la versión gratuita.

Vaya a la pestaña Diseño y seleccione una de las plantillas.

Aunque algunas de las funciones más avanzadas (como las imágenes de fondo personalizadas) son opciones premium, puede configurar las siguientes áreas para que el tapete de bienvenida se vea como usted desea:

  • Color de fondo
  • Imagen de fondo
  • Bóveda
  • Texto
  • fuentes
  • Colores
  • Texto del campo de entrada
  • Botón de opción
  • Botón de exclusión
  • botón cerrar

Recuerde: el sistema tiene una vista móvil a la que puede acceder. Pruébelo antes de poner en marcha su alfombra de bienvenida.

Prueba en vista móvil

Finalmente, después de modificar algo en cada una de estas pestañas, asegúrese de hacer clic en el botón Guardar en la parte inferior derecha del módulo emergente. De lo contrario, nada se guarda cuando pasa a la siguiente pestaña.

Paso 4: personaliza los campos

Esta es una función premium, pero vale la pena investigarla si planeas seguir ese camino. La mayoría de los webmasters simplemente querrán obtener una dirección de correo electrónico de los usuarios cuando lleguen a su sitio web. Sin embargo, tiene la opción de solicitar elementos como nombres, números de teléfono, URL o incluso direcciones físicas.

Personaliza los campos

Para hacerlo, seleccione el botón Agregar campo y especifique el tipo de campo que desea crear. Tiene la opción de hacer que el campo sea obligatorio, junto con la configuración del campo y los nombres de las variables.

Paso 5: haga que su alfombra de bienvenida sea menos molesta

Como discutimos anteriormente, algunos usuarios pueden encontrar un tapete de bienvenida un poco molesto. Por lo tanto, es bueno no mostrar el mensaje de la alfombra de bienvenida a las personas que ya lo han visto.

Seleccione la pestaña Comportamiento y elija durante cuánto tiempo NO desea mostrar el tapete de bienvenida a un visitante que ya lo haya visto. Por ejemplo, puede eliminarlo durante un mes si un usuario ha decidido omitirlo una vez. Después de ese mes, vuelve a aparecer en un intento de recuperar esa valiosa dirección de correo electrónico.

Haga que su alfombra de bienvenida sea menos molesta

Esta página también tiene algunas herramientas útiles para lo siguiente:

  • Mostrar o no mostrar el tapete si alguien ya está suscrito
  • Eliminar la capacidad de alejarse de la alfombra de bienvenida (esencialmente, convertirla en una página de destino permanente)
  • Redirigir a otra URL después de una suscripción
  • Recibir una notificación cuando alguien se suscriba a tu lista

Pulse el botón Guardar después de haber completado este paso.

Paso 6: conéctese con su servicio de correo electrónico

Muchas otras características están incluidas en la solución SumoMe. Por ejemplo, puede administrar pruebas A/B, reglas de visualización, código personalizado y píxeles de seguimiento. Sin embargo, la última pestaña esencial se llama Servicios.

Conéctese con su servicio de correo electrónico

Dado que debe tener un servicio de correo electrónico para recopilar sus correos electrónicos, le recomendamos que haga clic en una de las opciones. Tienen servicios como MailChimp, AWeber y Constant Contact. Debe tener una de esas cuentas ya configurada, ya que es solo un proceso de un clic en el que ingresa sus credenciales de inicio de sesión.

Paso 7: activa el tapete de bienvenida

Una vez que haya desarrollado el felpudo de bienvenida perfecto, navegue hasta el pequeño interruptor en la esquina superior izquierda y haga clic en él. Esto lo vuelve verde y muestra un mensaje Activo. Finalmente, vaya a la interfaz de su sitio para ver cómo se ve. Recomendamos probarlo para ver si la herramienta de recopilación de correo electrónico funciona para usted. De lo contrario, ¡felicidades por hacer tu primer tapete de bienvenida!

Activar la alfombra de bienvenida

Bonificación: [thrive_2step id='878′] Haga clic aquí para descargar una copia impresa [/thrive_2step] de esta sencilla guía paso a paso del tapete de bienvenida de SumoMe y guárdela fácilmente como PDF o imprímala para usarla más adelante.

¿Cuáles son algunas otras aplicaciones y complementos geniales para una alfombra de bienvenida?

Aunque no todos estos están diseñados específicamente como tapetes de bienvenida, funcionan como ventanas emergentes de suscripción por correo electrónico, llamadas a la acción y páginas de compresión, lo que permite la máxima bienvenida a su sitio web.

  • Prosperar clientes potenciales

  • OptinMonster

  • LeadPages

¿Tiene alguna pregunta sobre las alfombras de bienvenida para WordPress?

Aprender a crear un tapete de bienvenida para su sitio de WordPress tiene muchas ventajas, incluida la capacidad de presentar lo que las personas pueden obtener de su sitio, al mismo tiempo que mejora sus conversiones. La mejor parte es que no tienes que pagar con SumoMe a menos que realmente quieras comenzar a mejorar tus opciones de personalización. Incluso entonces, es bastante asequible.

Si tiene alguna pregunta sobre cómo hacer su propia alfombra de bienvenida, no dude en dejarnos un mensaje en la sección de comentarios a continuación. De lo contrario, háganos saber lo que piensa sobre SumoMe y la herramienta de bienvenida.