The **Iframe** is one of the **Embed** components that allows you to seamlessly embed external content into your pages, offering a flexible and polished way to integrate videos, maps, or other web content directly within your site. ⚠️ **This component can only be created by the Site Admin. Please contact us if you need assistance with its creation.** ## How to edit in the back office? ![iframe edition gif](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2811%29.gif?itok=crEiEwIC) Once the **title**, **hero banner**, and **content push** of the page have been updated, you can start working on the content by adding an **Iframe**. First, add an **Embed**. Then, click on **Media** and choose '**Iframe**' from the tab bar. In the **Iframe** form, start by entering the **Iframe Title** to define its purpose. Next, embed your external content by adding the **link** in the URL field. This can include a video, map, or any other embeddable web page. Make sure the URL is valid and compatible for embedding. Following that, adjust the display settings by configuring the height and width fields. These dimensions control how the Iframe will appear on your page, ensuring it fits seamlessly into your site layout. **Save Your Changes and Change the status to "Published"**. ## Examples: #iframe-field_media_veolia_iframe-5781 {/*frameborder*/ border-width:0;/*scrolling*/ overflow:auto;} Your browser does not support iframes, but you can visit [](https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d4107.335461193173!2d0.13685916433910011!3d51.522578933047384!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a58259da5257%3A0x404fee35adacf108!2sVeolia%20Dagenham!5e0!3m2!1sen!2suk!4v1713361377064!5m2!1sen!2suk) #iframe-field_media_veolia_iframe-5736 {/*frameborder*/ border-width:0;/*scrolling*/ overflow:auto;} Your browser does not support iframes, but you can visit [](