Cómo crear una barra flotante “lípido” en WordPress

¿Le gustaría llamar la atención de sus visitantes usando una barra flotante pegajosa en WordPress? Con una pancarta o una barra flotante pegajosa, puede mostrar un mensaje en la parte superior o inferior de su sitio web, sin perturbar la experiencia del usuario. Esto le permite promover registros por correo electrónico, productos, ventas flash, cuentas de redes sociales y mostrar cualquier mensaje personalizado. Por ejemplo, es posible que desee mostrar la configuración de las cookies para pedirle al visitante permiso para rastrear sus datos mientras navegan en su sitio en esta guía paso a paso, le mostraremos la forma más fácil de crear una pancarta flotante de WordPress. Antes de comenzar el tutorial, se aclaremos qué es exactamente una barra flotante pegajosa.
¿Qué es una barra flotante pegajosa? Una pancarta flotante pegajosa se mantiene en la parte superior o inferior de su página web mientras sus visitantes ejecutan la página.

Estas barras siempre son visibles para el usuario y pueden interactuar con su mensaje en cualquier momento durante su viaje de navegación. Las barras adhesivas están diseñadas para ser flexibles y para servir más propósitos. Entonces puede personalizarlos para mostrar cualquier mensaje que desee. Para darle algunos ejemplos, puede agregar descuentos de bienvenida para nuevos visitantes o promover un nuevo producto para maximizar la visibilidad.
Cuando se usa correctamente, puede usar barras flotantes para:
Mejorar sus ventas e ingresos mediante ventas flash, descuentos y ofertas
Genere tráfico a su contenido en línea (podcasts, artículos, guías, videos y más)
Aumente la participación y las conversiones de su sitio
Genere el potencial y los suscriptores para aumentar su lista de marketing mediante la participación de E -Bunning en redes sociales y seguidores
Aumentar el grado de conocimiento de la marca
Hay muchas maneras de usar barras adhesivas para su ventaja. Con esto, aprendamos a crear un banner flotante de WordPress cautivador para su sitio.
Crear una pancarta flotante pegajosa para WordPress son bastante complementos flotantes para WordPress, pero no todas las características que necesita para crear y personalizar una fácilmente. Le mostraremos cómo crear uno en menos de 5 minutos sin alcanzar una sola línea de código, utilizando nuestro banner flotante favorito, llamado OptinMonster.
OptinMonster es la generación número 1 de clientes potenciales que le permiten crear atractivas campañas de marketing para convertir a sus visitantes en clientes. Estos incluyen barras flotantes, ventanas emergentes, diapositivas, formularios en línea y más.

Optinmonster viene con una biblioteca de más de 50 plantillas de barra flotante previamente selladas, por lo que no comenzará desde cero. Encontrará modelos para anuncios, descuentos, ofertas de vacaciones populares, boletines y más. Puede obtener una vista previa y seleccionar una plantilla de su elección. Luego hay un generador de deslizamiento y colocación que es muy fácil de usar. Puede personalizar su texto, diseño de imágenes, colores y más, todo con clic en el botón del mouse.
Además, OptinMonster le permite establecer reglas de dirección, para que pueda mostrar pancartas flotantes a las personas adecuadas, en el momento adecuado. Por ejemplo, puede configurar su campaña para que aparezca solo a los nuevos usuarios o aquellos que van a abandonar su sitio. Le permite redirigir y ver a los clientes potenciales para mejorar la participación. Además, OptInmonster sigue y muestra todas las estadísticas importantes que necesita incluso en el tablero. Puede ver el número de visitantes que han visto y hacen clic en su banner flotante de WordPress e incluso cuánto dinero gana de la campaña. Para darle un vistazo a lo que puede hacer con OptinMonster, estos son algunos ejemplos de campañas:

Lo mejor de OptinMonster es que le brinda la flexibilidad para crear y administrar todas las campañas, incluidas las barras flotantes, directamente desde el tablero de WordPress. Ahora, no perdamos el tiempo y comencemos a crear nuestro banner flotante de WordPress con OptinMonster.
Paso 1: Instale y active el complemento OptInmonster primero, debe registrarse para obtener una cuenta OptInmonster. El complemento comienza en $ 9 por mes con una garantía de devolución de dinero de 30 días. Luego, deberá instalar el complemento OptinMonster para conectar su cuenta a su sitio, el complemento del conector está disponible de forma gratuita, por lo que puede descargarlo fácilmente desde el tablero de WordPress. Para obtener más detalles, puede consultar nuestra guía sobre cómo instalar un complemento de WordPress.

