Cómo crear una alfombra de bienvenida para su sitio WordPress (+ Ejemplos)

¿Quiere añadir un felpudo de bienvenida a pantalla completa a su sitio web?

Una alfombra de bienvenida es una superposición dinámica a pantalla completa que puede ayudarle a conseguir más suscriptores a boletines, descargas de libros electrónicos, ventas de sus productos y mucho más.

En este artículo, vamos a compartir cómo crear una alfombra de bienvenida para su sitio de WordPress, junto con algunos grandes ejemplos de alfombra de bienvenida para aprender.

Por qué un felpudo de bienvenida puede aumentar sus conversiones

Más del 70% de los visitantes que abandonan su sitio web en WordPress no volverán a menos que los convierta en suscriptores de correo electrónico o clientes.

Una alfombra de bienvenida es un intersticial grande, a pantalla completa, que bloquea la vista del resto del contenido de su sitio web para captar la atención del usuario.

Puede parecer una mala idea, pero es una forma estupenda de hacer llegar su mensaje a los visitantes de forma inmediata.

Si los visitantes no quieren lo que usted les ofrece, pueden simplemente cerrar la alfombra de bienvenida.

Por supuesto, querrá dar a la gente una buena razón para acceder si está mostrando una alfombra de bienvenida en lugar de una ventana emergente con intención de salida, como un código de descuento o incluso un regalo.

Por ejemplo, es posible que haya visto tiendas populares de comercio electrónico que ofrecen un descuento especial utilizando una alfombra de bienvenida a pantalla completa con ludificación.

En otros casos, habrás visto a blogueros populares utilizando una alfombra de bienvenida a pantalla completa para hacer crecer su boletín de correo electrónico.

Por ejemplo, puede ofrecer una guía gratuita o un archivo PDF a cambio de la dirección de correo electrónico del usuario.

Dicho esto, veamos cómo añadir fácilmente una alfombra de bienvenida a su sitio web.

Cómo crear una alfombra de bienvenida para su sitio web

La forma más fácil de crear una alfombra de bienvenida en WordPress es utilizar OptinMonster. Es el mejor software de generación de clientes potenciales del mundo y te permite crear fácilmente formularios optin, incluyendo alfombras de bienvenida.

Puedes leer nuestra reseña / valoración completa de OptinMonster para más detalles.

En primer lugar, deberá visitar el sitio web de OptinMonster y acceder a una cuenta. Necesitarás al menos el plan Basic para crear superposiciones a pantalla completa.

A continuación, tendrá que instalar y activar el plugin de WordPress OptinMonster. Para más detalles, consulte nuestra guía práctica sobre cómo instalar un plugin de WordPress.

El plugin conecta la aplicación OptinMonster a su sitio web. Una vez activado el plugin, verás el asistente de configuración en tu escritorio de WordPress. Sigue adelante y haz clic en el botón “Conecta tu cuenta existente”.

A continuación, se abrirá una nueva ventana.

Basta con hacer clic en el botón “Conectar con WordPress”.

Ahora, ya estás listo para crear tu alfombra de bienvenida.

Crear una alfombra de bienvenida para su sitio web

Puede encabezado a OptinMonster ” Campañas para crear una nueva campaña.

Siga adelante y haga clic en el botón “Crear su primera campaña” para empezar a crear su alfombra de bienvenida.

Ahora aparecerá una nueva ventana emergente en la que podrá seleccionar plantillas prediseñadas o elegir campañas e imanes de clientes potenciales listos para usar, inspirados en marcas de éxito. OptinMonster también te da la opción de contratar a un especialista para personalizar tus campañas.

Para este tutorial, utilizaremos la opción “Plantillas”.

Esto le llevará al maquetador de campañas de OptinMonster.

A continuación, seleccione “Pantalla completa” como tipo de campaña.

Tendrás que elegir una plantilla para tu campaña. Nosotros utilizaremos la plantilla ‘Entrada’, pero puedes elegir otra si lo deseas.

Una vez que haya seleccionado una plantilla, introduzca un nombre para su campaña y haga clic en el botón “Empezar a crear”.

A continuación, puede personalizar su campaña utilizando el editor de arrastrar y soltar. Aquí puedes cambiar lo que quieras.

Hay diferentes bloques que se pueden añadir a la campaña, como imágenes, texto, botones y mucho más. También querrás editar el texto para que se corresponda con tu oferta.

Simplemente haga clic en cualquier elemento y verá que puede editarlo en el panel izquierdo.

Por ejemplo, cambiaremos el titular de la alfombra de bienvenida a pantalla completa de nuestra campaña de demostración.

El siguiente paso es dejar que se deslice tu alfombrilla de bienvenida. Puede hacerlo al hacer clic en el icono del engranaje de ajustes situado en la parte inferior izquierda.

Desde aquí, tiene que activar la opción ‘¿Mostrar un deslizador de página?

Esto significa que su alfombra de bienvenida se deslizará hacia abajo desde la parte superior de la pantalla en lugar de desvanecerse a la vista.

A continuación, debe cambiar a la vista “Éxito” de su alfombrilla de bienvenida. Esto es lo que sus usuarios verán después de realizar la acción deseada. Si lo desea, puede personalizar la vista de éxito o utilizar la plantilla por defecto.

Una vez que estés satisfecho con tu alfombra de bienvenida, puedes establecer cómo se mostrará en tu sitio.

Mostrar la alfombra de bienvenida en su sitio WordPress

