Cómo hacer una barra de anuncios de Squarespace que convierta

¿Estás buscando una forma rápida y sencilla de crear una barra de anuncios de Squarespace?

Las barras de anuncios le permiten compartir fácilmente información importante y actualizaciones con los visitantes de su sitio. Pero agregar una barra de anuncios personalizada en Squarespace puede requerir habilidades de codificación.

Afortunadamente, existe una forma más sencilla.

Hoy, explicaremos cómo crear una barra de anuncios de Squarespace sin codificación.

Por qué agregar una barra de anuncios de Squarespace

Una barra de anuncios, o barra flotante, es un banner que se encuentra en la parte superior o inferior de su sitio web. Lo bueno es que le permite comunicarse con los visitantes de su sitio sin interrumpirlos.

Puede configurar la barra de anuncios para que se adhiera a la página a medida que el visitante se desplaza. O, si lo desea, puede hacer que aparezca después de que alguien se haya desplazado hacia abajo en la página.

Barra flotante OptinMonster en el blog

Puede utilizar las barras de anuncios para:

  • Dé la bienvenida a los visitantes de su sitio
  • Anuncie el nuevo horario de la tienda
  • Comparte ofertas especiales

Por lo tanto, es posible que se pregunte: “¿Cómo agrego una barra de anuncios en Squarespace?”

Ahora, Squarespace viene con funciones integradas de barra de anuncios. Por lo tanto, puede agregarlo a su sitio fácilmente desde su editor de Squarespace.

Barra de anuncios de Squarespace_

Pero sus opciones de personalización aquí son limitadas. Por ejemplo, su barra de anuncios se mostrará en todas las páginas excepto en las portadas. Por lo tanto, no puede configurarlo para que aparezca en ciertas páginas. Y cuando se trata de diseño, solo puede realizar ediciones de estilo básicas, como personalizar el color de fondo, el color de la fuente y el estilo.

Para realizar otros cambios en la barra de anuncios, deberá utilizar CSS. Ahora, el negocio de Squarespace es la creación y el alojamiento de sitios web. Por lo tanto, no encontrará las mejores funciones para crear barras de anuncios y otras ventanas emergentes.

Por supuesto, esto podría ser suficiente para algunos propietarios de sitios web.

Pero, si desea una manera fácil de crear una barra de anuncios que capte la atención de su lector, debe usar OptinMonster.

OptinMonster es la mejor herramienta para crear una barra de anuncios de Squarespace. Con su generador de arrastrar y soltar, puede crear fácilmente barras de anuncios llamativas. Y agregarlo a su sitio de Squarespace es increíblemente fácil porque todo lo que necesita hacer es pegar un código de inserción en su sitio.

Página de inicio de OptinMonster

Las más de 50 plantillas de barras de anuncios de OptinMonster le permiten generar más clientes potenciales desde su sitio de Squarespace con campañas como estas:

  • Haga crecer su lista de correo electrónico con una barra de anuncios
  • Aumente las ventas con una barra de anuncios y un temporizador de cuenta regresiva
  • Aumente su seguimiento social agregando enlaces a sus perfiles

Una de las mejores cosas de OptinMonster son sus funciones de orientación. Entonces, a diferencia de Squarespace, puede mostrar su barra flotante en cualquier página de su sitio.

Cosmetic Capital usó estas características para aumentar los clientes potenciales en un 300% usando esta barra flotante.

Barra flotante de capital cosmético

Veamos cómo crear una barra de anuncios que ofrezca resultados similares.

Cómo agregar una barra de anuncios en Squarespace

Necesitará una cuenta de OptinMonster para seguir este tutorial.

Con OptinMonster, puede crear una barra de anuncios como esta en 30 minutos o menos.

Barra de anuncios de Squarespace_

Regístrese usando el enlace a continuación. Es 100% libre de riesgos con nuestra prueba gratuita de 14 días.

¡Crea una barra de anuncios de Squarespace hoy!

También entendemos que no todo el mundo aprende de la misma forma. Es por eso que también hicimos este útil video tutorial para nuestros estudiantes visuales:

Pero para obtener una guía totalmente detallada, recomendamos seguir estas instrucciones escritas. Empecemos.

Paso 1: Crea una campaña de barra de anuncios de Squarespace

Primero, necesitas hacer clic Crear nueva campaña desde su panel de OptinMonster.

Crear un nuevo botón de campaña de OptinMonster

Ahora, deberás seleccionar Barra flotante.

Elija barra flotante en OptinMonster_

El siguiente paso es elegir tu plantilla.

OptinMonster tiene más de 50 plantillas de barras flotantes.

Si necesita ayuda para encontrar la plantilla adecuada, puede filtrar por su objetivo:

  • Aumentar la lista de correo electrónico
  • Mostrar oferta urgente
  • Redirigir el tráfico

Hoy iremos con Mínimo porque es perfecto para la barra de anuncios de ofertas especiales que estamos creando hoy.

Elija plantilla de barra flotante mínima_

Luego, deberá nombrar su campaña y hacer clic en Empezar a construir para entrar en el editor.

Campaña de nombre OptinMonster

Ahora, estamos listos para diseñar nuestra barra de anuncios de Squarespace.

Paso 2: personaliza tu barra de anuncios de Squarespace

Personalizar la barra de anuncios de Squarespace en el editor de OptinMonster es increíblemente simple.

