When designing your site, you may have to display another webpage within a window on your website. The IFrame block adds functionality that allows you to accomplish this easily.

In this tutorial we will cover using the free Iframe addon in Concrete5, which is available in the Marketplace.

How to work with the iFrame Add-on:

1. Install the free Iframe addon from the Concrete5 Marketplace. After installation, the IFrame block will be available for adding to your page. 
2. Login to your Concrete5 Dashboard.
3. Using the menu bar, navigate to the page you want to add the IFrame block to.
4. Click the Edit button on the top left. Now when you roll your mouse over the page, editable areas will "light up".
5. Click the area you want to add the Iframe to. In my tests I want it in the main body of the site, so I am selecting Add to Main. 
   
6. Choose +Add Block from the pop-up menu.
7. Scroll down the list and click iFrame. The Add iFrame menu will come up.
   
   

   Option	Description
   URL	Enter the web address of the site you want to display within the iFrame window.
   Name	Enter the name of the website.
   Width	Specify your preferred width.
   Height	Specify your preferred height.
   Frame Border	Choose if you want a border. Options are Yes or No.
   Align	Choose where you want the iFrame aligned.
   Scrolling	Choose from Auto, Yes or No. Auto allows a page to scroll if it does not fit within the height and width set above. Yes will allow the page to scroll, and No will stop the page from scrolling.
   Margin Width	You can enter a margin size here that will affect the spacing between the border and the content.
   Margin Height	You can enter a margin size here that will affect the spacing between the border and the content.

   
   Make your selections and click the blue Add+ button on the bottom right.
8. Roll your mouse over the Editing button on the top left, and click the blue Publish My Edits button. You will now see the website displayed within the iFrame window on your Concrete5 website.
   
   Congratulations, now you know how to work with the free iFrame Add-on in Concrete5.