X

Cómo Crear una Puerta de Bienvenida en WordPress (Paso a Paso)

Cómo crear una puerta de bienvenida en WordPress

¿Quieres crear una puerta de bienvenida en tu sitio web?

Las puertas de bienvenida tradicionales redirigen a los usuarios a una nueva página, lo cual es malo para el SEO y la experiencia del usuario.

Te mostraremos cómo crear una pantalla completa en tu sitio web con la que los visitantes pueden interactuar o simplemente salir. Estas campañas pueden ayudarte a hacer crecer tu lista de correo, aumentar las ventas y mejorar la interacción en tu sitio.

En este tutorial, aprenderás a crear una puerta de bienvenida a pantalla completa para tu sitio en menos de 10 minutos.

Añadir una Puerta de Bienvenida a tu Sitio es Fácil

Si quieres destacar entre la multitud, querrás crear una puerta de bienvenida que sea absolutamente impresionante. También querrás poder personalizarla y elegir cómo mostrar la campaña en tu sitio.

En este tutorial, te mostraremos cómo crear una campaña hermosa como esta en menos de 10 minutos:

plantilla mat de pantalla completa

Detrás de este hermoso diseño hay reglas de segmentación que muestran la campaña solo a los nuevos visitantes. Si una persona ya ha visto o interactuado con la campaña, nunca la volverá a ver. Incluso te mostraremos cómo mostrarla solo en fechas, horas y ubicaciones específicas.

Para crear una poderosa puerta de bienvenida como esta, usaremos OptinMonster.

OptinMonster

Hemos usado OptinMonster para ejecutar nuestras propias campañas y es muy fácil de usar. Hay hermosas plantillas para elegir y un editor visual para hacer todos los cambios que necesites. Nunca tendrás que usar código, e incluso si eres principiante, podrás aprender a usarlo en poco tiempo.

Además, OptinMonster viene con potentes reglas de segmentación para mostrar tu campaña solo a visitantes nuevos o recurrentes. Incluso puedes elegir mostrar tu alfombra de bienvenida por ubicación, dispositivo, fecha/hora y mucho más.

Esto te permite crear campañas de temporada, ofertas localizadas y mucho más.

Lo que nos encanta son los elementos optimizados para la conversión dentro del constructor de OptinMonster, como un temporizador de cuenta regresiva, formularios en línea, bloqueadores de contenido y mucho más.

Obtén más información sobre OptinMonster aquí. Si buscas crear una página de bienvenida en su lugar, quizás quieras ver este tutorial sobre Cómo crear una impresionante página de bienvenida para tu sitio de WordPress.

Ahora, comencemos con nuestro tutorial. Estos son los pasos que seguiremos:

  1. Conecta OptinMonster a tu sitio
  2. Crea una puerta de bienvenida a pantalla completa
  3. Personaliza tu campaña de puerta de bienvenida
  4. Segmenta tu audiencia
  5. Conecta tu servicio de correo electrónico
  6. Publicar la Puerta de Bienvenida

Paso 1: Conectar OptinMonster a tu sitio

Primero, regístrate en OptinMonster y luego instala el plugin OptinMonster en tu panel de WordPress.

Una vez que actives el plugin, se iniciará el asistente de configuración. Sigue las instrucciones en pantalla para conectar el plugin a tu cuenta de OptinMonster.

También puedes conectar tu cuenta en la pestaña OptinMonster » Configuración.

conectar una cuenta existente en optinmonster

Esto mostrará una ventana emergente para conectar OptinMonster a WordPress.

conectar optinmonster a wordpress

Si has iniciado sesión en tu cuenta de OptinMonster en otra pestaña, el plugin detectará automáticamente tu cuenta y la conectará. No se necesita nada más. Verás un mensaje indicando que tu cuenta está conectada.

optinmonster licencia cuenta conectada

Ahora estás listo para crear tu campaña de pantalla completa.

Paso 2: Crear una Puerta de Bienvenida de Pantalla Completa

Puedes crear campañas en tu cuenta de OptinMonster o directamente desde tu panel de WordPress. Te mostraremos cómo empezar desde tu cuenta de OptinMonster porque esto te permitirá crear tantas campañas como necesites y conectarlas a diferentes sitios web.

En tu cuenta, selecciona el botón ‘Crear Nueva Campaña’.

crear nueva campaña en optinmonster

Esto abrirá una ventana emergente que te permite elegir entre playbooks, plantillas o lienzo para empezar desde cero. Vamos a crear una campaña usando una plantilla.

empezar a crear tu campaña en optinmonster

Cuando selecciones ‘Plantillas’, se abrirá una biblioteca de plantillas. Verás opciones para crear diferentes tipos de campañas como popups, barras flotantes, pantalla completa, incrustadas, deslizables y ruedas gamificadas.

Elige Pantalla Completa y luego navega por las plantillas de abajo.

elegir plantilla de pantalla completa en optinmonster

Para este tutorial, vamos a elegir la plantilla de Vacaciones. Cuando elijas una plantilla, deberás ponerle un nombre a tu campaña. También puedes elegir para qué sitio quieres esta campaña.

empezar a construir alfombra de bienvenida en optinmonster

¡Eso es todo! Ahora puedes empezar a construir la campaña.

Paso 3: Personaliza tu Campaña de Puerta de Bienvenida

Ahora deberías estar dentro del constructor de campañas de OptinMonster. Verás una vista previa de tu campaña y una barra de tareas a la izquierda.

Para hacer cambios, puedes trabajar directamente en la vista previa. Por ejemplo, puedes seleccionar el texto en la vista previa y cambiarlo allí mismo así:

editar alfombra de pantalla completa de optinmonster

Incluso verás que aparece un editor de texto para cambiar fuentes, alineación, color de texto y más.

