Adding Facebook Social Plugins to a Form
Last Update: May 7, 2012There are many ways to add Facebook social plugins to a form. You can add it with a "Free Text(HTML)" field from the form builder and embed the code from there, or you can retrieve the full-source from the "Embed Form" Wizard and add the Facebook code within the form code, and you can do it with some other ways too. We used our free text(HTML) field to add our Facebook social plugin.

2. Edit the text inside the "Free Text(HTML) field. Write something that you want for your friends, family, or customers want to see.

3. Go to preview mode by clicking "preview" button and copy the whole URL for your form somewhere(notepad, text editor, etc.).

4. Go to Facebook developers page from here and select a social plugin. For our example we choose the "Like" button.

5. Scroll down a little bit until you see "Step 1 - Get Like Button Code".
6. Fill in "URL to Like" field with the URL code you've got in step 3.

7. This step is important and shouldn't be missed. Uncheck the "Send Button(XFBML Only)"

8. You can play with the other options if you like but we left it as it is. When you're ready click "get code".

9. When the wizard opens, go to the IFrame tab.



3 Comments... |
|
|
|||
| applepiepro | (July 13, 2011 at 06:38 AM) | ||
|
Hello.. am trying to add the facebook like button to my form using the free text field. But the iframe code generated from FB keeps disappearing after i past it in the html tab and update. How do I resolve this please. | |||
|
|
|||
| miriammartinho | (July 29, 2011 at 05:43 PM) | ||
|
How to add a comment form to my site? I couldn't find this info in the user guide. | |||
|
|
|||
| charles | (October 09, 2011 at 10:31 AM) | ||
|
my computer doesn't have facebook social plug-in,please give idea how to download it to my computer.thank you | |||
Print
Send Comment