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

¿Quiere agregar un bloque de bienvenida de pantalla completa a su sitio web?

Welcome Pad es una superposición dinámica de pantalla completa que puede ayudarlo a obtener más suscriptores de boletines, descargas de libros electrónicos, ventas de productos y más.

En este artículo, compartiremos cómo crear una alfombra de bienvenida para su sitio de WordPress, junto con algunos excelentes ejemplos de una almohadilla de bienvenida de la que aprender.

Por qué los paneles de bienvenida pueden aumentar sus conversiones

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

El panel de bienvenida es un gran protector de pantalla de pantalla completa que bloquea la visualización del resto de su sitio web para captar la atención del usuario.

Esto puede sonar como una mala idea, pero es una excelente manera de transmitir su mensaje a sus visitantes de inmediato.

Si los visitantes no quieren lo que tiene para ofrecer, simplemente pueden apagar el tapete de bienvenida.

Al igual que las ventanas emergentes, los paneles de bienvenida son efectivos para aumentar las tasas de conversión.

Por supuesto, querrás darles a las personas una buena razón para registrarse. imán de plomoy luego puede ofrecer códigos de descuento o incluso gratuitos.

Aquí hay dos ejemplos muy diferentes de tapetes de bienvenida que se están volviendo muy bienvenidos:

Lo anterior es lo que tenemos en el nuestro. lista de trabajo Blog, convierte bien.

La captura de pantalla a continuación es un panel de bienvenida que usamos para regalar uno de nuestros principales imanes y hace un gran trabajo al lograr que los usuarios se unan a nuestro boletín de correo electrónico:

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

Cómo hacer un tapete de bienvenida para tu sitio web

En primer lugar, debe registrar un OptinMonster cuenta. Este es el mejor software de generación de prospectos del mundo que le permite crear fácilmente formularios de suscripción, incluidos los blocs de notas de bienvenida.

notas: Fundador de WPBeginner, dijo Barkeyconstruyendo OptinMonster por primera vez para ayudar a aumentar nuestros propios suscriptores y ventas. Ahora es un complemento premium utilizado por cientos de miles de sitios web.

Entonces necesitas instalar y activar Complemento de WordPress OptinMonster. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

Este complemento conecta la aplicación OptinMonster a su sitio web. Después de activar el complemento, haga clic en el menú OptinMonster en su panel de WordPress para vincular su cuenta.

A continuación, puede crear la alfombra de bienvenida.

Haz una alfombra de bienvenida para tu sitio web

Desde su panel de WordPress, haga clic en el botón "Crear una nueva campaña" para comenzar a crear su alfombra de bienvenida.

Esto lo llevará al sitio web de OptinMonster.

Luego seleccione "Pantalla completa" para su tipo de campaña.

Debe seleccionar una plantilla para su campaña. Usaremos la plantilla de inicio de sesión, pero puede elegir otras plantillas si es necesario.

Después de hacer clic en el botón 'Usar plantilla', verá la pantalla de creación de campaña de la siguiente manera:

Aquí puedes cambiar todo lo que quieras. Por supuesto, deberá editar el texto para que coincida con su propia cita.

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

Luego ve a Opciones Ajustes »Fondo de pantalla completaHaga clic en Color de fondo y establezca el valor A (Alfa) en 100.

Esto garantiza que su panel de bienvenida no sea transparente en absoluto, por lo que no se mostrará nada del contenido de su sitio web.

El siguiente paso es colocar tu tapete de bienvenida para que se deslice. Puede hacer esto haciendo clic en el botón Inicio a la izquierda y luego haciendo clic en Configuración de pantalla completa.

Desde aquí, debe activar la opción "¿Mostrar presentación de diapositivas de la página?" para que se vuelva verde.

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

Luego, debe pasar a la vista de "éxito" en el tapete de bienvenida. Esto será visto por sus usuarios una vez que realicen la acción deseada.

Una vez que esté satisfecho con el tapete de bienvenida, puede configurar cómo se verá en su sitio web.

Muestre su alfombra de bienvenida en su sitio web

Puede especificar cómo mostrar la ventana emergente de bienvenida cambiando a la sección Políticas de visualización de OptinMonste.

De forma predeterminada, las campañas de OptinMonster aparecerán en todas las páginas de su sitio después de que el visitante permanezca durante 5 segundos. Dado que se trata de una alfombra de bienvenida, es probable que desee aparecer de inmediato. Simplemente cambie este valor a 0 segundos.

