How to create a welcome mat for your WordPress site (+ examples)

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

¿Desea agregar un tapete de bienvenida a pantalla completa a su sitio web? Un tapete de bienvenida es una superposición dinámica de pantalla completa que puede ayudarlo a obtener más suscriptores de boletines, descargar libros electrónicos, vender sus productos y más. En este artículo, vamos a compartir cómo crear un tapete de bienvenida para su sitio de WordPress junto con algunos excelentes ejemplos de tapete de bienvenida para aprender.

Cómo crear un tapete de bienvenida para su sitio de WordPress (+ ejemplos)

Por qué un tapete de bienvenida puede impulsar sus conversiones

MundoCMS

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. Un tapete de bienvenida es un gran intersticial de 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 excelente manera de transmitir su mensaje a los visitantes de inmediato. Si los visitantes no quieren lo que ofreces, pueden cerrar la alfombra de bienvenida. Al igual que las ventanas emergentes de intención de salida, las alfombras de bienvenida son eficaces para generar altas tasas de conversión. Por supuesto, querrá darles a las personas una buena razón para registrarse. Si aún no tiene un imán primario, puede ofrecer un código de descuento o incluso un obsequio. Aquí hay dos ejemplos de tapetes de bienvenida muy diferentes que tienen tasas de conversión muy altas:
Spin a Wheel - Tapete de bienvenida gamificado
Lo anterior es un tapete de bienvenida que usamos en nuestro blog de WPForms y se convierte muy bien. La captura de pantalla a continuación es una alfombra de bienvenida que usamos para donar uno de nuestros imanes de clientes potenciales que hace un muy buen trabajo al hacer que los usuarios se unan a nuestro boletín:
Alfombra de bienvenida con imán de plomo
Dicho esto, echemos un vistazo a cómo agregar fácilmente un tapete de bienvenida a su sitio web.

Cómo crear un tapete de bienvenida para su sitio web

En primer lugar, debe registrarse para obtener una cuenta de OptinMonster. Es el mejor software de generación de prospectos del mundo y le facilita la creación de formularios de suscripción, incluidos los tapetes de bienvenida.
Omnis WordPress institutionem habet XII tabulas default in datorum. Quaelibet mensa database continet notitias pro diversis sectionibus, notis et functionis WordPress. Harum tabularum structuram inspiciendo, facile comprehendere potes ubi diversae partes siti tui repositae sint. In statu defalta institutionis WordPress tabulas sequentes gignit: El fundador de MundoCMS, Syed Balkhi, creó OptinMonster para ayudar a aumentar nuestras propias ventas y suscriptores. Ahora es un complemento premium utilizado por cientos de miles de sitios web. A continuación, deberá instalar y activar el complemento de WordPress OptinMonster. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. El complemento conecta la aplicación OptinMonster a su sitio web. Una vez que haya activado el complemento, haga clic en el menú OptinMonster en su panel de WordPress para conectar su cuenta.
Conecte OptinMonster a su sitio web
Después de eso, estará listo para crear su alfombra de bienvenida.

Crea una alfombra de bienvenida para tu sitio web

En su panel de WordPress, haga clic en el botónCrear una nueva campañapara comenzar a construir su alfombra de bienvenida.
Crea una nueva campaña de OptinMonster
Esto lo llevará al sitio web de OptinMonster. Luego, elijaPantalla completapara su tipo de campaña.
Elija pantalla completa como tipo de campaña
Deberá elegir una plantilla para su campaña. Usaremos la plantillaEntrada, pero puede elegir una diferente si lo desea.
Seleccione la plantilla de entrada para comenzar a crear su alfombra de bienvenida
Después de hacer clic en el botónUsar plantilla, verá una pantalla de creación de campaña como esta:
La plantilla de entrada predeterminada
Puedes cambiar lo que quieras aquí. Por supuesto, querrá cambiar el texto para que coincida con su propia oferta. Simplemente haga clic en cualquier elemento y verá que puede editarlo en el panel izquierdo.
Cambia el texto de tu alfombra de bienvenida
Luego ve a Configuración de Optin »Fondo de pantalla completa. Haga clic en ‘Color de fondoy establezca el valor A (Alfa) en 100.
Elimina la transparencia de tu alfombra de bienvenida
Esto asegura que su alfombra de bienvenida no será transparente en absoluto, de modo que ningún contenido de su sitio será visible. El siguiente paso es dejar que su alfombra de bienvenida se deslice. Puede hacerlo haciendo clic en el botón “MundoCMS” en el lado izquierdo y luego haciendo clic enConfiguración de pantalla completa. Desde allí, debe habilitar la opción¿Mostrar diapositiva de página?opción activada, de modo que sea verde.
Cambiar la configuración de pantalla completa
Esto significa que su tapete de bienvenida se deslizará por la parte superior de la pantalla en lugar de desaparecer. A continuación, debe cambiar a la vistaÉxitode su alfombra de bienvenida. Esto es lo que verán sus usuarios después de realizar la acción deseada.
Cambiar la vista de éxito de su alfombra de bienvenida
Una vez que esté satisfecho con su alfombra de bienvenida, puede configurar su visualización en su sitio.

Muestre su alfombra de bienvenida en su sitio

