Embed Seidat presentations to websites

You can embed Seidat presentations to your website easily. Few reasons why you might want to:


  • Seidat presentations are simpler to update than the websites are.
  • All the changes will be seen instantly in the embedded presentation too.
  • If you have quickly changing content on your website and it is a hassle to change it to the website regularly, it might be easier to change it to the presentation.
  • If you want to create a website quickly to get started with, you can do that with Seidat and just embed the presentation to the website.


You can see few embedded Seidat presentations on our website.


HOW TO EMBED


  1. Create Seidat share link.
  2. Add this piece of code to your website's code and change the bolded bit with the generated Seidat address:
  3.  <div style="position: relative; width: 100%; padding-bottom: 56.25%;">
       <iframe width="100%" height="100%" style="position: absolute; display: block;" src="your shared Seidat presentation URL-address"></iframe>
     </div>
  4. Save the site and the presentation is now online on your site.
  5. You can make updates to the presentation at any time, and the updates will go live instantly. To avoid the risk of messing a page up while it's live, we recommend to make the changes in another presentation and bring the pages into the embedded presentation when they are ready using slide bank.


HIDING THE SEIDAT LOGO, TOOLBAR AND NAVIGATION MENU FROM EMBEDDED PRESENTATIONS


Query parameters are a way to hide and disable functions from embedded presentations. You may add the query parameters to the URL as described below. These query parameters are a nice way to remove all distractions from the presentation.


You may hide:

  • Seidat logo from top left corner (if the logo is disabled, but the toolbar is not disabled, the logo will be displayed if the mouse is moved to top left corner).
  • Top toolbar (can typically be hidden by pressing the Seidat logo).
  • The navigation menu (does not show automatically, can be opened by pressing the navigation map from bottom right).


Hiding the Seidat logo
Add ?showLogo=0 to the Share link
https://app.seidat.com/presentation/shared/PkjpMN7xjou5MT6K2/0/0?showLogo=0
Hiding the top toolbar (navbar)
Add ?navbar=0 to the Share link
https://app.seidat.com/presentation/shared/PkjpMN7xjou5MT6K2/0/0?navbar=0
Hiding the navigation menu
Add ?navigatorMenu=0 to the Share link
https://app.seidat.com/presentation/shared/PkjpMN7xjou5MT6K2/0/0?navigatorMenu=0
Hiding multiple things at once
Separate query parameters by putting & in between two or more query parameters.
https://app.seidat.com/presentation/shared/PkjpMN7xjou5MT6K2/0/0?navbar=0&showLogo=0 
J
Joona is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.