How to open a gallery lightbox on button?

To open a gallery lightbox using a button in Squarespace, you can follow these steps:

Step-by-Step Instructions

  1. Create a Source Gallery

    • Insert a Gallery block or section and upload your images and videos to the gallery on a blank page.
    • Name the page and note its URL (e.g., /source-gallery).
  2. Create the Lightboxify URL

    • Your Lightboxify URL should look like this:
      /source-gallery?lightboxify=true&lightboxify-mode=gallery#gallery-id
    • Make sure to replace gallery-id with the actual ID of your gallery.
  3. Set Up the Button

    • Create a Button block on your page.
    • Link the button to the Lightboxify URL you created.
  4. Save and Preview

    • Click Save to apply your changes.
    • Open your live site and click the button. It should open the Squarespace gallery lightbox instead of redirecting you.

Additional Information

Beyondspace

As a Squarespace Circle member, Beyondspace delivers plugins that elevate your website, streamline workflows, and optimize the Editor experience—saving time and driving engagement.

https://beyondspace.studio
Previous
Previous

How to block visibility for mobile?

Next
Next

How to launch a gallery lightbox from a single image?