Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    prestashop-marketplace-mod

    Prestashop WhatsApp Support and Share

    With the help of Prestashop WhatsApp Support and Share, admin can chat with the customers on WhatsApp. This module lets admin create a strong relationship with his customers by giving them the support when they need it. Order sharing functionality on WhatsApp with the help of which more traffic can be generated on the website.

    Features

    • Admin can choose to display its WhatsApp number at the Front End.
    • Admin can enable or disable the display of support button at Front End.
    • Admin can display the support button at different positions on website i.e Header, contact us page, order history page, bottom left and bottom right.
    • Admin can enter text with support button in multiple languages.
    • Admin can add support agents with whom customers can chat on WhatsApp web.
    • Admin can edit or delete the support agents.
    • Admin can enable or disable the support agents on the website.
    • Admin can also add the support groups with whom customers can chat on the website.
    • Admin can edit or delete the support groups.
    • Admin can enable or disable support groups on the website.
    • Admin can display WhatsApp share button at multiple positions on the website i.e Product Page, Order Confirmation Page and Order History Page.
    • Enter text in multiple languages.

    Installation

    1. Go to the back  office-> modules -> Upload a module
    2. Upload the module zip file
    3. The module will automatically get installed on your Prestashop.

    Note

    You need to add these custom hooks for some additional display,

    Display button on contact us page:

    Hook:


    File: themes/classic/modules/ps_contactinfo/ps_contactinfo-rich.tpl

    Location: Before closing div of class “contact-rich” class

    Display WhatsApp Button on order list:

    You can also Display WhatsApp Button on order list beside “Reorder” Button

    Hook:


    File: themes/classic/templates/customer/history.tpl

    Location: in < td class=”text-sm-center order-actions” >, start or end anywhere you want

    Module Configuration

    After the successful installation of the module, admin can configure Prestashop WhatsApp Support and Share by clicking on “CONFIGURE” button.

    Now under “CONFIGURATION” admin has to configure the module settings as shown below:

    Basic Configuration

    • Admin WhatsApp Phone number – In this field, admin has to enter his WhatsApp phone number.
    • Display Phone number – Admin has to decide whether he wants his phone number to be displayed on the website or not.
    • Display floating support button in bottom – If enabled then a support button will be visible to the customers at the bottom of the website.

    • Text with floating support button – In this field, admin has to enter the text which will be visible inside support button to the customers on the website.

    • Floating support button position – In this field, admin has to decide whether he wants to show the floating support button at bottom-right or bottom-left of the website.

    when a customer clicks on the support button, he gets redirected to WhatsApp web where he has to scan the code from his phone.

    When the scanning gets complete, then a customer will be able to chat with admin on WhatsApp as shown below:

    Adding Support Agents 

    In PrestaShop WhatsApp Support and Share, admin can add the support agents by navigating through Manage Support->Support Agent.

    Under “Support Agent”, admin can view name, WhatsApp phone number, image and Id of a support agent. Admin can enable or disable a support agent on the website. Admin can edit the details of a support agent by clicking on “Edit” button. Admin can also delete a support agent.

    Admin can add a new support agent by clicking on “Add new user”.

    You can find the WhatsApp Group ID from the Group Info:

    In Mobile:

    Open your Group Chat Page -> Click on top-right three dots -> Click On “Group info” -> Scroll Down and Click on the “Invite via Link”. There you can see the share link, like:

    https://chat.whatsapp.com/5ZW4FNvidF54nEFPacDYGv

    Where the bold string is your WhatsApp Group ID:

    Admin can add a support agent by entering his WhatsApp phone number, image, name and short description. Admin can decide whether to display support agent’s number on the website or not.

    Front End View

    A customer can view support agent details by clicking on WhatsApp support button on the website.

    when a customer clicks on the support agent button, he gets redirected to WhatsApp web where he has to scan the code from his phone.

    When the scanning gets complete, then a customer will be able to chat with a support agent on WhatsApp as shown below:

    Support Group

    In PrestaShop WhatsApp Support and Share, admin can add the support groups by navigating through Manage Support->Support Group.

    Under “Support Group”, admin can view name, Group Id, and image of a support agent. Admin can enable or disable a support group on the website. Admin can edit the details of a support group by clicking on “Edit” button. Admin can also delete a support group.

    Admin can add a new support group by clicking on “Add new group”.

    Admin can add a support group by entering support group’s name, image,  short description, Id, and users.

    Front End View

    A customer can view support group’s details by clicking on WhatsApp support button on the website.

    Now when a customer clicks on Support Group button he will be redirected to chat.whatsapp.com.

    After clicking on “JOIN CHAT” a customer gets redirected to WhatsApp web where he has to scan the code from his phone.

    When the scanning gets complete, a web page web.whatapp.com open and the customer can view members of the support group.

    After clicking on “View Group” button a customer will be able to chat with a support group on WhatsApp as shown below:

    Display Support Buttons

    Under “Display Support Buttons” admin can configure where to show the support buttons on the website.

    Front End View of WhatsApp Support Buttons

    • Header Position

    Now when a customer clicks on Support button at Header he will be redirected to web.whatsapp.com, where he can view a pre-filled message set by admin for the support button at a header.

    • Contact Us Page

    Now when a customer clicks on Support button at Contact Us page he will be redirected to web.whatsapp.com, where he can view a pre-filled message set by admin for the support button on the Contact Us page.

    • Order History Page

    When a customer clicks on Support button at Order History Page he will be redirected to web.whatsapp.com, where he can view a pre-filled message set by admin for the support button at Order History Page.

    Display Share Buttons

    Under “Display Share Buttons” admin can configure where to show the WhatsApp share buttons on the website. Admin can choose to display WhatsApp share button on:

    1. Product Page
    2. Order Confirmation page
    3. Order History Page

    • Title – In this field, admin can enter the text which will be visible with WhatsApp share button at the product page, order confirmation page, and order history page.
    • Pre-Filled Message – In this field, admin has to enter a message which will be displayed by default when a customer gets redirected to WhatsApp by clicking on WhatsApp share button at the product page, order confirmation page and order history page.

    Front End View of WhatsApp Share Buttons

    • Product page

    Now when a customer clicks on share button on product page he will be redirected to web.whatsapp.com, where he can share the product’s URL by selecting his contacts.

    After selecting the contacts, a customer can send a message to his contacts along with product’s URL.

    • Order Confirmation Page

    When a customer clicks on share button at Order Confirmation Page he will be redirected to web.whatsapp.com, where he has to select the contacts with whom he wants to share an order.

    • Order History Page

    When a customer clicks on share button at OrderHistory Page he will be redirected to web.whatsapp.com, where he has to select the contacts with whom he wants to share an order.

    Support

    That’s all for Prestashop WhatsApp Support and Share still, have any issue feel free to add a ticket and let us know your views to make the module better http://webkul.uvdesk.com/

    Current Product Version - 5.1.2

    Supported Framework Version - 1.7.x.x

    . . .

    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