Adding Facebook Like Button to a Form

December 6, 2023

If you have a Facebook page, your form users could like the page within the form. To do that, you have to add a Facebook Like Button. In the Form Builder, you can add a Facebook Like Button in various methods outlined below.

Facebook Like Box Widget

The Facebook Like Box widget is the simplest method. All you have to do is to follow the steps below.

  1. In the form builder, click the Add Form Elements button.
  2. Go to the Widgets tab.
  3. Search for Facebook Like Box.
  4. Click or drag/drop the widget to your form.
  5. In the Widget Settings, add your Facebook page URL.
  6. Click the Update Widget button, and that’s it.

Paragraph Element

If you want to display the like button without the page header, using the Paragraph element would be the best option. Please follow the steps below to set this up.

  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.
Adding Facebook Like Button to a Form Image-2
  1. Select the iFrame option, and copy the iFrame codes.
Adding Facebook Like Button to a Form Image-3
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. Please follow this link to create a Facebook App.
  1. In the Form Builder, add the Paragraph element.
  2. Click the Edit Text within the Paragraph element. Alternatively, you can also double-click the element to edit its content.
Adding Facebook Like Button to a Form Image-4
  1. Open the Source Code editor by clicking the Source Code icon.
Adding Facebook Like Button to a Form Image-5
  1. Paste the iFrame Codes, and click the OK button.
Adding Facebook Like Button to a Form Image-6
  1. You should now see the Facebook Like Box. Click the Save icon within the Paragraph element, and that’s it.
Adding Facebook Like Button to a Form Image-7

Do you have any questions, suggestions, or feedback? Please post a comment below. You can also reach us by creating a support ticket.

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