Add your document library to any other platform

The hosted embed for Document Library Pro is a single, universal snippet that runs on nearly any website. As long as your platform gives you somewhere to drop an embed or a piece of custom HTML, you can display your document library there. Use this guide for any platform we have not covered separately, including other CMSs, plain HTML sites, internal intranets, and bespoke custom builds.

How it works: the embed combines a regular <iframe> with a small helper <script>. The iframe displays everywhere without exception. On platforms that permit scripts, the helper resizes the library to fit and brings in an in-page document preview. On platforms that block scripts, the library still functions at a fixed height and opens previews in a new tab instead.

Step 1: Copy your embed code

In your hosted dashboard, open Publish Library to find your embed code, then copy it. Most sites have a single library, and the Publish Library page is where its embed code lives. (If you have built more than one library, copy the code for the one you want from the Libraries screen instead.) Always paste the exact code from your own dashboard, not the sample below:

<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: Find where your platform accepts HTML

Almost every platform offers somewhere to add custom HTML. The option you are after tends to look like one of these:

  • Andere CMS (Drupal, Joomla, Ghost, HubSpot and the like): a “Custom HTML”, “Code”, or “Embed” block or module.
  • Statische HTML-Sites: drop the snippet straight into your page’s HTML at the point where the library should appear.
  • Private Intranets: a web part or content block that takes embed code.
  • Individuell entwickelte Sites (React, Vue, server-rendered, and so on): add the snippet to your template or page component.

Step 3: Paste your embed code and publish

Take the embed code from Step 1, drop it into that HTML or embed area, and then save or publish the page. Open the page to view your document library, where visitors can run searches, narrow results by category, and preview or download any document.

If the library is cut off

A few platforms drop embeds into a fixed-size container. If your library appears cropped or scrolls within a small frame, make the embed area a touch taller and wider than the library so everything sits comfortably.

No website? Use a standalone library

No website to embed into? No problem. We can host your library as a standalone site, either on your own domain or on ours, and you simply pass around the link. Get started here.

Verwandte Artikel

Bereit, Ihre Dokumente in einer durchsuchbaren Bibliothek zu bündeln?

Richten Sie Ihre erste Bibliothek in wenigen Minuten ein - als WordPress-Plugin, eingebettet auf einer beliebigen Website oder als eigene gehostete Bibliothek.

Kostenlos starten

14 Tage kostenlos Jederzeit kündbar