21 ejemplos de Hello Bar para aumentar las conversiones e impulsar tu creatividad

Las barras de saludo son una de las mejores herramientas de marketing jamás inventadas. Con su capacidad para permanecer en su lugar sin bloquear la vista de los visitantes de la página, son increíbles para captar la atención de los usuarios de la manera más no invasiva. Puedes agregarlas en la parte superior o inferior de cualquier página para anunciar nuevos productos, tentar a los usuarios a suscribirse, ofrecer incentivos, alertarles sobre cambios importantes, pedir sus preferencias y servir para una multitud de otros propósitos. 

Esto es solo la punta del iceberg. Si deseas aprender más sobre cómo usar este instrumento de manera efectiva, toma una taza de una bebida refrescante y procedamos con una revisión detallada. 

¿Qué es una barra de saludo y cómo puede beneficiarte?

Entonces, ¿qué es una barra de saludo? También conocida como barra flotante o barra pegajosa, una barra de saludo es un tipo de ventana emergente que se adhiere a la parte superior o inferior de una página web. Sus principales beneficios: 

• Generalmente aparece inmediatamente al visitar una página específica = atrae la atención de la audiencia hacia tu mensaje
• Permanece en su lugar mientras se desplaza y solo se cierra cuando se hace clic en el botón de exclusión = mantiene su atención mientras navega por la página
• No se superpone al resto del contenido del sitio web = garantiza una experiencia de cliente no intrusiva y lealtad hacia tu negocio.

Definición de Barra de Saludo

Esencialmente, todos estos nombres encarnan ciertos rasgos de este tipo de ventana emergente. Es una barra que colocas en la parte superior o inferior de una página, y es:

• Incrustada en la página y aparece de inmediato = saluda a tus visitantes.
• Destinada a permanecer en el mismo lugar = se adhiere a la parte superior o inferior de la página.
• Flotando en el fondo mientras las personas continúan navegando = flota.  

La Funcionalidad de las Barras de Anuncios

El diseño de una barra de saludo difiere del diseño de ventanas emergentes que bloquean contenido y de pantalla completa. En particular, es mucho más pequeña, por lo que no interfiere con la visualización del contenido de tu sitio web ni interrumpe el proceso de compra del visitante. Pero a pesar de su tamaño compacto, aún puede transmitir tus mensajes importantes a clientes y prospectos. Los diferentes ejemplos de barras de saludo pueden contener:

• Ofertas personalizadas y descuentos para clientes 

Usa esta plantilla

• Ofertas por tiempo limitado o ventas flash

Usa esta plantilla

• Ofertas dedicadas a ciertas festividades

Usa esta plantilla

• Anuncios de ventas, nuevas colecciones o actualizaciones de productos

Usa esta plantilla

• Invitación a suscribirse a tu boletín

Usa esta plantilla

• Avisos sobre inconvenientes temporales

Usa esta plantilla

• Notificaciones sobre cambios en los horarios de apertura de la tienda

Usa esta plantilla

• Llamadas a donaciones y participación en obras de caridad

Usa esta plantilla

Cualquiera que sea el propósito de tu barra de saludo, puedes implementarlo con las plantillas completamente personalizadas de Claspo y el sencillo editor de arrastrar y soltar.

Consejos Profesionales para el Proceso de Creación del Hello Bar

Crear una barra flotante es relativamente fácil, especialmente cuando se utilizan creadores de pop-ups intuitivos. Sin embargo, se deben considerar algunos aspectos críticos antes de lanzarla en tu sitio web.

• Sé conciso. Dado el tamaño pequeño de las barras de saludo, necesitas usar este espacio limitado sabiamente. Por lo tanto, evita descripciones detalladas de tus más vendidos y promociones. En su lugar, mantén tu mensaje al grano y enfócate solo en los ganchos principales de atención y los beneficios para el cliente. Las plantillas de barras flotantes de Claspo son concisas pero efectivas. Así que puedes simplemente elegir una de ellas y editar su texto y diseño de acuerdo a tus necesidades.
• Enfócate en el diseño. La mitad de los clientes considera el diseño un factor esencial para formar una opinión sobre un negocio. La barra de saludo, a su vez, es un elemento crucial de tu sitio web. Si el diseño es pobre o inconsistente con tu marca, puede arruinar la experiencia. Por lo tanto, debes adaptar los colores, imágenes, fondo y otros componentes del pop-up al diseño general del sitio web. Pero con Claspo, esto no es un problema. Además, siempre puedes previsualizar cómo se ve tu barra de saludo en pantallas de escritorio y móviles antes de guardarla.

