How to create a Facebook chat widget for a website

Placing a chat widget on your website connects its visitors with the SendPulse chatbot.

You must have at least one bot activated in your account to get access to chat widgets.

Log in to your SendPulse account and go to the "Messengers" tab.  Open "Signup widgets" and click "Add widget."

Add widget

Select a form type: fixed, button, floating, pop-up window, built-in, chats or checkbox.

On the right side of the screen, you can see how the chosen form type looks like. 

Click "Next."

Select a form type

Make sure that the Messenger subscription is turned on.

Turned on subscription

Edit the widget. Widget setup parameters depend on a form type.

Forms of such types as fixed, floating, pop-up window allow specifying text for the form header and request, background and color, etc. You can also specify the display conditions for these form types.

Settings for a floating form

For the "Button" forms you can choose color and size of the button, as well as pick the button text in the drop-down list.

Settings for a button widget

For the "Chats" add a website address. You can also choose a chat theme color and add your header.

Settings for a chat widget

Check the right side of the screen to see how the form changes as you apply the settings.

Widget preview

When all is set, click "Save and get code" — a box with the form code will open.

Click the "Copy to clipboard" icon to copy the widget HTML code.

Copy widget code

Place the widget where you want it to be on a web page.

Rate this article about "How to create a Facebook chat widget for a website"

User Rating: 0 / 5 (0)

    Other useful articles

    Popular in Our Blog

    Try a free chatbot for Facebook Messenger