Facebook Widgets

Widgets help you route users to your facebook bot using shareable links and QR codes, making it easy to start conversations from anywhere.

Facebook Automation – Widgets

Widgets are entry points that help users start conversations with your Facebook Messenger bot from different channels such as websites, links, or QR codes. They are designed to increase bot usage and make it easier for users to connect with you.


Accessing Facebook Widgets

To open the Widgets section:

  1. Log in to your BotPenguin Dashboard

  2. Navigate to Facebook Automation

  3. Click on the Widgets tab

You will land on the Manage Widgets screen.


Manage Widgets – Overview

The Manage Widgets screen displays all available Facebook widgets that can be used to route users directly to your Messenger bot.

Available Widgets

  • Chatbot Icon

  • Link

  • QR Code

Each widget can be expanded to view setup instructions and configuration options.


Chatbot Icon Widget

The Chatbot Icon allows you to embed a Facebook Messenger chat icon directly on your website. Visitors can click the icon to instantly start a conversation with your bot.

How to Install the Chatbot Icon

  1. Click on Chatbot Icon

  2. Click Copy Chatbot Code

  3. Paste the copied code into your website’s header file

  4. Deploy the updated website code

Once installed, the chatbot icon will appear on your website.

📌 Tip: The icon typically appears at the bottom corner of your website for easy access.


Editing the Chatbot Icon

If you want to customize the icon:

  1. Click Edit Icon

  2. Update icon appearance or behavior as needed

  3. Save changes

You can preview the icon on the right side of the screen before publishing.


Need Help?

  • Click Need Help? for guidance during setup

  • Useful if you are unsure where to place the code on your website


The Link widget generates a shareable URL that redirects users directly to your Facebook Messenger bot in a single click.

Use Cases

  • Share in emails

  • Add to social media posts

  • Embed in buttons or landing pages

Once clicked, users are redirected to Messenger and connected to your bot instantly.


QR Code Widget

The QR Code widget allows users to scan a QR code and instantly open your Facebook Messenger bot.

Use Cases

  • Offline marketing (flyers, posters, banners)

  • Business cards

  • In-store displays

Users simply scan the QR code using their mobile device to start a chat.


Best Practices

  • Use the Chatbot Icon for website engagement

  • Use Links for digital campaigns and email marketing

  • Use QR Codes for offline promotions

  • Test each widget before sharing publicly


Notes & Limitations

  • Widgets redirect users to Facebook Messenger

  • Facebook Messenger policies apply

  • Internet connection is required for widget functionality

FAQ's:

Here are some common FAQ's regarding Facebook Widgets:

Do I need technical knowledge to use Facebook Widgets?

Basic technical knowledge is required only for the Chatbot Icon, as it involves adding a code snippet to your website header. The Link and QR Code widgets require no technical setup.

Where should I place the Chatbot Icon code on my website?

The Chatbot Icon code should be pasted inside your website’s <head> section or header file. This ensures the widget loads properly across all pages.

Can I customize the Chatbot Icon?

Yes. Click Edit Icon to customize the appearance or behavior of the chatbot icon before deploying it on your website.

Why is the Chatbot Icon not appearing on my website?

Common reasons include:

  • Code not added to the correct header section

  • Website cache not cleared

  • Website not redeployed after adding the code

Try refreshing the site or redeploying your website after installation.

Last updated

Was this helpful?