How to insert a document library into Shopify

The Document Library Pro Shopify app automatically adds a main Documents page to your store that lists all of your documents.

You can also create additional libraries, each listing a different set of documents, and insert them into specific pages, products, and your theme templates. This guide covers every option.

Note: The first three options on this page only work when you’re using the Document Library Pro Shopify app. If you bought Document Library Pro directly on this website without installing the Shopify app, then you can only use the embed code method.

Add your Documents page to your store menu

The app creates a ready-made page called Documents that lists all of your documents. To add a link to it in your store navigation:

1. In your Shopify admin, go to Content → Menus.
2. Open the menu you want (for example, your main menu) and click Add menu item.
3. In the Link field, search for and select the Documents page.
4. Give it a name such as “Documents” and click Save menu.

The Documents page is a normal Shopify page, so you have full control over it. Under Online Store → Pages you can rename it, and add your own text and images above or below the library, for example a short introduction. If you only want to show documents on specific products and do not need a central library page, you can simply delete the Documents page.

Creating additional libraries

As well as your main Documents page, you can create additional libraries, each listing a different set of documents on its own library page. Do this via the Libraries section of the Document Library Pro admin.

For example, you might want multiple libraries in order to list different documents on different product pages, or to show different libraries on different parts of your store. Once you have created your extra libraries, use the methods below to add them to the relevant parts of your store.

Add a library to a product

To add a library to a product:

1. Open the product you want to add a library to.
2. Click More actions at the top right, then Insert document library.
3. Choose which library to add, then click Insert.

The library is added to the product description and appears on your storefront straight away. There is nothing else to switch on.

Adding a library to a page? Use the embed code method below.

Which library is added: By default, this inserts a library that lists all of your documents. If you have created additional libraries, those also appear in the list for you to choose from.

Show a different library on each product

You can show a different library on every product. Insert the library you want on each product using the steps above. For example, you could create a separate library of spec sheets for each product and insert the matching one on each product page.

Moving the library within the description

The library is always added at the end of the description. To move it somewhere else:

1. In the description editor, click the code view button (<>) in the toolbar.
2. Find the <iframe>...</iframe> block, which is at the very end of the code.
3. Cut it and paste it where you want the library to appear among your other content, then save.

Adding the Document library card

To add document libraries to products more easily, you can also add a Document library card to the product editing screen itself, so you do not have to open the More actions menu each time. We recommend pinning it (the pin icon on the card) so it appears on the editing screen of every product, not just one. The card appears in the Blocks section toward the bottom of the editing screen, and Shopify keeps app cards there, so it cannot be moved higher up the page.

Scroll to the Blocks section at the bottom of a product, click Add block, choose Document library card, then pin it.

Add a library to a theme template

If you want to add a document library to a fixed spot in your theme rather than inside a product or page description (for example below the Add to cart button), you can add it as a theme block:

1. Go to Online Store → Themes and click Customize.
2. Open the template you want (such as the product template), click Add block in the section where you want the library, and choose the Document Library block.
3. It lists all of your documents by default. To show a specific library instead, pick one from the Library dropdown, then save.

Because a theme block is placed on the template, it shows the same library on every product or page that uses that template. To show a different library on each product, use the insert method above, which adds the library to that one product only.

Use an embed code to add libraries anywhere

Every library has an embed code (an <iframe>). You can paste it anywhere you can add HTML. This is the method to use if you use Document Library Pro without the Shopify app, or if you want to place a library somewhere the steps above do not cover.

To get your embed code, first open the Publish Library page in your Document Library Pro dashboard and copy the embed code for the relevant library. (If you haven’t yet created the library you wish to embed, then you can do so on the Libraries page.)

Next, Paste the embed code into any of the following:

• A product description: Open the product, click the code view button (<>) in the description toolbar, and paste the embed code where you want it.
• A page: Go to Online Store → Pages, open or create a page, click the code view button (<>) in the content toolbar, and paste the embed code.
• A theme section: In Online Store → Themes → Customize, add a Custom Liquid block to a section and paste the embed code into it.
• Any other website: The same embed code works on any website, not just Shopify.