De forma predeterminada, el tapete de bienvenida se mostrará en todas las páginas de su sitio web. Puede activar o desactivar páginas específicas fácilmente utilizando las políticas de personalización de OptinMonster.

Hay muchas otras opciones de personalización y orientación, como la ubicación del usuario, lo que tiene en su carrito de compras de comercio electrónico, lo que ha hecho antes en su sitio y más.

Cuando esté listo para hacer su cama de bienvenida, simplemente haga clic en "Publicar" en la parte superior de la pantalla. Debe cambiar el interruptor a "Estado" para que diga "En vivo".

Asegúrese de hacer clic en 'Guardar' para guardar sus cambios.

Ahora vaya a su sitio de WordPress y haga clic en el elemento de menú OptinMonster. Debería ver su campaña con una alfombra de bienvenida, junto con cualquier otra campaña que haya creado.

Si no es así, simplemente haga clic en 'Actualizar campaña' para obtener la información del sitio web de OptinMonster.

Para ver su campaña, puede visitar su sitio web en una nueva ventana del navegador de incógnito. Debería ver el panel de bienvenida deslizarse suavemente desde la parte superior de la pantalla.

Un ejemplo de cama de bienvenida grande

Veamos algunos ejemplos de alfombras de bienvenida de diferentes industrias. Aprenderemos de todos lo que han hecho bien y todos los pequeños cambios que podemos ofrecer.

1. Singularidad

Este panel de bienvenida de Singularity invita a los usuarios a registrarse y ver una transmisión en vivo de la reunión global de Singularity University. Fue un gran éxito y captó más de 2000 nuevos. registros por correo electrónico durante 9 días.

Nos gusta especialmente el uso intensivo del logotipo, la fuente clara y el brillante botón "¡Recuérdame!".

2. Goins, escritor

Este es de Goins, el bloc de notas de bienvenida del escritor que ofrece una guía gratuita. Esta es una cita clara y simple con un diseño minimalista que es consistente con el resto del sitio.

Creemos que los botones "sí" y "no, gracias" son claros y fáciles de usar, y el uso de números en el título crea una oferta atractiva.

3. Número AV

Esta cama de bienvenida tiene una imagen grande y clara de un pequeño avión. Me llamó la atención de inmediato.

Nos encantan las imágenes geniales y una llamada clara a la acción. Es posible un pequeño cambio para acortar el banner para evitar cubrirlo desde la parte superior del avión.

4. Paisajes cargados

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

Nos encanta la cita clara y el entusiasmo del botón rojo con una llamada a la acción. El fondo del sitio debajo de la barra de bienvenida puede distraer un poco, por lo que puede valer la pena cambiarlo para que sea completamente opaco.

5. Optimiza MyBnb

Este panel de bienvenida es para una página específica que conduce a un libro vendido por el propietario del sitio a través de un comerciante externo. Sin embargo, los minoristas no brindan detalles sobre los clientes. Usar el tapete de bienvenida de esta manera ayuda a capturar la dirección de correo electrónico del cliente.

Creemos que los títulos muy claros, los subtítulos y el texto de llamada a la acción funcionan bien. Sin embargo, creemos que el "elemento" de un botón debe ser el plural de "elementos". Esto enfatiza la importancia de leer cuidadosamente el texto de bienvenida.

docenas más Ejemplo de un saludo a pantalla completa Puede verlo, pero no los hemos agregado todos en esta guía.

Si está buscando más inspiración, aquí hay algunas cosas que puede hacer con una barra de bienvenida de pantalla completa:

• Ofrecer ofertas o cupones dirigidos
• Mostrar nuevos productos y servicios
• Permita que los visitantes sepan qué esperar del sitio
• Gana nuevos suscriptores destacando su mejor contenido
• Dirigir a los visitantes a sus perfiles de redes sociales
• Reúna suscriptores de correo electrónico como parte de la fase previa a la publicación

Si realmente desea aumentar las conversiones en su sitio web, una barra de bienvenida o incluso un protector de pantalla de salida de pantalla completa es uno de los elementos más convertidos que puede agregar a su sitio web.

Esperamos que este artículo te haya ayudado a aprender cómo crear un tapete de bienvenida para tu sitio web y que hayas encontrado ejemplos de inspiración. También puede echar un vistazo a nuestra comparación de los mejores servicios de marketing por correo electrónico y nuestra lista de complementos de WordPress necesarios.

Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube Vídeo tutoriales para WordPress, también nos puedes encontrar en Gorjeo y Facebook.