Loading...
JoomlaJoomla 1.6Joomla 1.7Joomla ArticlesJoomla Components

Joomla 1.7 Help – How to Embed Google Forms into an Article

Joomla 1.7 Tips – Embedding Google Forms into your Article

You will have problems embedding any code into Joomla 1.7 if you do not turn on one setting.  The Joomla Editor will strip any code you try to embed or in this case when trying to embed a form from Google Forms, you will get a “Loading” message.  In fact it’s not loading anything.   I wrote a post about this setting in Joomla 1.6 and it is the same in Joomla 1.7.  You will need to change the setting in your Article Manager.  Here is a screenshot of the error:

Joomla 1.7 Embed Google Form Error - Loading
Joomla 1.7 Embed Google Form Error - Loading

Overview of steps to Embed a Google Form into your Article by Elaine @ Cmsmind.com:

  • Copy Embed link from Google Forms
  • Change text filter settings in Article Manager
  • Change settings in the TinyMCE Plugin in Plug-in Manager
  • Create new article and embed the form

Below I will show you how to Embed Google Forms Into your article:

1.  Copy Embed link from Google Forms

  • In Google, click on More Actions, Embed
  • Copy the link provided
Joomla 1.7 - Embed Google Form Code
Joomla 1.7 - Embed Google Form Code

2.  Change text filter settings in Article Manager

  • Login to your Joomla 1.7 administrator panel
  • Click on Content, Article Manager, Click on ‘Options’ at the right side
  • Scroll down, set ‘Super Users’ = “No Filtering”
  • Click on Save & Close
  • See the screenshot below:
Joomla 1.7 Article Manager Options - No Filtering
Joomla 1.7 Article Manager Options - No Filtering

3.  Change settings in the TinyMCE Plugin in Plug-in Manager

  • Click on Extensions, Plug-in Manager
  • Search for ‘Editor – TinyMCE’
  • Edit the plugin
  • Under Basic Options, Prohibited Elements, remove the word ‘iframe’
  • Click on Save & Close
  • See the screenshot below
Joomla 1.7 Plugin Manager Tiny MCE options
Joomla 1.7 Plugin Manager Tiny MCE options

4.  Create new article and embed the form

  • Click on ‘Content’, ‘Article Manager’, ‘Add New Article’
  • Under Article Details, complete the pertinent information relating to your article.  For eg
    • Title = Google Forms Elaine Cmsmind
    • Alias = google-forms-Elaine-cmsmind
    • Category = Joomla!
    • Status =Published
    • Access = Public
  • Under Article Text, click on the ‘HTML’ button
  • In the HTML Source Editor, paste in the code you copied from Step 1
  • Your Google Forms should insert into your Article.
  • Click on Save & Close
  • See screenshot below
Joomla 1.7 Embed Google Form Successful
Joomla 1.7 Embed Google Form Successful

Now you can go to the Joomla frontend and view the article that you changed in Step 4.  You will be able to see the Google form that you embedded in your article.

Thanks,

Elaine

14 comments
  1. Phil Dawson

    Hi,

    It didnt work for me.

    I set the filter to – No filtering

    When deleting the iframe from the prohibited list, after clicking save, it came back..
    i tried deleting them all, they all came back when i click save. Save and close was the same.

    Please help its so frustrating 🙁

    Phil D.

  2. Krish

    Hi,

    I have similar issue, in embedding a Flash Intro into the article, i have tried both your settings, in TinyMCE, i have added tag in the extended text field and removed from prohibited text field. But my Page is not displaying the Flash Intro, can you please help me to resolve this issue ? Thanks in advance.

    regards,
    Krish

  3. Nicole Safley

    Thank you! Thank you! Thank you!

    I have spent about 4 hours trying to figure out why my action element was being stripped out. This worked!!!

  4. Krish

    Hi Elaine,

    Thanks for your support. I have figured out the solution. In the Plug-In Manager of TinyMCE Editor, there is a Functionality attribute which has default value as “Advanced” which needs to be changed to “Extended”. This will resolve the above explained Issue. Now i face one another Issue with Marquee Tag Feature, whenever i place this Marquee tag, it is getting cut while saving, is there any alternative for this Marquee feature, if so, kindly suggest me the same.
    Thanks in Advance.

    Regards,
    Krish

  5. Goga

    Hi Elaine,
    Worked!!!
    After having tried 2 extensions and everything else I managed to find on the Internet, your advice actually worked and I successfully embeded my google form!!! The instructions you give us are so easy to follow!! I am going to read the other advice you offer, I’m sure it’ll be very useful!!!

  6. CRistina

    Help me please!
    All look great! Thank you!
    But after I save the article the google form disappear And it just remains the text “Loasding …” as a text.

Leave a Reply

Your email address will not be published. Required fields are marked *

Captcha Captcha Reload