Help CenterHow to embed a document on your website via link

How to embed a document on your website via link

Embedding a document lets visitors view it directly on your website - no downloads, no new tabs. Papermark gives you an iframe snippet for any link, so you can drop it into a landing page, Notion doc, or portfolio in seconds. And you still get every view, page, and visitor tracked in your analytics.

Here's how to do it.

What you'll need

  • A document uploaded to Papermark
  • A shareable link for that document
  • Access to the HTML of the page where you want to embed it

Step 1: Open your document

Log into Papermark and click on the document you want to embed. You'll land on the document dashboard where you can see analytics, manage links, and view visitor activity.

If you don't have a link yet, click Create Link in the top-right corner. Give it a name (something like "Website Embed" so you can identify it later), set your security preferences, and click Save Link.

For a full walkthrough on creating links, see how to create a trackable link.

In the All links table, find the link you want to embed. Click the three-dot menu (⋯) on the right side of the row.

You'll see a list of actions:

  • Edit Link - change settings
  • Preview Link - see what visitors see
  • Duplicate Link - copy the link with its settings
  • Get Embed Code - generate an iframe snippet ⭐

Step 3: Copy the embed code

Click Get Embed Code. A modal opens with a ready-to-use iframe:

The code looks like this:

<iframe
src="https://app.papermark.com/view/YOUR_LINK_ID/embed"
style="width: 100%; height: 100%; border: none; border-radius: 8px;"
allow="fullscreen"
loading="lazy">
</iframe>

Click the copy icon to grab the full snippet.

Step 4: Paste it into your website

Paste the iframe anywhere HTML is supported:

  • Webflow - add an Embed element and paste the code
  • WordPress - use a Custom HTML block
  • Notion - paste the URL and Notion will embed it automatically
  • Framer - drop in an Embed component
  • Static sites - paste directly into your .html file

Control the size

By default the iframe fills its container. To set a fixed size, wrap it in a div with specific dimensions, or adjust the iframe style directly:

<div style="max-width: 900px; aspect-ratio: 16/10; margin: 0 auto;">
<iframe
src="https://app.papermark.com/view/YOUR_LINK_ID/embed"
style="width: 100%; height: 100%; border: none; border-radius: 12px;"
allow="fullscreen"
loading="lazy">
</iframe>
</div>

The aspect-ratio: 16/10 keeps it proportional to a standard slide deck. Adjust for portrait documents if needed.

Step 5: Track views on your embed

Every visit to your embedded document shows up in your Papermark analytics - just like any other link. Open the document and scroll to the All visitors table to see:

  • Who viewed (if email is required)
  • How long they spent
  • Which pages they looked at
  • Completion rate

This is the real advantage over a plain PDF: you know who's engaging with your content, even when it's embedded on a public page.

Best practices

Because embeds are public by default, think about what you're sharing:

  • Require email - capture who's viewing
  • Password protect - lock sensitive decks
  • Set an expiration date - auto-expire after a deadline
  • Enable watermarking - deter screenshots

All of these work the same on embeds as they do on shared links.

Create a dedicated link called "Website Embed" so embed analytics stay separate from links you send by email. That way you know exactly how much traffic each channel drives.

Keep the page fast

The iframe loads lazily (loading="lazy"), so it won't slow down your page on first paint. Visitors only load the document when they scroll to it.

Key takeaways

  • Embed any Papermark link with a single iframe snippet
  • Full analytics work on embeds - same as shared links
  • Control security with password, email gate, watermark, or expiration
  • Use separate links per embed location for cleaner tracking

More helpful articles