Cómo hacer un Sitio Web o Blog en 2024 - Guía fácil y Gratuita para Crear un Sitio Web

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

¿Quiere agregar un tapete de bienvenida en 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 a boletines, descargas de libros electrónicos, ventas de sus productos y más.

En este artículo, compartiremos cómo crear un tapete de bienvenida para su sitio de WordPress, junto con algunos excelentes ejemplos de tapetes de bienvenida para aprender.

Cómo crear un tapete de bienvenida para tu WordPress

Por qué un tapete de bienvenida puede aumentar tus conversiones

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

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

Esto puede parecer una mala idea, pero es una excelente manera de hacer llegar su mensaje a los visitantes de inmediato.

Si los visitantes no quieren lo que usted ofrece, simplemente pueden doblar el tapete de bienvenida.

Por supuesto, querrá darles a las personas una buena razón para registrarse si muestra un tapete de bienvenida en lugar de una ventana emergente con intención de salida, como un código de descuento o incluso un obsequio.

Por ejemplo, es posible que haya visto tiendas de comercio electrónico populares que ofrecen un descuento especial mediante un tapete de bienvenida de pantalla completa con gamificación.

Campaña Spin a Wheel gamificada

En otros casos, es posible que haya visto a blogueros populares utilizar un tapete de bienvenida en pantalla completa para hacer crecer su boletín informativo por correo electrónico.

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

Alfombrilla de pantalla de bienvenida de Goins Writer

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 tu sitio web

La forma más sencilla de crear un tapete de bienvenida en WordPress es utilizar OptinMonster. Es el mejor software de generación de leads del mundo y le permite crear fácilmente formularios de suscripción, incluidos tapetes de bienvenida.

Puede leer nuestra revisión completa de OptinMonster para obtener más detalles.

Primero, deberá visitar el sitio web de OptinMonster y registrar una cuenta. Necesitará al menos el plan Básico para crear superposiciones de pantalla completa.

OptinMonster

A continuación, deberá instalar y activar el archivo. Complemento OptinMonster de WordPress. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

🔥 Leer:  Saludos cordiales vs. Saludos cordiales: ¿Cuál usar?

El complemento conecta la aplicación OptinMonster a su sitio web. Una vez que active el complemento, verá el asistente de configuración en su panel de WordPress. Continúe y haga clic en el botón «Conectar su cuenta existente».

Conectar una cuenta de OptinMonster a WordPress

Después de eso, se abrirá una nueva ventana.

Simplemente haga clic en el botón «Conectarse a WordPress».

Conecte OptinMonster a WordPress

Ahora estás listo para crear tu tapete de bienvenida.

Crear un tapete de bienvenida para su sitio web

Puedes ir a OptinMonster »Campañas para crear una nueva campaña.

Continúe y haga clic en el botón «Crear su primera campaña» para comenzar a crear su tapete de bienvenida.

Crea tu primera campaña de OptinMonster

Ahora aparecerá una nueva ventana donde podrá seleccionar plantillas prediseñadas o elegir campañas listas para usar e imanes de clientes potenciales inspirados en marcas exitosas. OptinMonster también le brinda la opción de contratar a un especialista para personalizar sus campañas.

Para este tutorial usaremos la opción «Plantillas».

Elija una plantilla o un libro de jugadas

Esto lo llevará al creador de campañas de OptinMonster.

A continuación, elija «Pantalla completa» para su tipo de campaña.

Seleccione su plantilla y campaña a pantalla completa

Deberá elegir una plantilla para su campaña. Usaremos la plantilla «Entrada», pero puedes elegir una diferente si lo deseas.

Una vez que haya seleccionado una plantilla, continúe, ingrese un nombre para su campaña y haga clic en el botón «Comenzar a crear».

Haga clic en Iniciar construcción

A continuación, puede personalizar su campaña utilizando el generador de arrastrar y soltar. Puedes cambiar lo que quieras aquí.

Hay varios bloques que se pueden agregar a tu campaña, como imágenes, texto, botones y más. También recomendamos editar el texto para que coincida con su oferta.

Personaliza tu campaña a pantalla completa

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

Por ejemplo, cambiaremos el título del tapete de bienvenida en pantalla completa para nuestra campaña de demostración.

Editar el texto del tapete de bienvenida

El siguiente paso es desplegar la alfombra de bienvenida. Puede hacerlo haciendo clic en el ícono de ajustes de Configuración en la parte inferior izquierda.

Desde aquí, debes habilitar la opción «¿Mostrar una diapositiva de página?». opción para habilitarlo.

Ver una diapositiva de página

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

A continuación, debe navegar hasta la vista «Éxito» de su tapete de bienvenida. Esto es lo que verán sus usuarios después de realizar la acción deseada. Si lo desea, puede personalizar la visualización del éxito o utilizar la plantilla predeterminada.

