View of site without iframe JoomlaWhen creating content for your Joomla web pages, you may want to insert an iframe into one of your pages. An iframe is used by YouTube to embed videos. The image to the right shows what the site looks like without the iframe. Below are the steps to insert an iframe into your Joomla Website.

Adding an iframe in Joomla 3.1

Removing iframe from the prohibited types

  1. Log into your Joomla Dashboard.
  2. Plugin Manager JoomlaGo to Extensions > Plug-in Manager.
  3. Select teh type JoomlaIn the filter section on the left, select the "editors" type from the Select Type drop box.
  4. Tiny MCE editor JoomlaSelect "Editor - TinyMCE".
  5. Basic Options JoomlaSelect the Basic Options tab.
  6. Prohibited html tags JoomlaIn the Prohibited Elements box, delete the iframe text from the elements that are prohibited.

    Save the changes.

Add the iframe code to your page

  1. Log into your Joomla Dashboard.
  2. Click HTML in editor JoomlaEdit the article you want to add the iframe to.

    Click the HTML button in the WYSIWYG editor.

  3. Update teh code JoomlaAdd the HTML for the iframe to the code. The below code is what we are adding to the Source editor.
    <iframe width="560" height="315" src="http://www.youtube.com/embed/VX4HjU4iZQ8" frameborder="0" allowfullscreen></iframe>

    Click Update and Save the article.

    Veiw of page with iframe JoomlaVisit your website. You will see your iframe load on the page like the snapshot to the right.

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 this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Did you find this article helpful?

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

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

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!
Need More Help?

Help Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 757-416-6627 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.
}