706 Website integrations

It’s simple to integrate your Prezentor presentation to your website. Read below to learn more about how to do that.

Using colored blocks that matches the areas outside the iframe on your website you can embed the presentation with a seamless look and feel. Follow the steps below:
 
1. Publish the presentation you want to embed to your website.
2. Open the Prezentor app and email yourself the presentation.
3. Press "View presentation" in the email, then copy the presentation URL from the new window.
4. Create an iframe on your website where you want the presentation to be shown.
5. Modify the HTML code below to your own preference and copy/paste it to your website.
 
the Size of the iframe
<div style="position: relative; width: 800px; height: 600px;”>

block in the top
<div style="position: absolute; width: 100%; top: 0; height: 70px; background-color: #cfbfb6;">&nbsp;</div>

block in the bottom
<div style="position: absolute; width: 100%; bottom: 0; height: 51px; background-color: #cfbfb6;">&nbsp;</div>

block in the left side
<div style="position: absolute; width: 57px; left: 0; height: 800px; background-color: #cfbfb6; top: 0;">&nbsp;</div>

block in the right side
<div style="position: absolute; width: 55px; right: 0; height: 800px; background-color: #cfbfb6; top: 0;">&nbsp;</div>

url for the prezentor presentation
<iframe xml="lang" src="https://editor.prezentor.com/api/helpers/render/5835a38f0ee197785bb412fa/?alternativeView&type=email&id=5cf4f23fedd5bc002012b68b#/slide_5835a38f0ee197785bb41305” This should be your URL for the relevant presentation
width="800" height="600"></iframe>
</div>


Code without our comments, so you can modify and copy/paste it to your website

<div style="position: relative; width: 800px; height: 600px;">
<div style="position: absolute; width: 100%; top: 0; height: 70px; background-color: #cfbfb6;">&nbsp;</div>
<div style="position: absolute; width: 100%; bottom: 0; height: 51px; background-color: #cfbfb6;">&nbsp;</div>
<div style="position: absolute; width: 57px; left: 0; height: 800px; background-color: #cfbfb6; top: 0;">&nbsp;</div>
<div style="position: absolute; width: 55px; right: 0; height: 800px; background-color: #cfbfb6; top: 0;">&nbsp;</div>
<iframe xml="lang" src="https://editor.prezentor.com/api/helpers/render/5835a38f0ee197785bb412fa/?alternativeView&type=email&id=5cf4f23fedd5bc002012b68b#/slide_5835a38f0ee197785bb41305
" width="800" height="600"></iframe>
</div>

Again, above URL should be the relevant one for you.