How to Create a Chat Widget for a Website

Placing a chat widget on your website connects its visitors with a 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 form type looks. 

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 the form type.

Forms of such as fixed, floating, and pop-up window allow you to specify 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 the 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 Chat Widget for a Website"

User Rating: 3 / 5 (3)

    Other useful articles

    Popular in Our Blog

    Try a free chatbot for Facebook Messenger