Ver visualización exitosa del tapete de la pantalla de bienvenida

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

Mostrar el tapete de bienvenida en su sitio de WordPress

Puede configurar cómo se muestra la ventana emergente del tapete de bienvenida cambiando a la pestaña «Reglas de visualización» en OptinMonster.

Hay muchas opciones de personalización y orientación, como la ubicación de los usuarios, qué artículos tienen en su carrito de comercio electrónico, qué han hecho anteriormente en su sitio, intención de salida y más.

🔥 Leer:  Increíble novedad: ¡iphone 16 ya está aquí con funciones revolucionarias! ¡Descubre todas las mejoras del iphone 16 en nuestra reseña exclusiva! ¡No te pierdas nuestro análisis detallado del iphone 16 y sus innovadoras características! ¡Entérate de todo sobre el iphone 16 y su impacto en el mercado de smartphones! ¡Descubre por qué el iphone 16 es el dispositivo más esperado del año! ¿Qué hace que el iphone 16 sea tan especial? ¡Descúbrelo aquí! ¿Estás listo para conocer el futuro con el iphone 16? ¡Te lo contamos todo! ¡El iphone 16 promete cambiar la forma en que usamos nuestros smartphones! ¡Descubre cómo el iphone 16 revolucionará la tecnología móvil! ¡Prepárate para sorprenderte con el iphone 16 y su increíble rendimiento! ¡El iphone 16 llega con nuevas funcionalidades que te dejarán sin palabras! ¡Descubre todas las novedades del iphone 16 y su impacto en la industria! ¡No te pierdas nuestra completa guía sobre el iphone 16 y sus características innovadoras! ¿Qué hace que el iphone 16 sea diferente a sus predecesores? ¡Descúbrelo aquí! ¡El iphone 16 está aquí para marcar una nueva era en la tecnología móvil! ¡Descubre todas las mejoras del iphone 16 y su impacto en el mercado! ¡No te pierdas nuestra cobertura exclusiva sobre el iphone 16 y sus funcionalidades de vanguardia! ¡Averigua por qué el iphone 16 es el smartphone más esperado del año! ¡El iphone 16 promete revolucionar la forma en que usamos nuestros dispositivos móviles! ¡Descubre todas las sorpresas que trae consigo el iphone 16 y su tecnología avanzada! ¡No te quedes atrás y conoce todo sobre el iphone 16 en nuestra reseña completa! ¡Descubre por qué el iphone 16 es el dispositivo que todos quieren tener en sus manos! ¡Prepárate para conocer el futuro con el iphone 16 y sus funciones innovadoras! ¡El iphone 16 está aquí para cambiar la forma en que utilizamos nuestros smartphones! ¡Descubre cómo el iphone 16 llevará la tecnología móvil a un nuevo nivel! ¡Prepárate para sorprenderte con el iphone 16 y su rendimiento excepcional! ¡El iphone 16 llega con nuevas características que te dejarán boquiabierto! ¡Descubre todas las novedades del iphone 16 y su influencia en la industria de los smartphones! ¡No te pierdas nuestra guía detallada sobre el iphone 16 y sus innovaciones! ¿Qué hace que el iphone 16 sea único en su clase? ¡Encuentra la respuesta aquí! ¡El iphone 16 está listo para inaugurar una nueva era en la tecnología móvil! ¡Descubre todas las mejoras del iphone 16 y su impacto en la competencia! ¡No te pierdas nuestra cobertura en profundidad del iphone 16 y sus características de última generación! ¿Por qué el iphone 16 es el teléfono más esperado del año? ¡Descúbrelo aquí! ¡El iphone 16 promete transformar la manera en que interactuamos con nuestros dispositivos móviles! ¡Descubre todas las sorpresas que trae consigo el iphone 16 y su tecnología avanzada! ¡No te quedes rezagado y conoce todo sobre el iphone 16 en nuestra revisión completa! ¡Descubre por qué el iphone 16 es el dispositivo imprescindible de esta temporada! ¡Prepárate para descubrir el futuro con el iphone 16 y sus funciones pioneras! ¡El iphone 16 está aquí para cambiar la forma en que utilizamos nuestros teléfonos inteligentes! ¡Descubre cómo el iphone 16 llevará la tecnología móvil a un nuevo nivel! ¡Prepárate para sorprenderte con el iphone 16 y su rendimiento excepcional! ¡El iphone 16 llega con nuevas características impactantes! ¡Descubre todas las novedades del iphone 16 y su influencia en la industria de la telefonía móvil! ¡No te pierdas nuestra detallada guía sobre el iphone 16 y sus innovaciones! ¿Qué hace que el iphone 16 se destaque del resto? ¡Descúbrelo aquí! ¡El iphone 16 está listo para marcar el inicio de una nueva era en la tecnología móvil! ¡Descubre todas las mejoras del iphone 16 y su impacto en el mercado! ¡No te pierdas nuestra extensa cobertura sobre el iphone 16 y sus características de vanguardia! ¡Averigua por qué el iphone 16 es el móvil más codiciado del año! ¡El iphone 16 promete revolucionar la forma en que usamos nuestros smartphones! ¡Descubre todas las sorpresas que tiene preparadas el iphone 16 y su tecnología avanzada! ¡No te quedes rezagado y conoce todo sobre el iphone 16 en nuestro análisis completo! ¡Descubre por qué el iphone 16 es el dispositivo que todos quieren tener en sus manos! ¡Prepárate para adentrarte en el futuro con el iphone 16 y sus funciones innovadoras! ¡El iphone 16 está aquí para cambiar la forma en que interactuamos con nuestros smartphones! ¡Descubre cómo el iphone 16 llevará la tecnología móvil a un nuevo nivel! ¡Prepárate para sorprenderte con el iphone 16 y su excepcional rendimiento! ¡El iphone 16 llega con nuevas funciones que te dejarán sorprendido! ¡Descubre todas las novedades del iphone 16 y su impacto en la industria de los smartphones! ¡No te pierdas nuestra completa guía sobre el iphone 16 y sus innovaciones! ¿Qué hace que el iphone 16 sea tan especial? ¡Encuentra la respuesta aquí! ¡El iphone 16 está listo para inaugurar una nueva era en la tecnología móvil! ¡Descubre todas las mejoras del iphone 16 y su impacto en la competencia! ¡No te pierdas nuestra cobertura en profundidad del iphone 16 y sus características de última generación! ¿Por qué el iphone 16 es el smartphone más esperado del año? ¡Descúbrelo aquí! ¡El iphone 16 promete transformar la manera en que usamos nuestros dispositivos móviles! ¡Descubre todas las sorpresas que trae consigo el iphone 16 y su tecnología avanzada! ¡No te quedes atrás y conoce todo sobre el iphone 16 en nuestra revisión completa! ¡Descubre por qué el iphone 16 es el dispositivo imprescindible de esta temporada! ¡Prepárate para descubrir el futuro con el iphone 16 y sus funciones innovadoras! ¡El iphone 16 está aquí para cambiar la forma en que utilizamos nuestros smartphones! ¡Descubre cómo el iphone 16 llevará la tecnología móvil a un nuevo nivel! ¡Prepárate para sorprenderte con el iphone 16 y su rendimiento excepcional! ¡El iphone 16 llega con nuevas características impactantes! ¡Descubre todas las novedades del iphone 16 y su influencia en la industria de la telefonía móvil! ¡No te pierdas nuestra detallada guía sobre el iphone 16 y sus innovaciones! ¿Qué hace que el iphone 16 se destaque del resto? ¡Descúbrelo aquí! ¡El iphone 16 está listo para marcar el inicio de una nueva era en la tecnología móvil! ¡Descubre todas las mejoras del iphone 16 y su impacto en el mercado! ¡No te pierdas nuestra extensa cobertura sobre el iphone 16 y sus características de vanguardia! ¡Averigua por qué el iphone 16 es el móvil más codiciado del año! ¡El iphone 16 promete revolucionar la forma en que usamos nuestros smartphones! ¡Descubre todas las sorpresas que tiene preparadas el iphone 16 y su tecnología avanzada! ¡No te quedes rezagado y conoce todo sobre el iphone 16 en nuestro análisis completo! ¡Descubre por qué el iphone 16 es el dispositivo que todos quieren tener en sus manos! ¡Prepárate para adentrarte en el futuro con el iphone 16 y sus funciones innovadoras! ¡El iphone 16 está aquí para cambiar la forma en que interactuamos con nuestros smartphones! ¡Descubre cómo el iphone 16 llevará la tecnología móvil a un nuevo nivel! ¡Prepárate para sorprenderte con el iphone 16 y su excepcional rendimiento! ¡El iphone 16

