Adding Facebook Follow Widget to Your Form

February 5, 2025

If you’re looking to integrate social media engagement directly within your forms, adding a Facebook Like Button to your form is a great way to encourage users to interact with your Facebook page. By adding this feature, your form users can easily show their support for your page without having to leave the form. This can increase visibility, enhance user engagement, and help grow your social media presence. Whether you’re a beginner or experienced with form customization, you’ll find an easy way to add a Facebook Like Button in various methods outlined below.

Setting Up Facebook Follow Box Widget

The Facebook Follow Box widget is the simplest method to add a Facebook Like button. Here’s how:

  1. In Form Builder, click on Add Element on the left side of the screen.
Add Element Button in Jotform
  1. Under the Widgets tab, search for Facebook Follow Box widget.
  2. Drag and drop or click it to add it to your form.
Adding Facebook Follow Widget to Your Form Image-1
  1. Now, click on Wand icon, to open the Widget Settings.
Wand Icon of the Facebook Follow Box Widget in Jotform
  1. Paste the Facebook Page URL in the URL box in widget settings.
  2. Click the Update button to Save the changes.
URL box in the Widget Settings of the Facebook Follow Box in Jotform

Note

You can also customize your Facebook Follow Box widget by injecting a CSS code in the Custom CSS Tab. See How to Inject Custom CSS Codes for more information.

Setting Up Facebook Like Button Using Paragraph Element

If you want to display the like button without the page header, using the Paragraph element would be the best option. Let’s do it!

  1. In Form Builder, click on Add Element on the left side of the screen.
Add Element Button in Jotform
  1. Under the Basic tab, scroll down to look for Paragraph element.
  2. Drag and drop or click it to add it to your form.
Paragraph element added to Jotform form
  1. Click on Edit Text (pencil icon) to open the Paragraph properties.
Edit Text icon Jotform Builder
  1. Click the Source Code icon to start the Source Code editor.
Source Code Icon of the Paragraph Element in Jotform
  1. Paste the Facebook Like Button iFrame Codes, and click the Ok button.
Source Code of the Paragraph Element in Jotform
  1. You should now see the Facebook Like Box. Click the Save icon within the Paragraph element.
Save Icon of Paragraph Element in Jotform

Getting Your Facebook Like Button Embed Code

To get your Facebook Like Button Embed Code

  1. Go to Facebook Like Button Configurator.
  2. Scroll down to the configurator and enter your Page URL. You can set up the other options, but it’s recommended to keep the default.
  3. Click the Get Code button.
Facebook Like Button Configurator
  1. Select the iFrame option, and copy the iFrame codes.
iFrame option of Facebook Like Button Configurator

Note

The iframe option may ask you to select an App ID. If you have don’t have a Facebook App yet, you may be required to create one. See this link to create a Facebook App.

Join the Live Launch Event
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:

  • Smuvent - Profile picture
  • devvvv - Profile picture
  • carpinteyrojhw - Profile picture
  • carva4t - Profile picture
  • Seyer Murayari - Profile picture
  • MrBoyd - Profile picture
  • 1to1 - Profile picture
  • iadb - Profile picture
  • ngako - Profile picture
  • parul - Profile picture
  • kpiller08 - Profile picture
  • gesavoip - Profile picture
  • secretariat__tacccon_botb - Profile picture
  • placedonline - Profile picture
  • gianviterbo - Profile picture
  • CarProof - Profile picture
  • charles - Profile picture
  • miriammartinho - Profile picture
  • applepiepro - Profile picture