Puede establecer cómo mostrar su mensaje / ventana emergente de bienvenida cambiando a la pestaña “Reglas de visualización” en OptinMonster.

Existen muchas opciones de personalización y segmentación, como la ubicación de los usuarios, los artículos que tienen en su carrito de comercio electrónico, lo que han hecho anteriormente en su sitio, la intención de salida, etc.

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 se trata de una alfombra de bienvenida, probablemente querrá que se muestre inmediatamente. Cambia este valor a 0 segundos.

Por defecto, la alfombra de bienvenida se mostrará en todas las páginas de su sitio. Puede incluir o excluir fácilmente páginas específicas utilizando las reglas de personalización de OptinMonster.

Puedes hacer clic en el botón ‘¿Terminado? Ir a acciones’ cuando haya terminado.

A continuación, verás más opciones para mostrar tu campaña. Por ejemplo, puede añadir un efecto o reproducir un sonido cuando la campaña aparezca en la pantalla de un usuario.

Para este tutorial, utilizaremos los ajustes por defecto.

Si se desplaza hacia abajo, verá los ajustes de cookies para su campaña.

Por ejemplo, puede volver a mostrar su campaña si un usuario ya ha convertido después de un determinado número de días. Del mismo modo, también hay opciones para mostrar la campaña de nuevo a las personas que cerraron el mensaje / ventana emergente o lo vieron pero no convirtieron.

En la pantalla siguiente, verá un resumen de los ajustes de las reglas de visualización.

Puede editar los ajustes antes de publicar la campaña.

Una vez que esté listo para publicar su alfombra de bienvenida, simplemente vaya a la pestaña “Publicar” en la parte superior de la pantalla.

Siga adelante y cambie el estado de publicación de ‘Borrador’ a ‘Publicar’.

No olvide hacer clic en “Guardar” para guardar los cambios y cerrar el maquetador de campañas.

A continuación, verá los ajustes de salida de WordPress para su campaña. Asegúrese de que su campaña está publicada.

Si no es así, simplemente haga clic en el menú desplegable Estado y seleccione la opción “Publicado”. No olvide hacer clic en el botón “Guardar cambios” cuando haya terminado.

Para comprobar su campaña, puede visitar su sitio web en una nueva ventana de navegador / explorador de incógnito.

Debería ver su alfombrilla de bienvenida deslizarse sin problemas desde la parte superior de su pantalla.

Ejemplos de felpudos de bienvenida

Veamos algunos ejemplos de alfombras de bienvenida de distintos sectores. Para cada uno de ellos, repasaremos lo que hacen bien y los pequeños cambios que podríamos sugerir.

1. Singularidad

Esta alfombra de bienvenida de Singularity indicaba a los usuarios que se registraran y vieran la retransmisión en directo de la Cumbre Mundial de Singularity University. Tuvo un enorme éxito y captó más de 2.000 nuevas suscripciones por correo electrónico en menos de 9 días.

Nos gusta especialmente el buen uso del logotipo, las fuentes vaciadas y el brillante botón “Recuérdamelo”.

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 del sitio web.

Creemos que los botones “Sí” y “No, gracias” son claros y fáciles de usar, y el uso de números en el titular hace que la oferta sea atractiva.

3. AVweb

Este felpudo de bienvenida tiene la imagen grande y vaciada de un pequeño avión. Llama la atención al instante.

Nos gusta la buena imagen y la clara llamada a la acción “¡Apúntame! Un pequeño retoque posible sería acortar la descripción corta para evitar que cubra la parte superior de la imagen.

4. Paisajes cargados

Este felpudo de bienvenida de Loaded Landscapes es un poco diferente de otros ejemplos. El fondo es ligeramente transparente.

Nos gusta la oferta vaciada y el entusiasmo del botón rojo de llamada a la acción. Sin embargo, el fondo del sitio bajo la alfombra de bienvenida podría distraer un poco, por lo que valdría la pena cambiarlo para que fuera totalmente opaco.

5. OptimizarMyBnb

Esta alfombra de bienvenida se utilizó en una página específica, que se incluyó como enlace clicable dentro de un libro que el propietario del sitio web vendía a través de terceros minoristas. Sin embargo, estos minoristas no facilitaban los datos de los clientes. Utilizar una alfombra de bienvenida de esta forma ayudó a captar las direcciones de correo electrónico de los clientes.

Creemos que el titular, el subtítulo y el texto de llamada a la acción han funcionado bien, y que el botón “no, gracias” está bien utilizado para dar al usuario una sensación de FOMO.

Hay docenas más de ejemplos de alfombras de bienvenida a pantalla completa que puedes 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 específico
• Mostrar nuevos productos y servicios
• Informar a los visitantes de lo que pueden esperar del sitio.
• Gane nuevos suscriptores destacando sus mejores contenidos
• Dirija a los visitantes a sus perfiles en los medios sociales
• Recogida de suscriptores de correo electrónico en la fase previa al lanzamiento.

Si te tomas en serio el mejorar las conversiones de tu sitio web, entonces las alfombras de bienvenida e incluso las intersticiales de salida a pantalla completa son algunos de los elementos de mayor conversión que puedes añadir a tu sitio web.

Esperamos que este artículo te haya ayudado a aprender a crear una alfombra de bienvenida para tu sitio web y que los ejemplos te hayan resultado inspiradores. También puedes echar un vistazo a nuestra comparativa de los mejores servicios de marketing por correo electrónico y a nuestro listado de plugins imprescindibles para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.