Step-by-step guide
Table of Contents | ||||||
---|---|---|---|---|---|---|
|
1. Create a Public Link for your Confluence Page
First of all, you will need to generate a public link from your Confluence instance. Go to the tools menu in your page, click on "
To get a copy of your link
choose Share this page...
...
in the page tools menu on your page
...
Info |
---|
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 where we will embedded embed 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
In the following snippet
replace the attribute
...
src
...
with
...
the public link for your shared page and
...
add it to your website html
...
Code Block | ||
---|---|---|
| ||
<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 if you like by changing the look and feel. For example, by removing the Confluence header:
Code Block | ||
---|---|---|
| ||
<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 (Content by label) | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Page Properties | |||
---|---|---|---|
| |||
|