¿Necesitas más opciones? Cambiemos el botón de CTA. Simplemente haz clic en él y aparecerán las opciones de edición a la izquierda.

editar texto en optinmonster

Puedes personalizar el texto y la acción que ocurre cuando el usuario hace clic en él. Hay muchas más opciones de personalización para cambiar el ancho, la alineación, el color y más.

Si quieres agregar un campo de suscripción en lugar de una opción de sí/no, verás una opción en la barra de tareas inferior. Si haces clic en Sí/No, puedes desactivar esta opción.

Si quieres agregar un nuevo elemento como una imagen, simplemente arrástralo desde el menú de la izquierda a tu diseño. Tan fácil, ¿verdad? Puedes editar tu diseño simplemente arrastrando y soltando elementos donde quieras que estén.

editor de arrastrar y soltar de optinmonster

Cuando agregues un bloque de imagen, se abrirá una biblioteca de imágenes. También puedes acceder a la biblioteca de imágenes de Unsplash aquí con millones de imágenes de stock gratuitas.

Si estás ejecutando una venta por tiempo limitado o simplemente quieres agregar una sensación de urgencia a tu campaña, puedes agregar un temporizador de cuenta regresiva al diseño. Al seleccionar este campo, puedes elegir tu fecha y hora para el temporizador. También puedes optar por reiniciar el temporizador automáticamente una vez que expire.

temporizador de cuenta regresiva en optinmonster

Cuando hayas terminado de personalizar el diseño, guarda tu progreso haciendo clic en el botón Guardar en la esquina superior derecha del constructor. Ahora te mostraremos cómo segmentar a tu audiencia.

Paso 4: Segmenta tu audiencia

En el constructor de OptinMonster, dirígete a la pestaña Reglas de visualización. Aquí verás que, por defecto, OptinMonster muestra tu campaña después de que un usuario ha pasado 5 segundos en tu sitio. Cambiaremos eso.

reglas de visualización en optinmonster

Puedes elegir segmentar a tus usuarios de manera diferente. Aquí tienes algunas de las reglas que puedes usar:

  • Retargeting en el sitio® – interactúa con usuarios que han interactuado con otra campaña
  • Visitante nuevo – saluda a personas que son completamente nuevas en tu sitio
  • A nivel de página – crea campañas dirigidas a URLs específicas, como tu página de inicio
  • Basado en ubicación – personaliza la experiencia de un visitante según su área geográfica
  • Fuente de referencia – muestra campañas a visitantes que provienen de un sitio web o plataforma de redes sociales específicos
  • Basado en tiempo – espera hasta que un visitante haya pasado una cierta cantidad de tiempo en una página o programa una fecha y hora
  • MonsterLink™ – activa campañas cuando un usuario hace clic en un botón o enlace

Simplemente necesitas hacer clic en la regla para agregarla. Incluso obtendrás opciones para personalizar la configuración. Nunca se necesita codificación ni conocimiento técnico.

En el panel izquierdo, verás opciones de filtro que incluyen Populares, Activadores, Segmentación y más. Puedes usar estos filtros para encontrar lo que buscas más rápido.

Para la puerta de bienvenida, estableceríamos las siguientes reglas:

  • Tiempo en la página es inmediato
  • La ruta de URL actual es la página de inicio
  • El visitante es nuevo
Reglas de visualización para la puerta de bienvenida

Una vez que hayas agregado tus reglas de segmentación, podemos pasar al siguiente paso.

Paso 5: Conecta tu servicio de correo electrónico

OptinMonster te permite conectar tu campaña a tu servicio de correo electrónico favorito como Constant Contact, Drip y Mailchimp. En la pestaña Integraciones, elige tu proveedor y sigue las instrucciones en pantalla para conectar tu cuenta.

pestaña de integración en optinmonster

Por ejemplo, si deseas conectarte a Constant Contact, haz clic en él y verás opciones para agregar el nombre de tu cuenta y sincronizarla.

conectar optinmonster a constant contact

Con esta integración, podrás enviar todos los nuevos prospectos directamente a tu cuenta de correo electrónico. Pueden ser etiquetados y segmentados. Esto te ayudará a agregarlos a la lista de correo correcta, como boletines informativos o actualizaciones de ventas.

Por ejemplo, si estás usando OptinMonster para crear un pop-up de suscripción para obtener más suscriptores del boletín, entonces puedes elegir a qué lista deseas agregarlos.

Eso es todo. Asegúrate de guardar tu diseño y estarás listo para publicar la campaña en tu sitio web.

Paso 6: Publica la puerta de bienvenida

Para publicar tu campaña, dirígete a la pestaña Publicar. Aquí, puedes cambiar el estado a Publicar.

publicar campaña de optinmonster

Debajo de eso, puedes elegir en qué sitio web quieres mostrar esta alfombra de bienvenida.

Dado que estás conectado a WordPress, querrás dirigirte a tu panel de WordPress. Dentro de la pestaña OptinMonster » Campañas, asegúrate de que tu campaña también esté configurada como Publicada aquí.

publicar campaña de optinmonster en wordpress

Dirígete a tu sitio web y deberías ver aparecer la campaña. Recomendamos probar en modo incógnito o a través de un navegador nuevo con las cookies y la caché borradas para que veas la campaña como un nuevo visitante.

Con esto, has aprendido a crear una impresionante alfombra de bienvenida dirigida para tu sitio. Puedes seguir creando más campañas con OptinMonster.

¿Necesitas más tutoriales? Aquí tienes los que creemos que te resultarán útiles:

Estas guías te ayudarán a conseguir más clientes potenciales, dirigirte a audiencias locales y monetizar tu contenido.

Comentarios   Dejar una respuesta

Añadir un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!