Integrations & examples
Embed Google Docs, Airtable, Trello, YouTube, Figma, Miro and more in Confluence with HTML Macro Pro, plus the URL each service needs.
The universal pattern
Embedding any service in Confluence works the same way:
Get the share or embed URL
In the service, look for a share, publish or embed option and copy the URL it gives you. When a service offers an iframe snippet, the URL inside the src attribute is what you want.
Paste it into the macro
On your Confluence page, type /html, choose Embed a URL / link to this page, paste the URL and set the Block height.
Publish
Save the macro and publish the page. The content renders inside a sandboxed frame.
If your admin enabled restricted mode, the service’s hosts must be on the allowlist. The template library covers the common ones with one click: see Content Security Policy.
Works out of the box
These services have a predefined Content Security Policy template, so they work even on locked-down sites once an admin enables the matching template: Atlassian Products, Google Drive (Docs, Sheets, Slides), Dropbox, X (Twitter), YouTube, Google Calendar, Trello, Airtable, Miro, Figma, Microsoft Office and Draw.io.
Detailed guides
- Embed Google Docs: Docs, Sheets and Slides via Publish to web.
- Embed Airtable: share a view and use the embed URL.
- Embed Trello: the embeddable board view.
- Embed YouTube: always use the /embed/ URL.
Other services in one line
- Google Calendar: in Google Calendar, open Settings and sharing for the calendar, scroll to Integrate calendar and copy the Public URL to this calendar.
- Figma: use Figma’s share dialog and copy the embed URL from the iframe snippet.
- Miro: open the board’s share dialog and copy the embed URL from the iframe snippet.
- Microsoft Office: in OneDrive or SharePoint, use File > Share > Embed and copy the URL from the iframe snippet.
- Draw.io: publish or export the diagram from diagrams.net and use the link it generates.
- Dropbox: paste the file’s share link.
- X (Twitter): generate the embed snippet on publish.twitter.com and paste it via the raw-code option.
Something missing? The pattern at the top works for most tools that allow embedding. If a service refuses to load, that block usually comes from the service itself: see Troubleshooting.
Add HTML Macro Pro to Confluence
Securely embed websites and custom code in your Confluence pages.