Use the widget builder below to create your Facebook Messenger widget for free. Select a template and click “Continue with this template” button to get started.
How to use the Facebook Messenger Chat Widget Builder
- Choose a template (You can customize the template later)
- Connect your Facebook account and grant access to your Facebook pages to use on the Facebook Chat widget.
- Customize the Facebook Chat widget for your website by editing the chat bubble, chat header, and welcome message (you can add links and custom styles).
- Set the widget’s position, display conditions, and open chat triggers. You can also set the chat widget’s schedule (open and closed days and hours).
- Customize the widget’s appearance to match your brand’s color palette and website theme. There are custom CSS and JS fields if you need further customization abilities.
- Once you have finished designing the HTML Messenger Chat widget, click on the “Add to website for free” button and sign up on the following page to save your widget.
- Get the embed code and paste it just above the closing body tag (</body>) on your website.
Facebook Messenger Chat Widget’s embed code
Paste the embed code on your website’s template, theme, or HTML source code editor in places where you want to display the Facebook Chat widget.
