Embedding Content
This article covers how to embed content from other websites like Youtube videos, music and maps onto your site using embeddable code.
- Click on Add New Section in the editor and select the content category. You should see blocks for embedding content.
- Hover over the content block and click on Edit Section. A panel will appear on the right with options to embed an URL or iframe.
In this example, we'll embed a Linkedin post:
<iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:6790936135448326144" height="880" width="504" frameborder="0" allowfullscreen="" title="Embedded post"></iframe>- Publish and view your site
Responsive layouts
When using iframe's please set the width to
100% to make it responsive on all devices. It will take up 100% of its container.Custom Scripts
Some embeddable code requires you to also insert a script into your app. To do this, click on Settings (top of editor) and select Integrations from the menu.
Example of embedding a tweet from Twitter
- Add this script into custom code
<script async src="<https://platform.twitter.com/widgets.js>" charset="utf-8"></script>- Paste the following code into the content block