Al instalar y activar el complemento OptinMonster en su sitio, iniciará un experto en configuración. Tendrá la opción de conectar su cuenta recién creada. Recuerde que si está conectado a su cuenta OptinMonster en otra pestaña, el complemento la detectará automáticamente y sincronizará su sitio ahora, puede comenzar a crear su primer banner WordPress Float con OptInMonster. Paso 2: Cree una nueva campaña Floatant OptinMonster Bar le permite crear y personalizar pancartas flotantes en el tablero de WordPress. Para hacer esto, vaya a la pestaña OptinMonster y puede ver diferentes tipos de campañas potenciales de generación de clientes, como ventana emergente, barra flotante, pantalla completa, en línea y más. Para crear una campaña de barra adhesiva de WordPress, elegiremos la opción de barra flotante.
Esto lanzará la biblioteca de plantillas que consiste en increíbles plantillas de pancartas flotantes de las que puede elegir. Aquí, puede pasar con el mouse sobre cualquier plantilla para obtener una vista previa de la barra flotante en la misma página. Cuando haya encontrado el mejor diseño para su campaña, haga clic en la plantilla de uso del botón para crear su banner flotante.

Esto abrirá una ventana emergente donde puede dar un nombre a su campaña de bares flotantes.
Luego haga clic en el botón Inicio de construcción para iniciar el generador de campaña OptInmonster. Paso 3: Personalice su banner flotante de WordPress en el generador de campaña, verá todos los bloques a la izquierda y previsece la barra adhesiva a la derecha. Aquí, puede deslizar y colocar fácilmente los bloques necesarios en el banner.

Encontrará los 12 bloques que puede usar para que su banner sea más cautivador e interactivo. Algunos de los bloques de elementos útiles son: innumerables recuentos

Chatbot

Íconos sociales
Campos de opción
Botón SÍ/NO
1. Edite los bloques de contenido si desea personalizar cualquier bloque de contenido, haga clic en él y verá que el editor de bloques está abierto en el parachoques de mano izquierda. Por ejemplo, puede reemplazar la imagen cargando su propia imagen o eligiendo una de la biblioteca de medios existente. También puede cambiar la configuración de la imagen, como opacidad, ancho, texto alternativo y más.
Junto con esto, OptinMonster le permite agregar enlaces a sus imágenes para que los usuarios puedan hacer clic en ellas para ser redirigidos a la página que elija. Hay una opción para abrir la URL del enlace en una nueva ventana y puede activar el seguimiento de clics para ver cuántas personas hacen clic en la imagen.
De la misma manera, puede cambiar el contenido del contenido en sus pancartas flotantes y editar el botón de opción. Todo lo que tiene que hacer es seleccionar el elemento de la vista previa e ingresar el texto personalizado.
Después de haber terminado los bloques personalizados, haga clic en el botón Guardar. 2. Configurar la configuración de la campaña OptInmonster le permite editar la configuración de la campaña dentro del generador. Para hacer esto, deberá hacer clic en el icono de configuración en la parte inferior del generador de campaña.

Luego verá las 4 configuraciones principales en el lado izquierdo y la vista previa en vivo de la barra flotante en el lado derecho de la página. La configuración incluye:

Detalles de la campaña: le permite editar el nombre de la campaña, la descripción y otra información sobre su barra flotante. Muy el estilo: le brinda muchas configuraciones de diseño y estilo para que coincida con la marca de su sitio.


Configuración de visualización: Elija cuántas veces desea mostrar la campaña de los visitantes.

Configuración de la barra flotante: cambie la posición de la barra flotante de arriba a abajo y viceversa.

