¿Quieres añadir un alfombrilla de bienvenida a pantalla completa a tu página web?
Una alfombra de bienvenida es una superposición dinámica a pantalla completa que puede ayudarle a conseguir más suscriptores de boletines de noticias, descargas de libros electrónicos, ventas de sus productos, etc.
En este artículo, compartiremos cómo crear un tapete de bienvenida para tu sitio de WordPress junto con algunos ejemplos de tapetes de bienvenida de los que aprender.
Por qué una alfombra de bienvenida puede impulsar tus conversiones
Más del 70% de los visitantes que abandonan su sitio web nunca regresarán, a menos que los convierta en un suscriptor de correo electrónico o un cliente.
Un tapete de bienvenida es un gran intersticial a pantalla completa que bloquea la vista del resto del contenido de su sitio web para captar la atención del usuario.
Eso puede sonar como una mala idea, pero es una gran manera de hacer llegar tu mensaje a los visitantes de inmediato.
Si los visitantes no quieren lo que ofreces, pueden simplemente cerrar la alfombra de bienvenida.
Al igual que los popups de salida, las alfombras de bienvenida son efectivas para impulsar altas tasas de conversión.
Por supuesto, querrás darle a la gente una buena razón para inscribirse. Si no tienes un imán de plomo, puedes ofrecer un código de descuento o incluso un regalo.
Aquí hay dos ejemplos de alfombras de bienvenida muy diferentes que tienen tasas de conversión muy altas:
Lo anterior es un tapete de bienvenida que usamos en nuestro blog WPForms, y se convierte muy bien.
La siguiente captura de pantalla es una alfombra de bienvenida que usamos para darle a uno de nuestros imanes de plomo que hace un muy buen trabajo en hacer que los usuarios se unan a nuestro boletín de noticias por correo electrónico:
Dicho esto, veamos cómo añadir fácilmente un felpudo de bienvenida a su página web.
Cómo crear un tapete de bienvenida para tu página web
Primero, tienes que inscribirte en una cuenta de OptinMonster. Es el mejor software de generación de prospectos del mundo y te permite crear fácilmente formularios de optin incluyendo alfombras de bienvenida.
Nota: El fundador de WPBeginner, Syed Balkhi, construyó primero OptinMonster para ayudar a aumentar nuestros propios suscriptores y ventas. Ahora es un plugin premium que es usado por cientos de miles de sitios web.
A continuación, tendrás que instalar y activar el plugin OptinMonster WordPress. Para obtener más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
El plugin conecta la aplicación OptinMonster a su sitio web. Una vez que hayas activado el plugin, haz clic en el menú de OptinMonster en tu panel de control de WordPress para conectar tu cuenta.
Después de eso, estás listo para crear tu alfombra de bienvenida.
Creación de un tapete de bienvenida para su página web
En tu tablero de WordPress, haz clic en el botón «Crear nueva campaña» para empezar a crear tu alfombra de bienvenida.
Esto te llevará a la página web de OptinMonster.
A continuación, elige «Pantalla completa» para tu tipo de campaña.
Tendrá que elegir una plantilla para su campaña. Vamos a usar la plantilla de «Entrada», pero puedes elegir una diferente si quieres.
Después de hacer clic en el botón «Usar plantilla», verás una pantalla de construcción de campaña como esta:
Puedes cambiar lo que quieras aquí. Querrás editar el texto para que corresponda a tu propia oferta, por supuesto.
Simplemente haz clic en cualquier elemento y verás que puedes editarlo en el panel de la izquierda.
A continuación, vaya a Ajustes de Optina » Fondo de pantalla completa . Haz clic en «Color de fondo» y ajusta el valor de A (Alpha) a 100.
Esto asegura que su alfombra de bienvenida no será transparente en absoluto, por lo que no se verá el contenido de su sitio.
El siguiente paso es dejar que tu alfombra de bienvenida se deslice. Puedes hacerlo haciendo clic en el botón «Inicio» en el lado izquierdo y luego en «Configuración de pantalla completa».
A partir de aquí, debes activar la opción «Mostrar una diapositiva de página» para que sea verde.
Esto significa que su alfombra de bienvenida se deslizará desde la parte superior de la pantalla en lugar de desvanecerse a la vista.
A continuación, tienes que cambiar a la vista de «Éxito» de tu alfombra de bienvenida. Esto es lo que sus usuarios verán después de realizar la acción deseada.
Una vez que estés contento con tu alfombra de bienvenida, puedes configurar cómo se va a mostrar en tu sitio.
Conseguir que su alfombra de bienvenida se muestre en su sitio
Puedes configurar cómo quieres mostrar la ventana emergente de la alfombra de bienvenida cambiando a la pestaña de Reglas de visualización en OptinMonste.
Por defecto, las campañas de OptinMonster se muestran en todas las páginas de su sitio después de que el visitante haya estado allí durante 5 segundos. Como es un tapete de bienvenida, probablemente querrá que se muestre inmediatamente. Sólo cambia este valor a 0 segundos.
Por defecto, la alfombra de bienvenida se mostrará en cada página de su sitio. Puedes incluir o excluir fácilmente páginas específicas usando las reglas de personalización de OptinMonster.
Hay muchas otras opciones de personalización y orientación, como la ubicación del usuario, los artículos que tiene en su carrito de comercio electrónico, lo que ha hecho anteriormente en su sitio, etc.
Una vez que estés listo para hacer tu alfombra de bienvenida en vivo, simplemente haz clic en «Publicar» en la parte superior de la pantalla. Tendrás que cambiar la palanca junto a «Estado» para que muestre «En vivo».
No te olvides de hacer clic en «Guardar» para guardar los cambios.
Ahora, dirígete a tu sitio web de WordPress y haz clic en el menú de OptinMonster. Deberías ver tu campaña de alfombras de bienvenida, además de cualquier otra campaña que hayas creado.
Si no aparece, sólo tienes que hacer clic en «Actualizar campañas» para obtener datos de la página web de OptinMonster.
Para comprobar su campaña, puede visitar su sitio web en una nueva ventana del navegador de incógnito. Deberías ver tu alfombra de bienvenida deslizarse sin problemas desde la parte superior de tu pantalla.
Ejemplos de Grandes Esteras de Bienvenida
Veamos algunos ejemplos de alfombras de bienvenida de diferentes industrias. Para cada uno, revisaremos lo que están haciendo bien, además de cualquier cambio menor que podamos sugerir.
1. Singularidad
Esta alfombra de bienvenida de Singularity incitó a los usuarios a registrarse y ver la transmisión en vivo de la Cumbre Global de la Universidad de Singularity. Fue un gran éxito y capturó más de 2.000 nuevos registros de correo electrónico en menos de 9 días.
Nos gustó particularmente el gran uso del logo, las fuentes claras y el brillante botón «¡Recuérdame!».
2. Goins, Escritor
Esta alfombra de bienvenida de Goins, Writer ofrece una guía gratuita. Es una oferta clara y sencilla, y el diseño minimalista está en consonancia con el resto de la página web.
Nos pareció que los botones de «Sí» y «No gracias» son claros y fáciles de usar, y el uso de números en el titular hace una oferta convincente.
3. AVweb
Esta alfombra de bienvenida tiene una imagen grande y clara de un pequeño avión. Es instantáneamente llamativa.
Nos gustó la gran imagen, y la clara llamada a la acción de «¡Inscríbeme!». Un posible pequeño ajuste sería acortar el eslogan para evitar que cubra la parte superior del avión.
4. Paisajes cargados
Esta alfombra de bienvenida de Paisajes Cargados es un poco diferente a otros ejemplos. El fondo es ligeramente transparente.
Nos gustó la clara oferta y el entusiasmo del botón rojo de llamada a la acción. El fondo del sitio bajo la alfombra de bienvenida podría distraer un poco, por lo que podría valer la pena cambiarlo para que sea totalmente opaco, sin embargo.
5. OptimizarMiBnb
Esta alfombra de bienvenida se utilizó en una página específica, enlazada desde un libro que el propietario del sitio web vendió a través de terceros minoristas. Sin embargo, estos minoristas no pasaban los detalles de los clientes. Usar un tapete de bienvenida de esta manera ayudó a capturar las direcciones de correo electrónico de los clientes.
Sentimos que el titular muy claro, el subtítulo y el texto de la llamada a la acción funcionaron bien. Sin embargo, pensamos que «ítem» en el botón debería ser probablemente «ítem» en plural. Esto resalta la importancia de revisar cuidadosamente el texto de la alfombra de bienvenida.
Hay docenas de ejemplos más de alfombras de bienvenida en pantalla completa que pueden ver, pero no los hemos añadido todos en esta guía.
Si buscas más inspiración, aquí tienes algunas cosas que puedes hacer con una alfombra de bienvenida a pantalla completa:
- Presentar una oferta o un cupón dirigido
- Mostrar nuevos productos y servicios
- Deje que los visitantes sepan qué esperar del sitio
- Gana nuevos suscriptores destacando sus mejores contenidos
- Apuntar a los visitantes a sus perfiles de medios sociales
- Recopilar suscriptores de correo electrónico como parte de una fase de prelanzamiento
Si realmente quieres mejorar las conversiones de tu sitio web, entonces la alfombra de bienvenida e incluso el intersticial de salida a pantalla completa son uno de los elementos de mayor conversión que puedes añadir a tu sitio web.
Esperamos que este artículo le haya ayudado a aprender a crear un tapete de bienvenida para su sitio web y que haya encontrado los ejemplos inspiradores. También puede que quieras echar un vistazo a nuestra comparación de los mejores servicios de email marketing y nuestra lista de los imprescindibles plugins de WordPress.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver los video tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.
Deja una respuesta