Chatway Chatway
  • Home
  • Product
  • Pricing
  • Built For
  • Resources
    • Help Center
    • Blog
    • Integrations
    • Social Media Buttons
    • Glossary
  • What’s New
  • Sign In →
Sign In Sign Up for Free Free Sign Up

How to display chat social buttons like WhatsApp, Messenger, and more in Chatway?

  • Help Center >
  • Getting started >
  • How to display chat social buttons like WhatsApp, Messenger, and more in Chatway?

In this guide, we’ll walk you through the steps to add social media buttons to your Chatway widget. This feature makes it easy for visitors to connect with your social platforms, including WhatsApp, Messenger, Email, WeChat, TikTok, Google Maps, Waze, Discord. Enabling this feature can boost engagement on your social media channels and strengthen the credibility of your brand or product.

Chatway is a versatile Live Chat app that centralizes customer communications from websites, emails, and social media into one dashboard. Features include customizable chat widgets, multilingual support, mobile apps, team collaboration tools, analytics, and canned responses. It’s designed to enhance customer satisfaction and streamline communication across channels.

With that being said, let’s dive in!

Step 1: Open your Chatway dashboard and click on the settings icon on top of your Chatway profile picture in the bottom left corner.

Step 2: Click the Widget Settings, scroll down, and then click the setting under “Social Chat Channels”.

Step 3: Click the “Add Buttons“ button to see the available Social icons which you can add by ticking the checkbox besides the icon

Step 4: Once you selected the social icons, click on the arrow icon beside the social icon tab to expand and place the information asked.

There is a social icon-specific field where you need to place the information asked. For example, in the case of WhatsApp, you will be asked to place your WhatsApp number. Other than that, you can place the Channel name, click on the drop icon to change the background colour of the channel and use the “Show on:” setting to show the social chat button on a specific screen size.

You’ll also find a “Test” setting which allows you to preview how the chat button behaves when clicked by your website visitors. Using this feature, you can confirm that the button is functioning properly and directing users to the correct destination, ensuring no conversions are lost.

Step 5: Once you added the social chat buttons and their respective details, click the “Save” button to save and then the “Publish” button to make the changes live.

Step 6: You can go to your website, open the Chatway widget, click on “Channels” and there you will see the social handles you added and clicking on them will take you to the respective social media platforms.

And that’s a wrap!

To read more guides about Chatway and learn about the different functionalities that the product offers, please visit the Help Center.

Plans That Fit Every Stage of Your Growth

Start free and upgrade as your needs expand. Whether you’re working solo, leading a team, or scaling big, we’ve got a plan built for you.

Sign Up for Free

No Credit Card Required

Chatway essential features
Capterra Capterra 2 Grid Leader Grid Leader High performancer 1 High performancer 2 High performancer 3 High performancer 4 High performancer 5 GetApp Customer Support
chatway footer logo

Improve live chat communication and unlock customer satisfaction with Chatway

app store logo play store logo
5 stars reviews
1,000+ Five-Star Reviews on iOS & android app stores

Company

  • About Us
  • Privacy Policy
  • GDPR
  • Terms of Service
  • Pricing

Resources

  • Contact Us
  • Integrations
  • Built For
  • Help Center
  • Comparison Page

© 2026 Chatway. All rights reserved.

GDPR icon
Accessibility Adjustments

Powered byOneTap

How long do you want to hide the toolbar?
Hide Toolbar Duration
Select your accessibility profile
Vision Impaired Mode
Enhances website's visuals
Seizure Safe Profile
Clear flashes & reduces color
ADHD Friendly Mode
Focused browsing, distraction-free
Blindness Mode
Reduces distractions, improves focus
Epilepsy Safe Mode
Dims colors and stops blinking
Content Modules
Font Size

Default

Line Height

Default

Color Modules
Orientation Modules