This site has moved to the integrated Appfire documentation and information site for our apps.
From February 2024 this site is no longer updated.
Take a look here! If you have any questions please email support@appfire.com
How to Embed a Shared Page
Step-by-step guide
1. Create a Public Link for your Confluence Page
First, you will need to generate a public link from your Confluence instance.
To get a copy of your link
- in the page tools menu on your page, choose Share this page...
For the current example, we are sharing the Spaceship Requirements page.
2. Getting your Website ready
For this tutorial, we have created a dummy Company Website where we will embed our shared page Spaceship Requirements.
3. Generate your HTML Snippet
We are going to use an iframe to directly embed our shared page.
In the following snippet
- replace the attribute src with the public link for your shared page and add it to your website html
<iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="http://YOUR_DOMAIN/display/shareit/4556722/TEK19cf49188ff94c489c0d374ea3ee63daTSJ" width="800" height="600" frameborder="0"></iframe>
Finally, you can improve the style of your shared page if you like by changing the look and feel. For example, by removing the Confluence header:
<div id="myDivId" class="col-md-4" style="width: 775px; height: 600px;overflow: hidden"> <iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="http://YOUR_DOMAIN/display/shareit/4556722/TEK19cf49188ff94c489c0d374ea3ee63daTSJ" width="775" height="600" frameborder="0" style="position:relative; margin-top: -80px;"></iframe> </div>
Related articles
Filter by label
There are no items with the selected labels at this time.