Adding Facebook Like Button to a Form

February 24, 2020

Update:

 We have added different “LIKE” widgets into the widgets page including the Facebook Like for ease of use. Check this out: https://www.jotform.com/widgets/facebook-like-box

There are many ways to add Facebook Like Button to a form. You can add it as an iFrame within a “Free Text(HTML)” field or retrieve the full-source code from the “Embed Form” wizard and add the Facebook code. We’ll go with the easiest method to add our Facebook Like Button by using the “Free Text(HTML)” field.  

Text-instructions:

1. Add a “Text” field from the left panel. (formerly known as Free Text HTML)

2. Edit the text inside the “Text” 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 for the Like Button here.

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.

10. Copy the code and click the “Okay” button.

11. Go back to the form builder and open the “Text” field and copy the code there.

12. Click “Preview” and check out your Facebook social plugin in action.

Now that you’ve learned how to add a Facebook Like Button to your form start sharing it with the world. Did you find this article useful? If not, please tell us what you think in the comments below.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact JotForm Support: https://www.jotform.com/contact/

Send Comment:

JotForm Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments: