¿Qué es un «Lightbox» en Squarespace?
Una «lightbox» es una ventana emergente que se abre sobre la página que el usuario ya está viendo.
En lugar de redirigir al visitante a una nueva página, una ventana emergente te permite mostrar una imagen más grande, un vídeo, un formulario, una galería, los detalles de un producto, una biografía u otro tipo de contenido en una ventana destacada. El resto de la página suele oscurecerse detrás de ella, lo que mantiene la atención del visitante centrada en el contenido de la ventana emergente.
En Squarespace, las ventanas emergentes se utilizan sobre todo para las galerías de imágenes. Cuando un visitante hace clic en una imagen, se abre una ventana superpuesta con la versión ampliada y puede verla sin salir de la página.
Esa es la versión simplificada.
La pregunta más útil es esta:
¿Qué se puede abrir realmente en una ventana emergente de Squarespace?
Para qué sirven las ventanas emergentes de Squarespace
Squarespace incluye opciones nativas de lightbox para algunos diseños de imágenes y galerías.
Esto funciona bien cuando quieres:
Permite a los visitantes ampliar las imágenes del portafolio
Mostrar las fotografías con una experiencia de visualización más nítida
Asegúrate de que todos estén en sintonía mientras se revisan los elementos visuales
Dale un toque más pulido a una galería
Deja más espacio para que las imágenes de productos, proyectos o catálogos respiren
Para ver imágenes de forma sencilla, la función de «lightbox» integrada en Squarespace puede ser suficiente.
Si solo necesitas que alguien haga clic en una imagen para ver una versión ampliada de esa misma imagen, empieza primero por la configuración predeterminada.
Cómo activar una ventana emergente nativa en Squarespace
La configuración exacta depende del tipo de contenido que utilices.
Bloques de imagen
En el caso de los bloques de imagen compatibles, abre la configuración del bloque de imagen, ve a la pestaña «Diseño » y activa la opción «Lightbox ».
De este modo, al hacer clic en la imagen, esta se abre en una ventana superpuesta más grande.
Una nota importante: si la imagen ya tiene una URL de destino, Squarespace puede utilizar ese enlace en lugar de la ventana emergente. En muchos casos, hay que elegir entre utilizar la imagen como enlace o como activador de la ventana emergente.
Bloques de galería
En el caso de los bloques de galería en cuadrícula, abre la configuración del bloque de galería, ve a la pestaña «Diseño » y activa la opción «Lightbox ».
Esto resulta útil para portafolios, colecciones de imágenes, galerías de prensa, ejemplos de proyectos y casos prácticos visuales.
Algunos diseños de galería son más compatibles con las ventanas emergentes que otros, así que comprueba cuál es exactamente el diseño que estás utilizando antes de dar por hecho que la opción está disponible.
Secciones de la galería
Algunas secciones de galería de Squarespace también incluyen opciones de lightbox, dependiendo del diseño.
Las secciones de galería son ideales para mostrar un conjunto de imágenes en una sección visual de una página, pero siguen centrándose principalmente en las imágenes. No están diseñadas para incluir formularios, botones, vídeos, tablas de precios, bloques personalizados ni secciones a página completa dentro de la ventana emergente.
La limitación: las ventanas emergentes de Squarespace se utilizan principalmente para imágenes
Aquí es donde la mayoría de la gente se queda atascada.
La función de «lightbox» integrada en Squarespace es útil, pero tiene sus limitaciones. Está diseñada principalmente para imágenes y galerías.
Pero muchos propietarios de sitios web quieren mostrar algo diferente en la ventana lightbox.
Por ejemplo:
Un formulario de contacto
Suscripción al boletín informativo
Un vídeo de YouTube o Vimeo
Una tabla de precios
Una presentación del equipo
Sección de detalles del producto
Un «lead magnet»
Un mensaje de reserva
Un testimonio
Una sección completa de Squarespace
Una página oculta
Un diseño personalizado
Ahí es donde la configuración nativa de la ventana emergente suele dejar de ser suficiente.
A veces se puede forzar una solución personalizada mediante código, pero eso no es lo ideal para la mayoría de los usuarios de Squarespace. Hay que gestionar el activador, la ventana emergente, el estilo, el comportamiento al cerrarla, la experiencia en dispositivos móviles y el contenido que se desea mostrar.
Por eso hemos creado Lightbox Anything.
Cómo crear un «lightbox» con cualquier elemento en Squarespace
Lightbox Anything es un complemento de Squarespace que te permite abrir contenido personalizado en una ventana emergente desde un botón, una imagen, un enlace de texto, un elemento de una galería u otro elemento desencadenante.
En lugar de limitarte a ampliar imágenes, puedes utilizar una «lightbox» como una capa de contenido flexible en tu sitio web.
Puedes utilizarlo para:
Formularios
Vídeos
Fichas del equipo
Detalles del producto
Contenido del portafolio
Ofertas
Testimonios
Tablas de precios
Formularios de registro
Contenido restringido
Secciones personalizadas de Squarespace
El visitante hace clic en algo, el contenido se abre en una ventana emergente y sigue en la misma página.
Ese es el verdadero valor de una ventana emergente. Te permite mostrar la siguiente información sin interrumpir el flujo de la página.
Cuándo utilizar una caja de luz
Una ventana emergente funciona mejor cuando el contenido es útil, pero no lo suficientemente importante como para merecer una página completa dedicada exclusivamente a él.
Utiliza una ventana emergente cuando quieras ofrecer más detalles a alguien sin interrumpir su navegación.
Por ejemplo, un diseñador podría utilizar una ventana emergente para mostrar más imágenes de un proyecto a partir de la cuadrícula de un portafolio. Un proveedor de servicios podría utilizarla para abrir un breve formulario de consulta. El propietario de una tienda podría utilizarla para explicar los detalles de un producto, las tallas, los gastos de envío o una oferta por tiempo limitado. El creador de un curso podría utilizarla para mostrar un avance en vídeo sin que los usuarios tengan que salir de la página de ventas.
La ventana emergente debe complementar la página, no competir con ella.
Cuándo no se debe utilizar una caja de luz
No siempre es buena idea utilizar una ventana emergente.
Evita utilizarlas para contenidos que requieran una página completa, una lectura en profundidad, visibilidad en los buscadores o una URL específica. Si el contenido es importante para el SEO, la accesibilidad o para compartirlo, quizá sea mejor que ocupe su propia página.
También debes evitar utilizar demasiadas ventanas emergentes en una misma página. Una ventana emergente puede ayudar a centrar la atención, pero si todo se abre en una ventana emergente, la página puede empezar a parecer inestable y confusa.
Utiliza la ventana emergente en aquellos casos en los que permanecer en la misma página ofrezca una experiencia más fluida.
Lightbox nativo de Squarespace frente a Lightbox Anything
Utiliza la ventana emergente nativa de Squarespace si solo necesitas ampliar imágenes en un bloque de imágenes, un bloque de galería o una sección de galería compatible.
Utiliza «Lightbox Anything» si quieres abrir contenido personalizado desde un botón, un enlace de texto, una imagen, un elemento de una galería u otro elemento desencadenante.
La función nativa responde:
«¿Cómo puedo hacer que esta imagen se vea más grande cuando alguien haga clic en ella?»
Lightbox Anything responde:
«¿Cómo puedo abrir este contenido concreto en una ventana emergente sin redirigir al usuario a otra página?»
Esa es la diferencia.
Ejemplo: Abrir un vídeo en una ventana emergente
Supongamos que quieres incluir en tu página de Squarespace un botón que diga «Ver el vídeo».
En lugar de incrustar el vídeo directamente en la página, puedes utilizar Lightbox Anything para abrirlo en una ventana emergente.
Esto mantiene la página despejada, hace que el vídeo destaque más y permite al visitante cerrar el vídeo cuando haya terminado.
Esta misma idea sirve para formularios, secciones ocultas, promociones, biografías del equipo u otro contenido que quieras mostrar solo cuando alguien lo solicite.
Consigue el plugin Lightbox Anything
Si solo necesitas ampliar una imagen de forma básica, utiliza los ajustes de la ventana emergente integrada de Squarespace.
Si quieres abrir formularios, vídeos, secciones personalizadas, detalles de productos, biografías, promociones u otros contenidos en una ventana emergente, utiliza Lightbox Anything.
Aquí puedes consultar el complemento, los ejemplos y los detalles de configuración:
Ver el plugin «Lightbox Anything»
Preguntas frecuentes sobre Lightbox de Squarespace
¿Qué es una «lightbox» en Squarespace?
Una «lightbox» es una ventana emergente que se abre sobre la página actual. Suele utilizarse para mostrar una imagen, un vídeo, un formulario u otro contenido destacado sin redirigir al visitante a una nueva página.
¿Cuenta Squarespace con una ventana emergente integrada?
Sí. Squarespace cuenta con opciones de «lightbox» integradas para determinados bloques de imagen, bloques de galería, secciones de galería y configuraciones antiguas de páginas de galería. Las opciones concretas dependen de tu versión de Squarespace, del diseño y del tipo de bloque.
¿Puedo abrir un formulario en una ventana emergente de Squarespace?
No con la configuración básica de la galería de imágenes nativa. Para abrir un formulario en una ventana emergente, normalmente necesitarás código personalizado o un complemento como Lightbox Anything.
¿Puedo abrir un vídeo en una ventana emergente de Squarespace?
Squarespace ofrece algunas funciones de lightbox relacionadas con los vídeos en determinadas configuraciones de galería, pero esto depende de la versión y el diseño de tu sitio web. Si quieres una forma más sencilla de abrir un vídeo desde un botón o un enlace, utiliza «Lightbox Anything» o el plugin «Video Lightbox Button».
¿Puedo abrir una sección completa de Squarespace en una ventana emergente?
Sí, con el plugin adecuado. Lightbox Anything puede abrir secciones personalizadas de Squarespace y otros tipos de contenido en una ventana emergente.
¿Es útil una ventana emergente para el SEO?
Una ventana emergente puede mejorar la experiencia del usuario en la página, pero el contenido importante para el SEO suele deberse incluir en la propia página o en una página específica dedicada a ello. Utiliza las ventanas emergentes para el contenido complementario, no para el contenido principal que quieres que los motores de búsqueda interpreten.
¿Es Lightbox Anything compatible con Squarespace 7.1?
Sí. Lightbox Anything está diseñado para Squarespace 7.0 y 7.1, incluidas las páginas con Fluid Engine.
¿Necesito un plan Business de Squarespace?
Para una configuración más sencilla y un funcionamiento óptimo, sí. Lightbox Anything utiliza la inyección de código, lo que requiere un plan Business de Squarespace o superior. Los usuarios del plan Personal pueden utilizar un método alternativo de Markdown.
