Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    hyperlocal-marketplace-guide

    WhatsApp Live Chat for Shopware 6

    Introduction

    Whatsapp is one of the best ways to solve the queries of the end-user directly and by keeping this in mind we have introduced the Shopware WhatsApp Live Chat module.

    This module allows admin to enable live Chat support on WhatsApp. Customers can ask their queries and get solutions for those queries over WhatsApp chat.

    As a result, the customers don’t need to wait for the reply over the mail and can chat over the WhatsApp during the given time interval.

    Features

    • The admin can configure the layout settings for the chat support window.
    • Admin can create multiple chat support agents.
    • The admin can create and manage the chat support team by creating member types.
    • Admin can choose the image of the support team member for the chat support window.
    • The admin can enter the initial message for each support agent which will be sent to the customer after scanning the QR code.
    • The title and description for the chat support window can be configured by the admin.

    Installation

    Shopware provides two ways to install the plugin to the server.

    1. Using Command
    2. Manual installation

    Installation Using Commands

    Customers will get a zip folder, then they have to extract the contents of this zip folder on their system. The customer has Copy the folder WhatsAppChat to custom/plugins directory of Shopware6. As shown in the below image:

    Now open the Shopware6 application in the Terminal.

    Run this command to refresh the plugin –

    Go to your Shopware installation Root directory and run this command to install then activate the plugin –

    To installing the assets(CSS/JS)

    To clear the cache run this command –

    Now refresh the administration.

    After that, visit administration Setting->System->Plugins, the WhatsApp chat will be listed there.

    Manual Installation

    1. Upload the zip file of the plugin.
    2. Go to your Shopware6 installation backend panel then navigate to Setting -> System -> Plugins after that, you can find all the installed plugin in it.

    Click on the Plugin. For installing the plugin, the user can click on the Upload Plugin button. The user can upload the plugin zip(WhatsApp chat) here.

    Further, in the newly added plugin, two actions can be performed which are: Install and Delete. The admin will install the plugin by clicking on the Install option in the dropdown.

    Click on the activate button.

    After that run this command to clear the cache:

    Now, You will see the WhatsApp Chat visible on the menu bar.

    Configuration

    Now go to Dashboard, you can see the WhatsApp Chat menu has been created.

    After the successful installation of the Shopware6 WhatsApp Chat module, you will be able to see the configuration panel under Dashboard -> WhatsApp Chat-> Configuration -> WhatsApp Chat Configuration.

    General Setting

    Now the Admin will need to configure the below-mentioned options of general section:

    Sales Channel Select the sales channel.

    Heading Title – The Admin will have to enter heading title for multiple languages. Also, these entered heading titles will be displayed on the top of the chat support window.

    Description Enter a description for multiple languages and the entered description will be displayed on the chat support window.

    Layout

    Position – In the position, the admin can select the position of WhatsApp chat icon and window by selecting any one of the given positions. The positions given are -Right Top, Right Bottom, Right Middle, Left Top, Left Bottom, Left Middle.

    Button Color – Select the Button color of the Whatsapp icon.

    Popup Background Color – The admin can select the Background color for the WhatsApp window.

    Header Background Color – Select the color of the heading.

    Text Color – The admin can select the color of the text.

    Show Options – These options will be shown at the bottom of WhatsApp Team Member, i.e. availability time and department name.

    After that click on the Save button.

    Support Team

    Here, the admin can either create a new support agent, delete the existing agent or can even edit the multiple chat support agents for the WhatsApp module.

    Now go to WhatsApp Chat ->Support Team. Here click on the Add Team button.

    Now, enter the team name than to activate the team click on the Active button.

    Click on the Save button.

    Support Team Member

    Here the admin can create support agents. For that navigate to WhatsApp Chat ->Support Team Member. Click on the Add Member.

    Admin will need to configure the below-mentioned options:

    Member Name – Here the admin can enter the name of the support agent which will be visible on the WhatsApp chat window.

    Team – Select the team of support agents.

    Country Code – Select the country code.

    Contact Number – Enter the contact number of a support agent.

    Message – The admin has to enter the message which will display whenever the customer first scans the QR code.

    Time From and Time To – Here the admin will have to select the time at which the support agent will be available for a chat in the WhatsApp window.

    Also, the given time will display on the WhatsApp chat window.

    Sort Order –  Here the admin will enter the sort order according to which support agent will be displayed on the WhatsApp chat window.

    Profile image – The admin can select the image to be displayed in the WhatsApp chat window.

    Active – After entering all these details the admin will have to click on the Active button.

    Now, click on the Save button.

    WhatsApp Customer View

    In Shopware WhatsApp live Chat module, whenever the customer will visit the website, a WhatsApp icon will be shown on the given position to the customer.

    Further, by clicking on that icon the WhatsApp window will open where customers can chat with the desired support agent.

    Now let us see how the customer view of this module looks like,

    Here the customer will click on the desired support agent who the customer wants to chat with. For example: when the customer clicks on Peter Doe, the WhatsApp window to scan QR code will arrive.

    Now the customer will scan the QR code and will be able to chat with the Support agent.

    Need Help?

    That is all about the Shopware WhatsApp Live Chat module, for any issues feel free to add a ticket and let us know your views to make the module better https://webkul.uvdesk.com/en/customer/create-ticket/

    Current Product Version - 1.0.0.

    Supported Framework Version - 6.1.0 & 6.1.1 stable version

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index