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.

Consultez cette publication pour guide étape par étape 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.

Comme Squarespace ne dispose pas d'une zone de gestion de fichiers dédiée pour les PDF, vous utiliserez le Éditeur de liens pour télécharger le PDF. Voici comment :

1. Insérez un Lien dans l'éditeur Squarespace : accédez à la page où vous souhaitez ajouter le PDF, puis insérez un bouton ou un lien hypertexte dans le contenu.

2. Téléchargez le PDF via l'éditeur de liens :

   • Ouvrez le Éditeur de liens, puis sélectionnez Fichier comme type de lien.

   • Téléchargez votre PDF fichier directement ici. Squarespace générera automatiquement une URL commençant par /s/ (par ex., /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.