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.