To add a PDF to a button:

1. Insert a Button block on your Squarespace page.

2. Click "Attach Link" to access the Link Editor.

3. Switch to the "File" option and either choose an existing PDF or upload a new one.

4. Ensure the "Open Link in a New Tab" option is unchecked.

5. Save the page and preview your PDF in the lightbox.

View this post for step-by-step guide on how to add a sizing chart PDF to product details

By installing Lightbox Studio, you can embed a PDF within a text link or button on your Squarespace site. Upon clicking, the PDF will open in a lightbox, providing a seamless viewing experience on both desktop and mobile.

The Link Editor in Squarespace is a flexible tool that lets you manage links as well as uploaded files in several different ways: through links in navigation, text, images, buttons, and even auto-layout buttons.

Since Squarespace doesn’t have a dedicated file management area for PDFs, you’ll use the Link Editor to upload the PDF. Here’s how:

1. Insert a Link in the Squarespace Editor: Navigate to the page where you want to add the PDF, and insert a button or hyperlink in the content.

2. Upload the PDF via the Link Editor:

   • Open the Link Editor, then select File as the link type.

   • Upload your PDF file directly here. Squarespace will automatically generate a URL starting with /s/ (e.g., /s/sample-file.pdf).

3. Now your PDF is ready to inserted on links or embed in lightbox

In Lightboxify URLs, the question mark (?) is used to start the query string, which contains the parameters for the Lightboxify functionality. The ampersands (&) are used to separate multiple parameters within the query string.

Example Format:

• URL Structure: /source-gallery?lightboxify=true&lightboxify-mode=gallery&lightboxify-theme=dark#gallery-block-id

  • The ? begins the query string.

  • The & separates each parameter (e.g., lightboxify=true, lightboxify-mode=gallery, lightboxify-theme=dark).

This format ensures that all the parameters are correctly passed to enable the lightbox with the specified attributes. For more details, you can refer to the Lightboxify URLs FAQ.

No, the URL does not have to specifically be /source-gallery. This URL is just an example. You can use any URL that points to the page that is containing the gallery you want to display in the lightbox. Just ensure that the URL correctly references your specific gallery.

For more details, you can refer to this blog post about opening dynamic gallery lightbox using Lightboxify URL.

To open a different lightbox gallery for each image in a grid gallery, you can follow these steps:

1. Create Source Galleries

   • Insert a Gallery block or section a page (e.g., /source-gallery)

2. Insert Lightboxify URLs

   • Your Lightboxify URL should look like this:
     /source-gallery?lightboxify=true&lightboxify-mode=gallery#gallery-id

3. Link Images to Their Corresponding Lightboxify URLs

   • Link each image to its corresponding Lightboxify URL.

4. Save and Preview

   • After linking all images, save the changes. Each image should now open its unique lightbox gallery when clicked.

For more detailed instructions, you can refer to this blog post.

If you're unable to insert a Gallery block on your Squarespace 7.1 website, you can use the Classic Gallert block plugin to overcome this limitation. Here’s how to do it:

1. Install the Classic Gallery Block Plugin:

   • Activate Classic Gallery block using Ground Control

2. Insert the Gallery Block:

   • Once enabled, you’ll see the Gallery Block option when inserting a new block into your sections.

   • You can now add and customize gallery blocks on any page section in Squarespace 7.1.

For more detailed guidance, you can check out the full article on how to insert Gallery blocks here.