View Categories

How to Add Custom Button Chat Widget on Your Website

< 1 min read

Do you want to add a Chat Widget to a button on your website?

WP Social Ninja brought you the custom button Chat Widget feature to trigger a button as a chat window anywhere on your website.

Let’s see how to do that. 

From your dashboard, go to Pages → Add Pages, or you can edit an existing page.

WP Social Ninja dashboard
WP Social Ninja dashboard

Next, create a Page, add a Button from the editor panel.

Chat widget settings panel
Custom Button

From the right side of your settings bar put the CSS Class “wpsn_chat_opener” and click on the Save button.

Custom button chat widget set up
Insert CSS class

However, your Chat Widget platforms must be configured before you do that.

Now go to the Front End, click on the Button, and it will work as a Chat Widget. 

Custom button chat widget
Say Hello!

Happy chatting with the WP Social Ninja custom button Chat Widget!

Also, check out – Style of Social Chat

Leave a Reply

Your email address will not be published. Required fields are marked *

Start your product marketing journey now!

You will get all the features from social feeds, social reviews, chat widgets, and other advanced customization options

wpsn logo white

Ultimate social media plugin to embed social feeds, display business reviews, and connect chat support with 30+ platforms.

Weekly Email Newslatter
weekly newsletter
We won’t send you spam. Unsubscribe at any time.

Copyright © 2025 WPSocialNinja. A Brand of  WPManageNinja