How to Embed Google Form on Facebook Fan Page

This tutorial will work if you had installed the Static FBML on your Facebook Page.  Soon iframe app will be launched but Static FBML will still be functioning well.

2 Essential elements for this tutorial:

  1. Google Form
  2. Static FBML
  • Create Google Form  








  • Open the Static FBML app then paste the code you got from your Google form's source page

  • Now, we have to edit the code.  First remove this code: 
 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”><html><head><meta http-equiv=”Content-type” content=”text/html; charset=utf-8″>  
 <title>test</title>  


  • Now change this:
<link href=’//spreadsheets.google.com/client/css/1968101144-embedded_form_compiled.css’ type=’text/css’ rel=’stylesheet’>

  • To:
<link href='http://spreadsheets.google.com/client/css/1968101144-embedded_form_compiled.css’ type=’text/css’ rel=’stylesheet’>

  • Remove these tags:
</head>
<body class=”ss-base-body” dir=”ltr”>
</body></html>  (can be found on the bottom part of the code)

  • Finally, add <br> after each label item to next the box under the box name.                                       ei. <label for=”entry_0″>name</label><br>
Here's the sample Google form from my Facebook Page, SeaBreeze Cottages Moalboal Cebu


If you find this tutorial a little confusing, you may refer to this page.
Enhanced by Zemanta

No comments:

Related Posts Plugin for WordPress, Blogger...