Articles on: Templates and Layers

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!