iframe-3When 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
    iframe-1
  6. Choose +Add Block from the pop-up menu.
  7. Scroll down the list and click iFrame. The Add iFrame menu will come up.
    iframe-2
    OptionDescription
     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.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve our Help Center:
Email Address
Optional, but our team may contact you for more information.
Did you find this article helpful?

Post a Comment

Name:
Email Address:
Comment:
Are you a bot?
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

News / Announcements

Update to SSL Certificates - Certificate Warnings
1969-12-31 11:00 am EST
Hits: 679

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!

Help Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.