How to embed Confluence pages in other websites
Asked by 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.


Answers:
author: Tobias Anstett _K15t_
body: Hi [@Samuel_Roberts](/t5/user/viewprofilepage/user-id/2302624),

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

comments: author: Samuel_Roberts
body: Thank you for this answer, Tobias!


author: Anand Inamdar_Amoeboids
body: [@Samuel_Roberts](/t5/user/viewprofilepage/user-id/2302624) just came across this question. You may want to give our app [Embedder for Confluence](https://marketplace.atlassian.com/apps/1217536/embedder-for-confluence?hosting=cloud&tab=overview) a try. It is not perfect due to the API limitations, but it works.

<br />

Best,  
Anand


author: Andrea Rinaldi
body: Is Tobias' solution still the only one available as of today?


author: Cervantezson Najera
body: 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](https://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.


author: Sam Ajami
body: 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.

comments: author: Monet Buhr
body: Hi there,   

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


author: Conrado Maggi
body: I just came across this question. You may want to give our new app [DeskBase](https://marketplace.atlassian.com/apps/1227534/deskbase-on-brand-websites-for-confluence)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

comments: author: antony_ferminus
body: Hi Conrado,

Does this app shows the attachments too?

Regards,

Antony


Tags: cloud

confluence-cloud