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 the Next.

Select a form type

With SendPulse, you can create a subscription widget for Facebook, VK, Telegram, and Instagram, or for one of them. To do so, enable the required subscription and select a chatbot from the drop-down list. Below the chatbot selection field, you can specify the flow that will be launched after subscribing.

Please note that the subscriber will be redirected to your Instagram page and not to private messages when clicking on the Instagram button.

Turned on subscription

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

Forms such as fixed, floating, and pop-up windows allow you to specify text for the form header and request, background and color, etc.

Settings for a floating form

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 (4)

    Other useful articles

    Popular in Our Blog

    Try a free chatbot for Facebook Messenger