Debido a que las plantillas de OptinMonster se ven y funcionan muy bien, no tendrá que personalizarlas demasiado que cambiar algunos detalles para que coincidan con los objetivos de su campaña, pero puede realizar fácilmente cambios de diseño y estilo si lo necesita. En la opción View Styling, puede cambiar el estilo general y la opción de diseño. La configuración básica le permite editar estilo, color de fondo, imagen, botón de cierre y más.
La configuración avanzada le permite personalizar incluso pequeños detalles, como el borde, el espacio, la sombra y más.
Por defecto, OptinMonster muestra pancartas flotantes en la parte inferior de su sitio, pero puede cambiarlo y moverlo a la parte superior. Para hacer esto, vaya a la configuración flotante y active la opción de carga de la barra flotante en la parte superior de la página allí.
No olvide guardar su configuración después de que termine. Ahora, averiguaremos sobre las reglas de visualización que puede establecer para sus pancartas flotantes para atacar a los visitantes. Paso 4: Establezca reglas de dirección para mostrarle el Banner de Flantan Optinmonster ofrece potentes funciones de dirección para optimizar las conversiones y generar clientes potenciales. Para agregar nuevas reglas de dirección, deberá navegar por la pantalla de reglas en la parte superior del editor. Luego puede ver el conjunto de reglas predeterminada que muestra su banner si un visitante permanece en cualquier página de su sitio durante 5 segundos. Si desea cambiar la regla de visualización, haga clic en el botón Editar o haga clic en la regla existente y verá la lista de reglas de visualización predefinidas ofrecidas por OptinMonster.
Todas las reglas están organizadas en diferentes pestañas para que pueda encontrar fácilmente la regla de dirección para su campaña, algunos puntos importantes incluyen:
Distancia Distancia: se muestra solo una vez que un visitante ha llevado a cabo una cierta profundidad en la página

Hora y fecha: apunte ciertas vacaciones, días de la semana y períodos de tiempo para llevar a cabo ventas flash o ofertas de tiempo limitado

Ubicación física: interactuar con los usuarios de acuerdo con su área geográfica para localizar la oferta de campaña

Dispositivo del visitante: Muestre/no muestre campañas de acuerdo con si un usuario está en escritorio o móvil

Para agregar una regla, todo lo que tiene que hacer es hacer clic en ella. ¡Es tan simple! Nunca necesitará agregar codificación o trabajar con configuraciones complejas para apuntar a su público. A continuación, le mostraremos cómo conectar su campaña a su cuenta de correo electrónico, para que todos los nuevos clientes potenciales se agregen automáticamente a la lista de contactos. Paso 5: Inicie sesión en su proveedor de correo electrónico OptinMonster se integra con todos los principales servicios de marketing de correo electrónico, como Constant Contact, Aweber, Activecampaign y Conrtkit. Cuando sincroniza su cuenta de correo electrónico, puede recopilar direcciones de correo electrónico y enviar correos electrónicos automáticos a sus nuevos suscriptores. OptinMonster también viene con opciones incorporadas para segmentar a sus clientes potenciales, para que la lista permanezca organizada y pueda enviar correos electrónicos relevantes de acuerdo con lo que han registrado. Para iniciar sesión en su proveedor de correo electrónico, abra la pestaña de integración en el editor de campaña. Aquí puede elegir su proveedor de correo electrónico y conectarse a su cuenta. Algunos proveedores necesitan una API para funcionar, en eso puede encontrarlo en su cuenta de correo electrónico ajustes. Recuerde guardar la configuración después de configurar la integración. Ahora está listo para publicar su campaña de pancartas flotantes en su WordPress Word 6: Publique el banner flotante de WordPress Vaya a la pestaña Publicación en el editor y verá opciones para ver una vista previa en vivo de su campaña cuando esté listo, todo lo que necesita hacer es cambiar el estado de publicación.

Después de hacer clic en el botón publicado, verá que la condición de la campaña cambia a “publicado”.
Vaya al tablero de WordPress y abra la pestaña OptinMonster »campañas. Asegúrese de que el estado esté configurado para publicar aquí también. Ahora, cuando visita su sitio, debería ver su campaña de barra flotante que aparezca de acuerdo con las reglas de visualización que ha establecido.
¡Y eso es todo por hoy! Esperamos que este artículo le haya ayudado a aprender fácilmente cómo crear un banner flotante pegajoso para su sitio de WordPress. Ahora que sabe cómo usar OptinMonster, puede continuar y crear más campañas de conversión altas en su sitio, como ventanas emergentes, diapositivas, juegos de cupones y más. A continuación, para generar más clientes potenciales y conversiones en su sitio, definitivamente querrá leer estos elementos:
Cómo crear una página potencial de captura de clientes en WordPress
Cómo crear una ventana emergente en WordPress (paso a paso)
Crear una página de compresión de alta conversión

Estas publicaciones le muestran más oportunidades para apuntar a sus usuarios para que se involucren y suscriban a su marca.