• Haz que la barra de saludo sea amigable para móviles. Hoy en día, el 67% de los compradores realiza compras únicamente en sitios web amigables para móviles. Por lo tanto, sin importar qué ofertas rentables promuevan tus barras de saludo, solo convertirán si se adaptan a la versión móvil. Así, después de comprobar la apariencia de tu pop-up en una pantalla móvil, edita su altura y anchura para que coincida con el diseño de la página si es necesario. Alternativamente, Claspo te permite mostrar la barra flotante solo en el tipo de dispositivo seleccionado.

• No te apresures a decir hola. Aunque el nombre sugiere que la barra de saludo debe dar la bienvenida a los clientes, recomendamos retrasar su visualización unos segundos. Se cree que los pop-ups que aparecen después de que el visitante pasa 5-8 segundos en la página convierten mejor. Sin embargo, siempre puedes basarte en la duración promedio de la sesión de tu sitio web para elegir el momento adecuado y especificarlo con un solo clic al configurar tu barra de saludo en el creador de Claspo.

• Cuida a tus clientes. Sí, las barras flotantes no bloquean el contenido del sitio web, pero aún "persiguen" a los visitantes mientras se desplazan, lo que puede molestar a algunos. Por lo tanto, asegúrate de que el botón de exclusión en tu pop-up sea visible y fácil de hacer clic. Esto te permitirá proporcionar una experiencia no intrusiva a los visitantes y aumentar las conversiones, ya que los pop-ups con un botón de exclusión convierten aproximadamente un 14% mejor. Este botón está incluido por defecto en todas las plantillas de barras flotantes de Claspo. Además, puedes mejorar la experiencia del cliente al detener la visualización del pop-up si el visitante no interactúa durante un tiempo particular o lo cierra.

21 Ejemplos de Hello Bar para Encantar e Inducir a tus Visitantes

Las barras flotantes son increíblemente multidimensionales. Explora una amplia selección de ellas, y encontrarás diseños de layout innovadores, materiales promocionales inspiradores, ideas creativas para barras de anuncios, botones de llamada a la acción atractivos, configuraciones de visualización realmente delicadas, y más. Por supuesto, es imposible mencionar todos los ejemplos que merecen elogios. Por lo tanto, veamos algunos que son prácticos y encienden tu llama creativa.       

1. Hello Bar de Apolis

Esta tienda de bolsas de mercado personalizadas ilustra que el diseño de tu barra no tiene que ser convencional. Naturalmente, colocas tus descuentos y ofertas en el centro. Sin embargo, cuando los colocas en la esquina superior izquierda justo encima del logo, incluso podrías aumentar su visibilidad. Además, puedes usar la otra esquina para añadir algunas características del sitio, como enlaces de contacto y preferencias de moneda, para ahorrar espacio y disimular el pop-up como un elemento inherente de la página. 

2. Hello Bar de Soon Skincare

La tienda promociona con estilo su nueva función Compra Ahora, Paga Después y una tentadora oferta de envío gratuito, complementándola con una llamada a la acción clara y una animación que no exacerba a los visitantes. 

3. Hello Bar de Perfect Keto

Esta plataforma se dirige al marketing de escasez y destaca que la oferta es limitada. También hace la oferta un poco más íntima y exclusiva al incluir un emoji de cara susurrante. Por supuesto, la animación anima un botón de CTA y aumenta su visibilidad.

4. Hello Bar de Munk's Pack

Una oferta de descuento es siempre un buen comienzo para las relaciones comprador-vendedor. Especialmente, cuando se implementa de una manera tan creativa. Las barras de saludo y de navegación se asemejan tanto a las capas de un sabroso refrigerio que te hacen tener hambre de un bocado.   

5. Barra de Salud de Liquor's Loot