Puede cambiar fácilmente el color de fondo, el estilo de fuente y la imagen.

Al final, se necesitan solo unos minutos para crear una barra de anuncios que coincida con su sitio y refleje su marca.

Barra flotante mínima en el editor OptinMonster

Miremos más de cerca.

Lo primero que debe hacer es establecer la posición de su barra de anuncios. De forma predeterminada, la barra de anuncios aparece en la parte inferior de la pantalla. Puede dejar esos ajustes en su lugar o cambiar su posición.

Hacer clic Configuración flotante.

Configuración flotante de la página de inicio de OM

Seleccione Cargar barra flotante en la parte superior de la páginami.

Cargue la barra flotante en la parte superior de la página_

Ahora, veremos cómo personaliza el contenido.

Para cambiar el texto, simplemente haga clic en la barra de anuncios. Podrás cambiar el texto directamente en la ventana emergente.

Editor de texto en línea Plantilla de barra flotante mínima_

Desde aquí, puede cambiar la fuente, el tamaño del texto y el color.

También puede cambiar el botón de enviar haciendo clic en él.

Con las herramientas de edición de la izquierda, puede editar el color y el texto del botón.

Editar barra flotante mínima

¿Quieres agregar algo a tu barra de anuncios?

Simplemente haga clic en Agregar bloques en la parte superior de su editor.

Agregar bloques

Desde el panel lateral, puede seleccionar:

  • Contador regresivo
  • Imagen
  • HTML
  • Divisor
  • Campos de opción

Agregar bloque a la barra de anuncios de Miminal

Ahora, si desea cambiar el color de fondo, simplemente haga clic en Configuración de Optin.

Haga clic en Optin Ver estilos

Luego, seleccione Optin Ver estilos.

Haga clic en Optin Ver estilos

Ahora, elija su color de fondo.

También puede utilizar OptinMonster Éxito Ver para entregar su código de descuento inmediatamente.

Una vez que esté satisfecho con el diseño de su barra de anuncios, estará listo para determinar cómo se muestra su barra de anuncios en su sitio de Squarespace.

Paso 3: Mostrar la barra de anuncios de Squarespace

En este próximo paso, decidirá dónde y cuándo mostrar su barra de anuncios.

Hoy, queremos que nuestro anuncio aparezca en una publicación de blog específica.

Lo haremos usando OptinMonster’s Reglas de visualización.

Con las reglas de visualización de OptinMonster, puede

  • Muestre su barra de anuncios en páginas específicas
  • Muestre su barra de anuncios después de que el visitante de su sitio se desplace
  • Haga que la barra de anuncios se cargue tan pronto como el visitante de su sitio llegue a su página

Hoy usaremos el Orientación por página y Distancia de desplazamiento.

Seleccione Reglas de visualización en la parte superior de su editor.

Reglas de visualización de OptinMonster

Buscar y seleccionar Orientación por página.

Regla de segmentación de página para OM

A continuación, agregue la URL de la página.

URL de orientación de página

Ahora, busque y seleccione Distancia de desplazamiento.

Mostrar su barra de anuncios después de desplazarse hacia abajo una cierta cantidad es una técnica simple para aumentar las conversiones.

Disparador de distancia de desplazamiento

Luego, seleccione la distancia que la persona tiene que desplazarse para activar la barra de anuncios.

Modificador de distancia de desplazamiento OptinMonster

Ahora, conectará a su proveedor de servicios de correo electrónico.

Paso 4: integre su proveedor de correo electrónico

OptinMonster facilita la recopilación de direcciones de correo electrónico. Podrá enviar sus correos electrónicos directamente a su proveedor de servicios de correo electrónico.

Simplemente dirígete a Integraciones en la parte superior de su editor.

Cinta de integraciones

Ahora, haga clic en Agregar nueva integración.

Agregar nueva integración de OptinMonster_

Seleccione su plataforma de correo electrónico en el menú desplegable.

Lista de proveedores de servicios de correo electrónico en OM

El último paso es publicar su barra de anuncios.

Paso 5: Publica la barra de anuncios de Squarespace

Agregar su barra de anuncios de OptinMonster a su sitio de Squarespace es rápido y fácil.

Todo lo que necesita hacer es agregar un único código de inserción a su sitio web.

Para empezar, dirígete a Publicar en la parte superior de su editor.

Cinta de publicación de OptinMonster

Cambiar el estado de la campaña a Publicar.

Copie el código de inserción en la parte inferior de la página.

Ahora, deberá agregarlo a su sitio de Squarespace.

Dirígete a tu sitio de Squarespace.

Seleccione Ajustes.

Inicio de Squarespace selecciona Configuración

En la siguiente pantalla, seleccione Avanzado.

Configuración avanzada de Squarespace

Escoger Inyección de código en la página siguiente.

Selección de inyección de código de Squarespace

Pegue el código de inserción de OptinMonster en la sección del pie de página.

Pegue el código de inserción de OptnMonster en el pie de página de Squarespace

Eso es todo. Ahora, su barra de anuncios se mostrará en su sitio web de Squarespace.

¡Crea una barra de anuncios de Squarespace hoy!
Esperamos que este artículo le haya resultado útil para crear una barra de anuncios en su sitio.

¿Listo para crear una barra de anuncios de Squarespace que se convierta? Obtenga OptinMonster hoy.