Adding a Facebook Follow Widget to your form helps increase your page followers and grow your social media presence. Users can follow your page directly from your form, making it easier to stay connected. It’s simple to set up and works well for both beginners and experienced users.
Setting Up Facebook Follow Box Widget
The Facebook Follow Box widget is the simplest method to add a Facebook Follow button to your form. Here’s how to do it:
- In Form Builder, click on Add Element on the left side of the page.
- Now, in the Form Elements menu, under the Widgets tab, search for Facebook Follow Box and click it to add it to your form.
- Next, in the Widget Settings window that opens on the right side of the page, paste in your Facebook page URL.
- Then, click on Update, and you’re all set.
Note
You can also customize your Facebook Follow Box widget by injecting a CSS code under the Custom CSS tab. Check out this guide about How to Inject Custom CSS Codes to learn more about it.
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. Here’s how to do it:
- In Form Builder, click on Add Element on the left side of the page.
- Under the Basic tab, scroll down and click on the Paragraph Element to add it to your form.
- Then, on the right side of the Paragraph field, click on the Pencil Icon.
- Now, in the Paragraph Editor that opens, click on the Source Code icon in the menu at the top.
- Then, paste your Facebook Like Button iFrame Codes and click on Ok. Check out our guide about Getting your Facebook Like Button iFrame Code to learn more about it.
- Finally, click on the Encircled Checkmark icon on the right side of the Paragraph Editor. And that’s it, you’re done.
Check out the screenshot below to see how it’ll look on your form:
Getting Your Facebook Like Button Embed Code
You can easily get your Facebook Like Button Embed Code in simple steps. Here’s how to do it:
- Go to the Facebook Like Button Configurator and scroll down to the Get a Customized Like Button section and add your Facebook Page URL. You can set up the other options, but it’s recommended to keep the default ones.
- Then, click on Get Code on the bottom-left side of the screen.
- Now, in the window that opens, under the iFrame tab, you will find your iframe code.
Note
The iframe option may ask you to select an App ID. If you don’t have a Facebook App yet, you may need to create one. You can learn all about that on Facebook’s Create an App page.
Send Comment:
19 Comments:
More than a year ago
How do you make this button mandatory before submitting the form?
More than a year ago
which to be added in like plugin url - fb or website?
More than a year ago
Prada バッグ/プラダ トート,
プラダコピー,プラダスーパーコピー,PRADA財布偽物,プラダ財布コピー,PRADA財布コピー販売,激安プラダコピー,プラダコピー通販プラダ コピー 財布ヴィトン 財布 コピー メンズ、Hermes 財布 激安 バッグ ブランドプラダ ランキング答えはダブルパスプラダ スニーカー 本物, プラダか ヴィトンか, プラダ 赤 ミニサイズ カナパ, 羽田空港 免税店 プラダ, prada がま口財布, prada☆サフィアーノレザーポーチ, プラダ リボンモチーフ ２ｗａｙバッグ, プラダ カナパトート ママバッグ, 群馬 ブランドプラダリュックバック 修理, プラダカナパパープル, プラダを安く買う方法, プラダ がま口 財布, プラダ 財布 新作 2015プラダ スーパーコピー 財布
More than a year ago
Excelent
More than a year ago
No funciona el login por que?
More than a year ago
like to join
More than a year ago
Maybe you should have a web page design competition to help you build a decent page to replace the below :/
More than a year ago
I will like to join, see my email: saviersam4sure@gmail.com.
Thanks
More than a year ago
i would like to join as well
More than a year ago
I will participate
More than a year ago
I would like to join as well.
More than a year ago
hello i want to join the developers competition program.. thanks
More than a year ago
I can put some HTML tags, but not all. It seems IFRAMEs are no longer allowed?
What do we do about this?
More than a year ago
I followed all the instruction and cant get it to display, please help me with this.
More than a year ago
Can this still be used. Thanks everyone!
More than a year ago
Is there anyway to get the Like box (or similar) to work in a custom Thank You screen? When I put the iframe code in using the HTML editor, it gets cut out when I save it. Thanks!
More than a year ago
my computer doesn't have facebook social plug-in,please give idea how to download it to my computer.thank you
More than a year ago
How to add a comment form to my site? I couldn't find this info in the user guide.
More than a year ago
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.