You can add your hosted document library to any Squarespace page using a Code Block. This guide walks through every step.

Before you begin: Code Blocks that contain embed scripts are a paid Squarespace feature, available on the Business plan and higher. Your library also only appears once your site is published - while you are editing, Squarespace shows a "Script Disabled" placeholder instead of the live library.

Step 1: Copy your embed code

In your hosted dashboard, open the Libraries screen and click Copy code next to the library you want to display. Your embed code looks like this (always use the exact code from your own dashboard, not this example):

<iframe src="https://your-library.documentlibrary.app/?dlp_embed=1" title="Document library" style="width:100%;border:0;height:600px;" loading="lazy"></iframe>
<script src="https://your-library.documentlibrary.app/?dlp_embed_resize=1" async></script>

Step 2: Create a page for your library

In your Squarespace dashboard, go to Website → Pages. Next to Main Navigation, click the + button, choose Page, then select a blank layout. Give the page a name such as Document Library. Squarespace adds it to your navigation menu automatically.

Step 3: Add a Code Block

With your new page open, click Edit. Click Add Section and choose a blank section, then click Add Block, search for Code, and select the Code block.

Step 4: Paste your embed code

Click the Code Block to open it, make sure the mode is set to HTML, delete the default "Hello, World!" text, and paste the embed code you copied in Step 1.

Step 5: Resize the block to fit your page

This step is important. By default the Code Block is narrow, and a narrow block makes the library collapse to a single column. Click the Code Block to select it, then drag its right-hand edge across to fill the width you want the document library to take up - usually the full width of the page. Make sure you are in Desktop view (the monitor icon at the top) while you do this, so the library has room to show its full table of columns.

Step 6: Save and view your library

Click Save. While you are editing, the block shows a "Script Disabled" message - this is normal. Once your site is published, visit the page to see your document library live, where visitors can search, filter by category, and download or preview each document.