Clickable Links in PDFs

Clickable Links in PDFs


Add interactive hyperlinks to your PDF renders.


How It Works


When exporting to PDF format, you can make layers clickable by adding a link property.



Via API


{
  "template": "TEMPLATE_ID",
  "format": "pdf",
  "layers": {
    "cta-button": {
      "text": "Shop Now",
      "link": "https://example.com/shop"
    },
    "logo": {
      "image_url": "https://example.com/logo.png",
      "link": "https://example.com"
    }
  }
}


In Editor


  1. Select a layer
  2. In the properties panel, find Link
  3. Enter the URL
  4. The link is active in PDF exports


Supported Layer Types


Links work on:

  • ✅ Text layers
  • ✅ Image layers
  • ✅ Shape layers
  • ✅ QR codes (in addition to encoded URL)



Type

Example

Web URL

https://example.com

Email

mailto:hello@example.com

Phone

tel:+1234567890


Important Notes


  • Links only work in PDF format
  • JPG, PNG, and other image formats don't support clickable links
  • The entire layer becomes clickable
  • Links open in the user's default browser/app


Example: Business Card


{
  "format": "pdf",
  "layers": {
    "company-name": { 
      "text": "ACME Corp",
      "link": "https://acme.com"
    },
    "email": { 
      "text": "contact@acme.com",
      "link": "mailto:contact@acme.com"
    },
    "phone": { 
      "text": "+1 (555) 123-4567",
      "link": "tel:+15551234567"
    }
  }
}



  1. Generate a PDF render
  2. Download the PDF
  3. Open in a PDF reader (Adobe, Preview, browser)
  4. Click the linked areas to test

Updated on: 11/01/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!