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

by Elaine on September 1, 2011

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 17 elaine cmsmind embed google forms loading Joomla 1.7 Help   How to Embed Google Forms into an Article

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 17 elaine cmsmind google form embed code Joomla 1.7 Help   How to Embed Google Forms into an Article

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 17 elaine cmsmind article options no filtering Joomla 1.7 Help   How to Embed Google Forms into an Article

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 17 elaine cmsmind plugin manager tinyMCE Joomla 1.7 Help   How to Embed Google Forms into an Article

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 17 elaine cmsmind article google forms no errors Joomla 1.7 Help   How to Embed Google Forms into an Article

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

 Joomla 1.7 Help   How to Embed Google Forms into an Article

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 13 comments… read them below or add one }

Phil Dawson September 1, 2011 at 11:38 pm

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.

Reply

Krish September 16, 2011 at 1:11 pm

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

Reply

Elaine September 17, 2011 at 11:53 am

Hi Krish,
I will look into it for you.
Thanks for your visit,
Elaine

Reply

Nicole Safley September 16, 2011 at 6:43 pm

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!!!

Reply

Elaine September 17, 2011 at 11:52 am

Hi Nicole,
No problem, glad it worked for you.
Thanks for your visit,
Elaine

Reply

Krish September 20, 2011 at 10:59 am

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

Reply

Kevin Hetrick October 12, 2011 at 5:51 am

Fantastic article. This also works with embedding WuFoo Forms! Thanks so much!

Reply

Elaine October 13, 2011 at 11:18 pm

Hi Kevin,
No problem. Glad it worked for you.
Thanks for your visit,
elaine

Reply

mOneyflOw October 31, 2011 at 5:09 pm

Thanks for the detailed explanation. Very useful. Keep the good work.

Reply

Elaine November 3, 2011 at 9:45 pm

Hi,
No problems. Thank you for your visit,
elaine

Reply

Goga January 11, 2012 at 12:11 pm

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!!!

Reply

Elaine January 11, 2012 at 12:56 pm

Hi Goga,
I’m glad my post helped you.
Thanks for your kind comments and for your visit! 🙂
Let me know if you need any help.
Elaine

Reply

Yasser January 26, 2012 at 6:58 pm

Hello thank you for the wonderfull guide, I cannot seem to find the HTML button..

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: