You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Step-by-step guide

1. Create a Public Link for your Confluence Page

First of all, you need to generate a public link from your Confluence instance. Go to the tools menu in your page, click on "Share this page...", then get and copy your link. For the current example, we are sharing the Spaceship Requirements page.

2. Get Ready your Website

For this tutorial, we have created a dummy "Company Website", where we will embedded our shared page Spaceship Requirements.

3. Generate your HTML Snippet

We are going to use an iframe to directly embed our shared page. Replace in the following snippet the attribute "src" with your public link and just 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 to look much better, for example, 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>

 

There is no content with the specified labels