< All Topics

Facebook Like Button

Gutenberg free Facebook Like Block lets you add a Facebook Like button to any page or post, making it easier for visitors to like and share your Facebook content. You can customize its layout, size, alignment, and other display options to fit perfectly into your website’s design.

Adding the block

To add the block:

  • Click the “+” button to add a new block.
  • Search for “Facebook Like Button” and select it.
  • For detailed instructions on how to add blocks in Gutenberg, please refer to the official WordPress Block Editor documentation.

General settings

Configuration

  • Facebook App ID – Enter your Facebook App ID to connect the Like button with your Facebook account.
  • Page URL – Add the full URL of the Facebook page or post you want users to like.
  • Enable Lazy Loading – Helps improve page speed by loading the Like button only when it comes into view.

Display options

  • Layout – Choose how the Like button is displayed:
    • Standard – Shows button with text.
    • Button – Displays only the button.
    • Button Count – Button with the number of likes shown.
    • Box Count – Button with count displayed above.
  • Button Size – Select either Small or Large size for the button depending on your design needs.

Design settings

Like Button

  • Button Alignment – Set the alignment of the Like button (left, center, or right) to match your page layout.