How to embed Confluence pages in other websites

[Samuel_Roberts]

Some of our Confluence pages are great reference resources that we would like to embed within our Intranet.

Even on ubiquitous WordPress, iframing the content appears not to be possible. Evidently, this is because several years ago Confluence included new headers in pages to prevent  clickjacking.  Described in this knowledgebase article: https://confluence.atlassian.com/confkb/confluence-page-does-not-display-in-an-iframe-827335781.html)

The article says there is a fix for server-based Confluence instances, but not for Atlassian Cloud (which is where we live). Does that mean there truly is no way to embed content in Confluence within other websites? Surely there must be a workaround for this.

[Tobias Anstett _K15t_ · Accepted solution]

Hi @Samuel_Roberts,

I guess the browser console reports an error like:

Refused to display 'https://XXXX.atlassian.net/wiki/spaces/XXXX' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'".

The only workaround that I am aware of is to use the Confluence REST API to render your content. But please note that you need to put a lot of efforts into this.

https://k15t-dev.atlassian.net/wiki/rest/api/content/{contentId}?expand=body.export_view.webresource.tags.all

This will return both the rendered content (export_view) and all the tags required to resolve the js and css webresources. However image src links have to be adapted and so on.

To summarize it - unfortunately there is no good and easy solution for this.

Best, Tobias

[Samuel_Roberts]

Thank you for this answer, Tobias!

[Anand Inamdar_Amoeboids]

@Samuel_Roberts just came across this question. You may want to give our app Embedder for Confluence a try. It is not perfect due to the API limitations, but it works.

Best,
Anand

[Andrea Rinaldi]

Is Tobias' solution still the only one available as of today?

[Cervantezson Najera]

Confluence is a team workspace where knowledge and collaboration meet. Equipped with the right information, teams can make quick decisions, gain alignment, and transform the way they work together.

Figma Live Embeds allow you to add live Figma files or prototypes into other websites like myselfcarenotes.com or apps. Add Figma links to your Confluence Pages documents to:

Embed Figma files inside your meeting notes or design specs
Share your designs with teammates
Collect design feedback from collaborators

Create a Confluence account and learn more about Pages at atlassian.com.
Embed a file or prototype in Confluence.

Open the file you want to embed in your Confluence doc.
To link to a specific frame in the Figma file, select the frame.
Click the Share button in the toolbar.
Check the box to Link to selected frame (Optional).
Update your link sharing permissions to determine who can view and interact with the file embed (Optional).
Click Copy link when you're ready to embed the file.

[Sam Ajami]

Mmmmmhhh, I'm also looking for something like this.

We want to write our product manuals and descriptions in Confluence, and have those pages pop up on our website.

Really thought there'd be a plugin or something else that would be easy to use.

Shame.

[Monet Buhr]

Hi there, 

Did you ever get an answer/solution on the above?

[Conrado Maggi]

I just came across this question. You may want to give our new app DeskBase with it, you can create a website from your docs and embed one or multiple pages of it on any other app or website.

Best,

Conrado

[antony_ferminus]

Hi Conrado,

Does this app shows the attachments too?

Regards,

Antony