Puede definir cómo desea mostrar la ventana emergente del tapete de bienvenida cambiando a la pestaña Reglas de visualización en OptinMonste. De forma predeterminada, las campañas de OptinMonster se muestran en todas las páginas de su sitio después de que el visitante ha estado allí durante 5 segundos. Dado que este es un tapete de bienvenida, probablemente querrá que aparezca de inmediato. Simplemente cambie este valor a 0 segundos.
Modifique las reglas de visualización de su tapete de bienvenida en OptinMonster
De forma predeterminada, el tapete de bienvenida aparecerá 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. Hay muchas otras opciones de personalización y orientación, como la ubicación del usuario, lo que tiene en su carrito de comercio electrónico, lo que ha hecho anteriormente en su sitio, etc. Una vez que esté listo para darle vida a su tapete de bienvenida, simplemente haga clic enPublicaren la parte superior de la pantalla. Deberá alternar el botón junto aEstadopara que se muestreEn vivo”Amici fidelissimi facti sunt hominis, sed utiles quoque omni tempore existimantur. Sunt valde amantes ac tenelli animalia, quae ab hominibus et reverentiam et affectum merentur.
Dar vida a su campaña de alfombrillas de bienvenida
No olvide hacer clic enGuardarpara guardar sus cambios. Ahora diríjase a su sitio web de WordPress y haga clic en el elemento del menú OptinMonster. Debería ver su campaña de tapete de bienvenida, junto con cualquier otra campaña que haya creado.
Ver sus campañas de OptinMonster en su panel de WordPress
Si no aparece, simplemente haga clic enActualizar campañaspara recuperar los datos 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 que su tapete de bienvenida se desliza sin problemas desde la parte superior de la pantalla.

Ejemplos de grandes esteras de bienvenida

Echemos un vistazo a algunos ejemplos de alfombras de bienvenida de diferentes industrias. Para cada uno, repasaremos lo que están haciendo bien, así como los cambios menores que podamos sugerir.
1. Singularidad
Este tapete de bienvenida de Singularity instó a los usuarios a registrarse y ver la transmisión en vivo de la Cumbre Mundial de Singularity University. Tuvo un gran éxito y capturó más de 2000 nuevos registros de correo electrónico en menos de 9 días.
Ejemplo de alfombra de bienvenida de singularidad
Nos gustó especialmente el buen uso del logo, las fuentes claras y el brillante¡Recuérdame!botón.
2. Goins, escritor
Este tapete de bienvenida de Goins, Writer incluye una guía gratuita. Es una oferta limpia y simple, y el diseño minimalista está en consonancia con el resto del sitio web.
Goins, ejemplo de alfombra de bienvenida de un escritor
Descubrimos que los botones” y* “No, graciasson claros y fáciles de usar, y el uso de números en el título hace que esta sea una oferta atractiva.
3. AVweb
Esta alfombra de bienvenida tiene una imagen grande y clara de un pequeño avión. Llama la atención al instante.
Ejemplo de alfombra de bienvenida de AVweb
Nos gustó la gran imagen y el mensaje claro¡Inscríbeme!llamada a la acción. Un pequeño ajuste posible sería acortar el lema para evitar que cubra 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.
Ejemplo de alfombra de bienvenida con paisaje cargado
Nos gustó la oferta clara y el entusiasmo del botón rojo de llamada a la acción. El fondo del sitio debajo del tapete de bienvenida puede ser un poco incómodo, por lo que podría valer la pena cambiarlo para que sea completamente opaco.
5. OptimizeMyBnb
Este tapete de bienvenida se usó en una página específica, vinculada a un libro vendido por el propietario del sitio web a través de minoristas externos. Estos minoristas, sin embargo, no transmitieron los datos de los clientes. El uso de una alfombra de bienvenida de esta manera ayudó a capturar las direcciones de correo electrónico de los clientes.
Optimice su BnB (libro) - ejemplo de alfombra de bienvenida
Sentimos que el título, la leyenda y el texto de llamada a la acción muy claros funcionaron bien. Sin embargo, pensamos queelementoen el botón probablemente debería estar en pluralelementos. Esto enfatiza la importancia de releer cuidadosamente el texto en su tapete de bienvenida. Hay docenas de otros ejemplos de tapete de bienvenida en pantalla completa que puede ver, 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 un tapete de bienvenida a pantalla completa:

  • Presentar una oferta o un cupón específico
  • Muestre nuevos productos y servicios
  • Dígales a los visitantes qué esperar del sitio.
  • Obtenga nuevos suscriptores destacando su mejor contenido
  • Dirige a los visitantes a sus perfiles de redes sociales
  • Recopile suscriptores de correo electrónico como parte de una fase previa al lanzamiento

Si realmente quiere mejorar las conversiones de su sitio web, el tapete de bienvenida e incluso la salida intersticial de pantalla completa es una de las cosas más convertidas que puede agregar a su sitio web. Esperamos que este artículo le haya ayudado a aprender cómo hacer un tapete de bienvenida para su sitio web y que haya encontrado inspiradores los ejemplos. También puede consultar nuestra comparación de los mejores servicios de marketing por correo electrónico y nuestra lista de complementos de WordPress imprescindibles. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Tweet