Page Comparison

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. Go to the

To get a copy of your link

• in the page tools menu

...

• on your page,

...

• choose Share this page...

...

Image Added

For the current example, we are sharing the Spaceship Requirements page.

Image Removed

2. Getting your Website ready

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

Image Modified

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>

Image Modified

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>

Image Modified

Related articles