How to use Iframes on your website?
An iframe is an HTML tag that is useful for including content from other sources, such as videos, maps, and social media feeds, without having to recreate the content yourself. We'll cover how to create an iframe, how to set the source of the iframe, and how to customize the iframe's appearance and behavior.
What is an Iframe and when to use it?
An iframe is like a mini browser window that you can put inside your website. It lets you show content from another website without your visitors having to leave your site. Think of it like a picture-in-picture feature on your TV, but for webpages. So, instead of opening a new tab or window to show the content, you can embed it directly into your website.
You might want to use an iframe on your website if you want to display content from another website, such as:
- Social media feeds
- Videos
- Maps
- Documents or PDFs
- Games or interactive widgets
- Live chats
- Advertising banners or external sponsor content
Remember about:
How to set up an Iframe on your website?
Go to the Creator in the left side panel and select Iframe widget
Drag and drop it on your website
Insert Page URL in Widget Settings
Edit the appearance of the Iframe in Widget Styles. Adjust size, position and more.
Click SAVE to complete.
Tip
Embedding too many iframes on a single page can slow down the page load time, leading to a poor user experience.
Make sure to optimize the performance of your website by minimizing the number of iframes used, or by using lazy loading techniques to delay the loading of iframes until they are needed.