De forma predeterminada, las campañas de OptinMonster aparecen en todas las páginas de su sitio después de que el visitante haya estado allí durante 5 segundos.

Regla de visualización de OptinMonster

Dado que se trata de una alfombra de bienvenida, probablemente desee que aparezca de inmediato. Simplemente cambie este valor a 0 segundos.

De forma predeterminada, el tapete de bienvenida aparecerá en cada página de su sitio. Puede incluir o excluir fácilmente páginas específicas utilizando las reglas de personalización de OptinMonster.

Ir a la pestaña de acciones

Puede hacer clic en «¿Finalizar?» Vaya al botón Acciones cuando haya terminado.

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

Para este tutorial usaremos la configuración predeterminada.

Añade efectos y animaciones de monstruos.

Si se desplaza hacia abajo, verá la Configuración de cookies para su campaña.

Por ejemplo, puede volver a mostrar su campaña si un usuario ya realizó una conversión después de una determinada cantidad de días. Asimismo, también hay opciones para volver a mostrar la campaña a las personas que cerraron la ventana emergente o la vieron pero no realizaron la conversión.

Cambiar la configuración de cookies en OptinMonster

En la siguiente pantalla verá un resumen de la configuración de sus reglas de visualización.

Puede cambiar su configuración antes de publicar su campaña.