¿Quién dijo que solo puedes tener una barra flotante? Esta tienda en línea de licores diseñó un pop-up para sus beneficios habituales como precios exclusivos para miembros, opción de Comprar Ahora y Pagar Después, y envío gratuito. Luego lo acompañaron con una alerta roja para la propuesta urgente que desencadena el temor de los espectadores de perder la oportunidad. 

6. Barra de Saludo de Lunar's Beauty

Una oferta de envío gratuito es siempre irresistible. Especialmente, cuando su diseño coincide con el concepto de la marca y se ve realmente 'fuera de este mundo'. 

7. Barra de Anuncio de Tropicfeel

La tienda no solo combina un anuncio de oferta lucrativa con un llamado a la acción. Permite a los usuarios deshacerse de esta barra si interrumpe su proceso de compra añadiendo un botón de cierre.

8. Barra de Anuncio de Birchbox

Esta notificación de cookies tiene todos los elementos esenciales para satisfacer los requisitos de privacidad de los visitantes del sitio. Informa que la plataforma usa cookies y explica que lo hacen para proporcionar una mejor experiencia de compra. Además, permiten que las personas personalicen la configuración si desean hacerlo.  

9. Barra de Saludo de Peel

Simplemente una oferta muy lucrativa, nada excesivo o exagerado. Esto representa el minimalismo y la eficiencia en su mejor expresión. 

10. Barra de Saludo de Homes' Alive

Esta tienda de productos para mascotas otorga a sus compradores mucha libertad. Pueden usar flechas para omitir manualmente los anuncios o cerrar la barra definitivamente si así lo desean. 

11. Barra de Anuncio de Drop

Naturalmente, una oferta de envío gratuito es un clásico, casi todos la tienen. Mientras tanto, capitalizar una serie reciente de Amazon Prime que genera mucho hype, 'Los Anillos de Poder', promoviendo ediciones limitadas de Drop + The Lord of the Rings Keyboards es un movimiento audaz y relevante. Digno de los fanáticos de Tolkien o no, aún se ven impresionantes. Además, usarlas no será fácil a menos que seas un devoto del trabajo del Profesor o conozcas el élfico y el enano.   

12. Hello Bar de Italic

La barra de bienvenida de esta tienda contiene mucha información, pero sigue siendo completamente minimalista y no invasiva para tu espacio personal. Aquí puedes encontrar su lema, mencionar el producto más exquisito y enlazar a las nuevas llegadas, acompañado de una invitación para unirse a su programa de referidos o a la membresía del club Italic Bold (un poco fuera de tema, pero su eslogan 'It Pays to Be Bold' es una verdadera joya).

13. Barra de Anuncios de Rothy's

Muchos negocios olvidan lo atractivo que pueden ser las devoluciones gratuitas, pero no Rothy's. Además, usan la táctica de "el madrugador atrapa el gusano" para promocionar su nueva colaboración por adelantado. 

14. Barra de Bienvenida de Apple

Este es un ejemplo de reglas de visualización efectivas y personalización. ¿Eres de Alemania? El sitio lo identificará y cambiará el idioma del mensaje. Ahora puedes confirmar la ubicación para obtener una experiencia más relevante. Pero si aún deseas que los visitantes no se pierdan tus ofertas especiales, puedes anidar otro pop-up debajo de la barra de navegación.

15. Barra de Bienvenida de Airbnb

El renombrado proveedor de alojamiento aplica una barra adhesiva para ahorrar espacio en el sitio web y aún así garantizar acceso instantáneo a las características o categorías más críticas, incluidas las preferencias de idioma/moneda, soporte, detalles de la empresa, destinos y el mapa del sitio. 

16. Barra de Bienvenida de Dahlias Flower Truck

Las barras de bienvenida son inigualables en su capacidad para informar a tus visitantes de inmediato sobre algún cambio importante en tu modo de operación. Por ejemplo, estás de baja por maternidad, pero aún estás disponible para administrar ciertos tipos de pedidos. Además, debido a que el pop-up siempre es visible en la página principal, no hay posibilidad de que los visitantes olviden accidentalmente la información importante.

17. Barra de Bienvenida de FullContact

Familiarizarse con una nueva plataforma puede ser un poco desorientador. Por eso, ofrecer a tus nuevos visitantes un enlace al producto o servicio más popular puede convertirse en una verdadera ayuda.

