Añade tu biblioteca de documentos a Squarespace

With a Squarespace Code Block, you can place your hosted document library on any page of your site. The steps below cover the whole process.

Antes de comenzar: embed scripts inside Code Blocks are a paid Squarespace feature that requires the Business plan or above. Keep in mind too that the library is only visible after your site goes live. As you edit, Squarespace displays a “Script Disabled” placeholder in place of the working library.

Paso 1: Copie su código de inserción

En su panel alojado, abra Publicar biblioteca para encontrar su código de inserción y copiarlo. La mayoría de los sitios tienen una sola biblioteca, y la página Publicar biblioteca es donde vive su código de inserción. (Si ha creado más de una biblioteca, copie el código de la que desee desde la pantalla Libraries en su lugar.) Pegue siempre el código exacto de su propio panel, no el ejemplo a continuación:

<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>

Paso 2: Cree una página para su biblioteca

From your Squarespace dashboard, head to Website → Pages. Click the + button beside Main Navigation, pick Page, and then choose a blank layout. Name it something like biblioteca de documentos, and Squarespace will slot it into your navigation menu for you.

The Document Library page added to the Squarespace navigation menu

Step 3: Add a Code Block

Open the new page and click Edit. Choose Add Section, pick a blank section, then click Add Block, search for Code, and select the Code block.

Paso 4: Pega tu código de inserción

Click into the Code Block to open it. Confirm the mode is set to HTML, clear out the default “Hello, World!” text, and paste in the embed code from Step 1.

Pasting the document library embed code into a Squarespace Code Block

Step 5: Resize the block to fit your page

Do not skip this part. A Code Block starts off narrow, and a narrow block forces the library down to a single column. Select the Code Block and drag its right-hand edge outward until it spans the width you want for the library, which is usually the full page. Be sure you are in Escritorio view (the monitor icon along the top) while you do this, giving the library enough room to display its full set of columns.

Step 6: Save and view your library

Clic Save. The block will read “Script Disabled” while you are still editing, which is expected. After your site is published, open the page to see the library running, where visitors can search it, filter by category, and download or preview any document.

A document library displayed on a published Squarespace page

Artículos relacionados

¿Listo para reunir tus documentos en una biblioteca con búsqueda?

Configura tu primera biblioteca en minutos: como plugin de WordPress, insertada en cualquier sitio, o como una biblioteca alojada propia.

Empieza gratis

Prueba gratuita 14 días Cancela cuando quieras