Web2Chat Help center
All Collections
Messenger
Customizing
Web2Chat Messenger in Your Product and on Your Website
Web2Chat Messenger in Your Product and on Your Website

Learn how to create and use the Web2Chat messenger on your app and website.

Avatar of tanazmasaba06
Written by tanazmasaba06
Last updated Jan 23, 2025
Web2Chat's Messenger enables seamless communication between your business and your customers, whether they're browsing your website or using your product. By integrating the Messenger, you can engage visitors, capture leads, and provide real-time support to enhance customer satisfaction.

Integrating Web2Chat Messenger into Your Website

To add the Web2Chat Messenger to your website, follow these steps:
  1. Log in to your Web2Chat account.
  2. Navigate to Settings > Channels > Messenger.
  3. In the Install tab, you'll find a JavaScript snippet unique to your account.
  4. Copy this code snippet.
  5. Paste the copied JavaScript snippet into the HTML of your website, just before the closing </body> tag.
This will embed the Web2Chat Messenger across all pages of your site.
Image
Once installed, visitors to your website can initiate conversations through the Messenger, allowing you to respond promptly and manage interactions effectively.

Integrating Web2Chat Messenger into Your Product

For web applications where users are logged in, integrating the Web2Chat Messenger enhances user experience by providing direct support channels.
  1. Install the Messenger:
    • Follow the same installation steps as for your website to embed the Messenger into your web application.
  2. Identify Logged-In Users:
    • Modify the Web2Chat initialization script to include user-specific information.
    • Example:
      javascript
      CopyEdit
      window.web2chatSettings = { app_id: 'YOUR_APP_ID', user_id: 'USER_ID', name: 'USER_NAME', email: 'USER_EMAIL' };
    • Replace 'YOUR_APP_ID' with your Web2Chat application ID, and 'USER_ID', 'USER_NAME', 'USER_EMAIL' with the respective user's information.
By identifying logged-in users, you can maintain personalized conversations and access user history, ensuring consistent and efficient support.

Customizing the Messenger

Web2Chat allows you to tailor the Messenger's appearance and behavior to align with your brand and meet specific needs.
  • Styling:
    • Adjust colors, logos, and themes to match your brand identity.
    • Navigate to Settings > Channels > Messenger > Styling to make these changes.
  • Content:
    • Set welcome messages, add helpful apps, and configure the Messenger's home to provide a rich user experience.
    • These options are available under the Content tab in the Messenger settings.
For detailed guidance on customization, refer to the Set Up and Customize the Messenger article.

Managing Conversations

All interactions initiated through the Web2Chat Messenger are funneled into your Web2Chat Inbox, providing a centralized location to manage and respond to messages.
  • Real-Time Communication: Engage with users instantly to address their queries and provide support.
  • Automated Messages: Set up proactive messages to reach out to users based on their behavior or predefined triggers.
Utilizing these features ensures efficient communication and enhances the overall user experience.
If you need further assistance, contact our Customer Support.

Related Articles