# How To Open Pdf In A Lightbox In Squarespace **Source:** https://beyondspace.studio/blog/how-to-open-pdf-in-a-lightbox-in-squarespace **Language:** French (France) --- # How to open PDF in a lightbox in Squarespace Oct 15 Written By Beyondspace This tutorial will guide you how to open a PDF file in a lightbox popup in your Squarespace website. Below are the steps in this tutorial: - **Step 1** - Install Lightbox Studio - **Step 2** - Upload PDF file to your Squarespace or use the Dropbox-hosted PDF file - **Step 3** - Create a text or button link to your PDF file, make sure “**Open link in new tab**“ is un-checked - **Step 4** - Now your PDF file can be open in lightbox by default A demo created with above tutorial is as below: 📑 Open a PDF Popup (20MB) PDF popup button This tutorial will show you how to enable the lightbox by using Squarespace editor with Text Link or Button Link. For a complete tutorial on how to upload PDF files on Squarespace and explore other settings of the viewer using Lightboxify URLs parameters, check out this details tutorial ## Embed PDF lightbox on Squarespace Step-by-step tutorial can be found on this video LLMS.txt notice **Squarespace now support LLMS.txt natively** On 27-Jul-2026, Squarespace announced support for LLMS.txt files for all 7.1 sites. *Go to SEO/AI Visibility > SEO Settings > LLMS.txt* ! Only available for admin accounts of the site Lire la suite → ### Step 1 - Install Lightbox Studio In the first step please install the plugin Lightbox Studio . You can preview the plugin’s features using snapshot feature prior purchasing, try it, make sure it works for you before buy the plugin and follow this tutorial to activate the plugin after purchasing. ### Step 2 - Upload PDF to Squarespace Squarespace doesn’t have a dedicated management area for PDF files. Instead, PDFs are handled within the Link Editor, which you can only access when adding a link to elements like text, buttons, navigation, or images. Here’s how to upload PDF files using a text link or button as entry points to the Link Editor 1. Insert a link: In the Squarespace editor, navigate to any page and add a button or hyperlink 2. Upload the PDF: Switch the link type to File in the Link Editor and upload your PDF file there 3. Select the file: After the upload finished, you now can use checkbox next to the file to select it. By default Squarespace will generate a URL starting with `/s/` (e.g., `/s/sample-file.pdf`). You can use this URL for embedding or sharing. 4. Since Lightbox Studio can convert the links to PDF lightbox directly, you might not need to copy the PDF URL Upload PDF to Squarespace ### Step 3 - Create a link to your PDF file You can attach the existing PDF file URLs to the links or upload the new PDF file directly in the Link Editor, after the file is uploaded, ensure the setting “**Open link in new tab**“ is un-checked, this will enable PDF lightbox for that link right away! Turn off Open link in new tab ### Step 4 - Save the page and preview PDF lightbox Next, save the changes and your PDF file now is available for viewing directly on your site within a lightbox, keep your content more egaged and provide a seamless experience for visitors. The embed PDF on Squarespace with Lightbox Studio is available for both desktop and mobile browsers, bring a consistent look for your polished documents. You can also review all supported viewers for the PDF lightbox in this post by leveraging Lightbox URLs parameters. Monocle PDF notice **Can your visitors search your PDFs?** Now they can. Monocle Search for Squarespace just got smarter — it can index and search the contents of your PDF files alongside your site content. Perfect for resource libraries, courses, or downloadable guides. → See how to enable PDF Search in Monocle Lire la suite → ## Preview PDF lightbox on Squarespace To experience the PDF lightbox feature before purchasing the plugin, follow these steps: 1. Upload your PDF to your Squarespace site. 2. Attach the PDF to a link, ensuring the "**Open Link in New Tab**" option is **OFF**. 3. Follow this tutorial to preview the Lightbox on your site. 4. Click the PDF link to see the PDF displayed in the lightbox. See how Saraghina, a restaurant with a PDF link in its navigation for the online menu, showcases this feature in the Lightbox Studio playground without install the plugin ## Frequently asked questions How do I add a PDF to a Squarespace button? 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. Lire la suite → Comment ajouter un PDF aux détails d'un produit Squarespace ? Consultez cette publication pour guide étape par étape on how to add a sizing chart PDF to product details Lire la suite → How do I embed a PDF into Squarespace? 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. Lire la suite → Where is the link editor in squarespace? 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. Lire la suite → How to upload a PDF to Squarespace? 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 Lire la suite → ## Conclusion Adding a PDF lightbox to your Squarespace site with Lightbox Studio provides an elegant way to present documents directly on your page. This approach not only keeps users engaged but also streamlines access to key resources like menus, brochures, and guides. By following this tutorial, you can easily set up a PDF lightbox, enhancing your site’s professional presentation while offering a smooth browsing experience. 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 Précédent Précédent ## How to open different lightbox gallery for each image in grid gallery Suivant Suivant ## How to upload and manage Files on Squarespace