Ver el resumen de su campaña

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

Continúe y cambie el estado de publicación de «Borrador» a «Publicar».

Ejecute una campaña de pantalla de bienvenida

No olvide hacer clic en «Guardar» para guardar los cambios y cerrar el creador de campañas.

A continuación, verá la configuración de salida de WordPress para su campaña. Asegúrese de que su campaña esté activa.

De lo contrario, 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.

Cambie el estado de su campaña de alfombra de bienvenida

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

Deberías ver el tapete de bienvenida desplazarse sin problemas desde la parte superior de la pantalla.

Vista previa del tapete de bienvenida en pantalla completa

Ejemplos de excelentes alfombras de bienvenida

Veamos algunos ejemplos de tapetes de bienvenida de diferentes industrias. Para cada uno, veremos qué está funcionando bien, así como cualquier cambio menor que podamos sugerir.

1. Singularidad

Este tapete de bienvenida de Singularity incitó a los usuarios a registrarse y ver la transmisión en vivo de la Cumbre Global de Singularity University. Tuvo un gran éxito y obtuvo más de 2000 nuevos registros de correo electrónico en menos de 9 días.

Vista previa del tapete de pantalla completa de Singularity

Nos gusta especialmente el excelente uso del logotipo, las fuentes claras y el brillante «¡Recuérdame!» botón.

🔥 Leer:  تنزيل وتثبيت HiLookVision للكمبيوتر الشخصي (Windows 7 و 8 و 10 و Mac)

2. Goins, escritor

Este tapete de bienvenida de Goins, Writer ofrece orientación gratuita. La oferta es clara y sencilla y el diseño minimalista está en línea con el resto del sitio.

Alfombrilla de pantalla de bienvenida de Goins WriterAlfombrilla de pantalla de bienvenida de Goins Writer

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 constituye una oferta atractiva.

3.AVweb

Esta alfombra de bienvenida tiene una imagen grande y clara de un pequeño avión. Inmediatamente capta la atención.

Ejemplo de alfombra de bienvenida de AVweb

Nos gusta la gran imagen y el mensaje claro «¡Regístrate!». llamada a la acción. Un pequeño cambio posible sería acortar el eslogan para evitar que cubra la parte superior de la imagen.

4. Paisajes cargados

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

Paisaje cargado

Nos gusta la oferta clara y la emoción del botón rojo de llamada a la acción. El fondo del sitio debajo del tapete de bienvenida puede distraer un poco, por lo que podría valer la pena cambiarlo para que sea completamente opaco.

5. OptimizarMyBnb

Este tapete de bienvenida se utilizó en una página específica, incluida como un enlace en el que se puede hacer clic dentro de un libro vendido por el propietario del sitio web a través de vendedores externos. Estos minoristas, sin embargo, no transmitieron los datos de los clientes. Usar un tapete de bienvenida de esta manera ayudó a capturar las direcciones de correo electrónico de los clientes.

Optimiza tu Airbnb gracias

Creemos que el título, el subtítulo y el texto de llamado a la acción muy claros funcionaron bien y el botón «no, gracias» se usa bien para darle al usuario una sensación de FOMO.

Hay docenas más ejemplos de tapete de bienvenida a pantalla completa que puedes ver, pero no los hemos agregado todos en esta guía.

Si buscas más inspiración, aquí tienes algunas cosas que puedes hacer con un tapete de bienvenida en pantalla completa:

  • Presentar una oferta o cupón específico
  • Introducir nuevos productos y servicios.
  • Informe a los visitantes qué esperar del sitio.
  • Gana nuevos suscriptores destacando su mejor contenido
  • Dirija a los visitantes a sus perfiles de redes sociales.
  • Reúna 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 los anuncios intersticiales de salida en pantalla completa son algunos de los elementos de mayor conversión que puede agregar a su sitio web.

Esperamos que este artículo le haya ayudado a aprender cómo crear un tapete de bienvenida para su sitio web y que los ejemplos le hayan resultado inspiradores. Es posible que también desee consultar nuestra comparación de los mejores servicios de marketing por correo electrónico y nuestra lista de complementos de WordPress imprescindibles.