¿Cómo puedo ampliar la barra de anuncios de Squarespace?

Lamentablemente, no es posible aumentar directamente la altura de la barra de anuncios de Squarespace mediante los ajustes integrados. Está diseñada para ser un elemento de notificación discreto situado en la parte superior de tu página web. A continuación te explicamos el motivo y te ofrecemos algunas soluciones para sortear esta limitación:

Por qué Squarespace limita la altura de la barra de anuncios

• Filosofía de diseño: Squarespace da prioridad a una estética limpia y despejada. Las barras de anuncios gigantes pueden resultar visualmente intrusivas.

• Experiencia del usuario: Las barras demasiado grandes dificultan la navegación por la web y la consulta de contenidos.

Soluciones alternativas y soluciones

1. Contenido estratégico:

   • Sé breve: utiliza un texto conciso y contundente para transmitir tu mensaje sin necesidad de más espacio.

   • CTA clara: incluye un botón de llamada a la acción llamativo y que destaque.

   • Contraste de colores: Elige un color de fondo que contraste con el diseño de tu página web para llamar la atención sin aumentar el tamaño.

2. CSS personalizado (control limitado):

   • Código de ejemplo:

     CSS
     .sqs-announcement-bar-content {
        font-size: 18px; 
        line-height: 26px;
     }
     
     /* Smaller adjustment for the close button  */
     .sqs-announcement-bar-close:after {
       font-size: 20px; 
       line-height: 20px; 
     }

     • Guía práctica:

       1. Ve a Diseño > CSS personalizado

       2. Pega el código anterior.

       3. Ajusta los valores en píxeles del relleno para probar un poco.

   • Limitaciones: Esto solo aumenta el relleno alrededor del contenido, pero no modifica de forma significativa el tamaño total de la barra.

3. Soluciones alternativas:

   • Ventana emergente: Plantéate utilizar una ventana emergente para los anuncios importantes que deban destacar más. Úsala con moderación para no resultar molesta.

   • Sección superior: Dedica la primera sección de una página clave al anuncio, lo que te permite controlar por completo su aspecto.

Nota importante:

Las soluciones CSS personalizadas pueden dejar de funcionar con las actualizaciones de Squarespace. Comprueba siempre minuciosamente cualquier cambio en el código.

¿Necesitas más orientación o quieres explorar soluciones totalmente personalizadas?