Embed Prezentor calculator / presentation to your website:
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. Create a new user called “website”. Eller I kan bruge en eksisterende bruger.
2. Publish the presentation you want to embed to your website with the new user “website”.
3. Open the Prezentor app and send the presentation to yourself.
4. Copy the presentation URL from the Prezentor email you received.
5. Create an iframe on your website where you want the presentation to be shown.
6. 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;"> </div>
block in the bottom
<div style="position: absolute; width: 100%; bottom: 0; height: 51px; background-color: #cfbfb6;"> </div>
block in the left side
<div style="position: absolute; width: 57px; left: 0; height: 800px; background-color: #cfbfb6; top: 0;"> </div>
block in the right side
<div style="position: absolute; width: 55px; right: 0; height: 800px; background-color: #cfbfb6; top: 0;"> </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;"> </div>
<div style="position: absolute; width: 100%; bottom: 0; height: 51px; background-color: #cfbfb6;"> </div>
<div style="position: absolute; width: 57px; left: 0; height: 800px; background-color: #cfbfb6; top: 0;"> </div>
<div style="position: absolute; width: 55px; right: 0; height: 800px; background-color: #cfbfb6; top: 0;"> </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.
Comments
0 comments
Please sign in to leave a comment.