What's an iframe?
Embedding iframes lets you display content from other websites directly on your own page, without having to rebuild that content yourself.
For example, you’ve probably seen a Google Map or YouTube video appear right inside a webpage. Instead of sending visitors away to another site, iframes let you bring that interactive content—like maps, videos, or tools—into your own page, so everything feels seamless and connected.
How to setup
First, find the content you'd like to embed. On many sites, you'll see a share button with embed options. This is an example from Youtube
Companies will usually put the embed code in something that has a icon that looks like code, like "< >".
In this case, my actual embed code looks like this. Your code will need to have <iframe the content here></iframe> to work properly.<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=Vdqgld2nTkyfU6oH" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Once you have your embed code, click on the arrow to expand the Website section. Then select "Widgets"
Select Create Widget
Name your widget something that will be helpful to you. Click on the Source button.
Paste your embed code into the "Body", then click Save.
Then, copy the widget's code. In this case "[CONTENT-WIDGET_26708]"
Navigate to the page where you'd like to embed your iframe. In the Sections drop down, select Text.
Drag and drop "Paragraph" onto your page.
Highlight all of the text in the new "Paragraph" block you created, and delete it. In its place, paste your Widget code. This should technically work anywhere you can place text.
Click the checkmark button to publish your page, and refresh. You'll then see the object embedded.
Comments
0 comments
Article is closed for comments.