Desk360 Docs
  • Introduction to Desk360
  • 🚀Quick Start Guide
  • Start
    • Sign Up
    • Verify Your Email
    • Add Product/Brand
    • Channel Integration
    • Add User
    • Invite Your Team
  • User Communication Channels
    • In-App Message Box Channel
    • Web Contact Us Channel
    • Email Channel
    • Apple App Store Channel
    • Google Play Store Channel
    • Huawei AppGallery Channel
    • WhatsApp Channel
    • Live Chat Channel
    • Instagram Channel
    • Facebook Channel
    • Twitter Channel
  • Desk360 Platform Navigation
    • Dashboard
    • Tickets
      • Creating Internal Tickets
      • Listing and Filtering
      • Multiple Operations
      • Actions
      • Ticket Details
      • Ticket Status
      • Ticket Types
      • Ticket Reasons
      • Ready Answers
      • Ticket History Log
      • Callback Function
      • Automatic Replies
        • Automatic Replies During Working Hours
      • Automatic Assignments
      • Assignment by Request Type
      • Prioritization Rules
        • Setting Priorities
        • Creating Folders
      • SLA Management
      • Business Hours
      • Tag Management
    • Chat
      • Chat Settings
      • Automatic Assignments
      • Manual Assignments
      • Human Agent Functionality
      • Custom Chatbots
      • Chat History Forwarding
      • Bulk Actions
    • Reports
      • Ticket Reports
        • Ticket Analysis Reports
        • User Performance
      • Chat Reports
        • Chat Reports
        • User Reports
        • Chat Cockpit
      • SLA Reports
    • Product and Communication Channel Integrations
      • In-App Message Box Channel Integration
        • In-App Message Box Integration Settings
        • Customizable In-App Message Box
        • In-App Message Box Notifications
      • Web Contact Us Channel Integration
        • Web Contact Us Form
        • FAQ and Contact Us Page Settings
          • General Settings
          • FAQ Settings
          • Contact Us Page Settings
      • Email Channel Integration
        • Gmail SMTP Integration
        • Yandex SMTP Integration
        • Outlook SMTP Integration
        • E-mail features
      • Apple App Store Channel Integration
      • Google Play Store Channel Integration
      • Huawei AppGallery Channel Integration
      • WhatsApp Channel Integration
        • WABA Prerequisites
        • New WhatsApp Business API Pricing
        • WhatsApp Integration Steps
        • WhatsApp Auto-Reply Function
        • WhatsApp Custom Bots
        • WhatsApp Message Templates
        • How to use WhatsApp Message Templates
        • WhatsApp Message Template Statistics
        • WhatsApp Web Widget
      • Live Chat Channel Integration
      • Facebook Channel Integration
      • Instagram Channel Integration
      • Twitter Channel Integration
    • Chatbot Integration
    • Settings
      • Import Data
      • Language Settings
      • Professional Support In 40 Languages
    • Users
      • User Groups
      • User Roles
      • User Settings
  • INTEGRATIONS
    • JIRA
    • Slack
    • Trello
    • Alotech
  • Desk360 Mobile SDK
    • iOS SDK
    • Android SDK
    • Flutter SDK
    • React Native SDK
  • DESK360 MOBILE CHAT SDK
    • Mobile Chat iOS SDK
    • Mobile Chat Android SDK
  • DESK360 API (1.0.0)
    • API Documentation
Powered by GitBook
On this page

Was this helpful?

  1. Desk360 Platform Navigation
  2. Product and Communication Channel Integrations
  3. WhatsApp Channel Integration

WhatsApp Web Widget

With Desk360's WhatsApp Web Widget, you can place a WhatsApp icon on your website to allow your customers to reach you via WhatsApp. You can enable your customers to contact you via the WhatsApp interface by using the widget function.

To add a WhatsApp widget to your website, navigate to the left-hand menu and select Product and Channels > Product Selection > WhatsApp > WhatsApp Web Widget. You can see all of the changes you make instantly on the preview screen.

Default Language

You can customize the appearance of your icon in languages that you do not support by selecting your default language. Let’s say your website is only available in Turkish and English. Setting the default language to English ensures that users visiting your website from France will see your WhatsApp icon in English.

Other Languages

If your website is in more than one language, you can choose to add these languages from the "Other Languages" option to display the WhatsApp icon with different content, matching the language of your website. Desk360 provides content in 40 languages, but you can define your own content by selecting the world icon.

Brand Name

The brand name that you enter in this field will appear at the top of the WhatsApp widget. Customers will see your brand name and know for sure that they are contacting your company and not anyone else.

Subtitle

The subtitle is the text that appears under the brand name and usually indicates the current status or a basic info.

Button Name

You can allow your consumers to take action by customizing the button name.

Welcome Message

Depending on how you choose to address your customers, the welcome message can be customized to the desired tone. You can greet them with a warm welcome message if you wish, or you can have your customers initiate a WhatsApp discussion with you to offer them deals such as discount codes or gift vouchers.

Customer Message

When your customers click on the send message button, the customer message is the sentence that will be the beginning of the conversation. When your customers select the button and are sent to the WhatsApp interface, they are not required to begin the chat with this message. They can delete this from the typing field before sending the message and begin a chat by typing the message they want to send.

Alignment

Alignment options allow you to choose where to place your WhatsApp icon on your website. If you choose to align the icon to the left, it will appear in the bottom left corner of your website. If you choose to align it to the right, it will appear in the lower right corner.

Theme

Depending on the colors used on your website, you can use the WhatsApp widget in a light or dark mode.

After you've finished customizing everything to your liking, don't forget to save them. Then, using the copy code button, you can begin using the icon by placing it on the frontend of your website.

PreviousWhatsApp Message Template StatisticsNextLive Chat Channel Integration

Last updated 2 years ago

Was this helpful?