AI Content Chat (Beta) logo

How to Embed RELAYTO

You can embed RELAYTO experiences and hubs on your website or within other RELAYTO experiences. These embeds are optimized for both desktop and mobile devices.


With RELAYTO, you can easily embed experiences and hubs on your website, blog, articles, or any other online platform while preserving all interactive elements. Let's get started!

Get the embed code 

To embed a RELAYTO document or hub, follow these steps:

1. Go to the Share panel of your document or hub.

2. Select the "Embed" section.

3. Paste the copied code into your Content Management System (CMS) or wherever you want to embed the RELAYTO/ document or hub.

 

Embed RELAYTO/

You can embed RELAYTO/ experiences and hubs in various places, including:

On A Blog: You can embed RELAYTO/ experiences on your blog. For example, to embed a Slide View:

Tezos talks about its self-amending blockchain | IBTimes UK

On An Article: Embed RELAYTO/ experiences in your articles seamlessly:

Notre nouvelle campagne inclusion - Fédération Sportive LGBT+ (sports-lgbt.fr)

On LinkedIn: Enhance your LinkedIn posts with embedded RELAYTO/ content:

Salesforce Accelerate - Breaking into the enterprise | LinkedIn

On A Website: Embed RELAYTO on your website to engage your audience:

Franco-Nevada Corporation - Environmental & Social Responsibility

 

Embed within RELAYTO  

If you wish to embed a RELAYTO experience within another RELAYTO/ experience, follow these additional steps:

1. Follow the steps within "Get the Embed Code" as mentioned above.

2. Click 'Add interactivity' in the document you want to place the embed in.

3. Select 'Embed'

4. Paste the embed code within the given field.

5. Click 'Confirm' to embed the document, then 'Save' the changes.

Customize embed 

You can modify the size of your embedded RELAYTO content by adjusting the embed code parameters. For example, to make the embed full-width and 500 pixels in height, use the following code:

<iframe seamless allowfullscreen src="https://relayto.com/relayto/qYnAMVLX?embed=1" width="100%" height="500" style="border: none"> </iframe>

If you want a fullscreen RELAYTO embed, you may need to adjust your website template as shown below:

<!DOCTYPE html>
<html>
 <head>
   <title>REPLACE WITH YOUR PAGE TITLE</title>
   <style>
       html, body{
           height: 100%;
           margin: 0;
       }
   </style>
 </head>
 <body>
   <iframe seamless allowfullscreen 
       src="https://embed.relayto.com/relayto/qYnAMVLX/slides"
       width="100%"
       height="100%"
       style="border: none">
   </iframe>
 </body>
</html>

That's it! You now know how to embed RELAYTO documents and hubs and customize their size for various platforms. Feel free to explore and enhance your online content with interactive RELAYTO elements.