18. Barra de Bienvenida de Global Privacy Control

Este pop-up es una ilustración de cuán sofisticada puede ser la tecnología moderna. Primero, indica que utilizas el software. Luego, te presenta el enlace para probar si todo funciona correctamente. Es una característica útil, impresionante y encantadora. 

19. El Hello Bar de CookiePro

Las oportunidades para integrar elementos multimedia dentro de una barra fija son bastante limitadas. Aun así, esta empresa logró insertar un megáfono llamativo para su promoción de prueba gratuita de manera elegante. Incluso añadieron un botón de cierre para ser menos intrusivos.  

20. El Hello Bar de Spotify

¿Quién dijo que las barras flotantes deben estar solo adjuntas a la parte superior de la página? Si no se ajusta a tu diseño, no dudes en colocarla en la parte inferior. 

21. La Barra de Anuncios de Casper

¿Te gustaría colocar todo lo que tienta a los clientes en una sola barra? Sigue el ejemplo de esta tienda de camas. Tiene entrega gratuita, una prueba sin riesgo y la opción de Comprar Ahora, Pagar Después, todo en un solo lugar. Además, este pop-up se integra perfectamente con la barra de navegación.  

Usa Hello Bars en tu Sitio Web para Aumentar la Participación 

Una hello bar es una excelente adición a tu sitio web, sin importar si buscas diferentes ejemplos de barras de anuncios, ideas de promociones, alertas de información o advertencias de cookies. Con la selección contemporánea de reglas de visualización, integraciones y capacidades de diseño, puedes transformarla en un elemento inherente de tu diseño que no molestará a tus visitantes, pero, al mismo tiempo, siempre captará su atención.

Cómo Claspo Puede Ayudarte

Sí, Claspo ofrece plantillas de hello bars atractivas y listas para usar, y te permite personalizarlas completamente en un editor intuitivo. Pero, de hecho, esta es solo una parte de las características que hacen de nuestro generador de pop-ups la mejor solución para tu negocio en línea. 

• Salvaguarda contra molestias y protección contra superposiciones. Tu estrategia de sitio web puede incluir otros pop-ups además de la barra flotante. Si ese es el caso, Claspo te permite establecer un intervalo de silencio entre sus visualizaciones para mejorar la experiencia del usuario. Si tu configuración requiere la visualización simultánea de dos o más pop-ups, Claspo garantiza que estarán protegidos contra superposiciones.
• Orientación por URL. Los pop-ups entregados en el contexto adecuado se ha demostrado que tienen tasas de conversión más altas. Con esto en mente, Claspo te permite configurar tu hello bar para que solo se adhiera a páginas específicas del sitio web. Por ejemplo, si tu pop-up anuncia un descuento en una colección de mujeres, sería más apropiado colocarlo en la página de la categoría de productos correspondiente que en la página de inicio, y mucho menos en una página con productos para hombres.
• Orientación por UTM. El 65% de los compradores elige solo aquellas marcas que les ofrecen promociones dirigidas. Con la segmentación UTM de Claspo, puedes cumplir con este requisito y mostrar barras de saludo personalizadas a los visitantes que llegaron a tu sitio después de una campaña de marketing específica o desde una fuente particular. En pocas palabras, los clientes que recibieron tu boletín anunciando ventas y los clientes que vinieron de publicidad en Instagram pueden ver barras de saludo completamente diferentes en tu sitio web!
• Geotargeting. Puedes mostrar barras flotantes dependiendo del país, región o ciudad donde se encuentren tus clientes. Funciona genial si, por ejemplo, tu tienda en una ciudad específica está temporalmente cerrada y necesitas notificar a los clientes locales al respecto. En otro escenario, puedes anunciar diferentes promociones para diferentes países en tu sitio web y asegurarte de que solo el segmento de audiencia correcto vea tu mensaje.
• Configuración dinámica de idioma. Gracias a esta función de Claspo, puedes adaptar el idioma del mensaje de tu barra de saludo a una audiencia multilingüe. Para ello, creas un pop-up con un mensaje en diferentes idiomas en nuestro constructor. Después de esto, los visitantes verán el texto correspondiente al idioma que elijan en el sitio o al que coincida con su navegador.