Magento 2 WhatsApp Contact

download Magento 2 WhatsApp Contact

If you can't read please download the document

  • date post

    05-Jul-2021
  • Category

    Software

  • view

    5
  • download

    0

Embed Size (px)

description

Magento 2 WhatsApp Contact extension allows visitors to contact store admin instantly via WhatsApp and ask any queries. Such a direct conversation with potential customers benefits the business as well as improve the user experience. Communicate with your visitors directly! Customers may be doubtful about the products while an online purchase. They may have an inquiry regarding the service you offer or the features of your products. Instantly providing them a platform for communication to solve their doubts increases the chances of a purchase. WhatsApp is the best platform for instant communication as it is easy to use and widely popular. Meetanshi have developed Magento 2 WhatsApp Contactextension to let visitors in Magento 2 store contact the store owner via WhatsApp! Magento 2 WhatsApp Contact extension lets the store owner have a direct communication with potential customers. It gives them a chance to convince for conversion. Also, getting instant replies for their doubts improves the store's user experience. Customers will find it convenient to use WhatsApp over Emails. Direct chat via WhatsApp gives an impression of personal approach! Benefits of Meetanshi's Magento 2 WhatsApp Contact extension: • Enable/disable the module from the backend. • Option to display WhatsApp Contact button on the desktop, mobile or both. • Admin can set default message to start WhatsApp chat when someone contacts him. • Specify the mobile number of admin to allow direct contact with the users in the frontend. • Admin can customize button hover text, button background color, and icon color to create the button as per the need. • Specify the date range to display WhatsApp Contact button in the frontend. If you don't set the range, it will be shown all the time. • Set top, bottom, left and right position in pixels to position the WhatsApp Contact button in the frontend. • Choose one of the sixteen button animation effects to highlight contact button and to make it look better. • Admin can select to allow visitors close contact button if they don't need it. • Compatibility with Whatsapp web, app, and the business app. For more details, visit https://meetanshi.com/magento-2-whatsapp-contact.html

Transcript of Magento 2 WhatsApp Contact

  • WhatsApp Contact for Magento 2 © Meetanshi

    WhatsApp Contact for Magento 2

    User Guide

    Table of Content

    1. Extension Installation

    2. Configuration

    3. WhatsApp Contact Button Settings

    4. Manage WhatsApp Chat Agents

    5. WhatsApp Contact in Frontend

    https://meetanshi.com/magento-2-whatsapp-contact.html https://meetanshi.com/

  • WhatsApp Contact for Magento 2 © Meetanshi

    1. Extension Installation

     Extract the zip folder and upload our extension to the root of your Magento 2 directory via

    FTP.

     Login to your SSH and run below commands step by step: o php bin/magento setup:upgrade

    o For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy

    o For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f

    o php bin/magento cache:flush

     That’s it.

    2. Configuration For configuring the extension, login to Magento 2, move to Stores  Configuration 

    WhatsApp Contact where you can find various settings to enable the extension.

     WhatsApp Contact: Enable WhatsApp Contact extension from here.

     Enable WhatsApp Contact On: Select option to enable WhatsApp Contact either in

    desktop, mobile or both.

     Default Chat Message: Enter the default chat message to share when users click the contact button.

    https://meetanshi.com/magento-2-whatsapp-contact.html https://meetanshi.com/

  • WhatsApp Contact for Magento 2 © Meetanshi

    3. WhatsApp Contact Button Settings

     Icon Type Button

    o Button Type: Select the WhatsApp contact button type, here, icon.

    o Contact Mobile Number: Enter the mobile number of admin to allow users to contact

    to.

    o Button Hover Text: Enter text to show on hover of WhatsApp Contact button.

    o Button Background Color: Set button background color to show in frontend.

    o Icon Color: Set icon color to show in frontend.

    o Button Display From & Button Display To: Select dates to show contact button only

    for a specific date range.

    o Top Position: Set the pixels for the top position to place the contact button on the

    frontend screen. o Right Position: Set the pixels for the right position to place the contact button on the

    frontend screen.

    o Bottom Position: Set the pixels for the bottom position to place the contact button on

    the frontend screen.

    o Left Position: Set the pixels for the left position to place the contact button on the

    frontend screen.

    o Button Animation Effect: Select button animation effect from the drop-down menu.

    o Close Button: Enable to allow users to click close to hide contact button.

    https://meetanshi.com/magento-2-whatsapp-contact.html https://meetanshi.com/

  • WhatsApp Contact for Magento 2 © Meetanshi

    https://meetanshi.com/magento-2-whatsapp-contact.html https://meetanshi.com/

  • WhatsApp Contact for Magento 2 © Meetanshi

     Box Type Button o Button Type: Select the WhatsApp contact button type, here, box.

    o Button Text: Enter text to show on WhatsApp Contact button.

    o Information Text on Button Click: Enter text to show on click of WhatsApp contact

    button to show additional information.

    o Button Background Color: Set button background color to show in frontend.

    o Icon Color: Set icon color to show in frontend.

    o Button Display From & Button Display To: Select dates to show contact button only

    for a specific date range.

    o Top Position: Set the pixels for the top position to place the contact button on the

    frontend screen.

    o Right Position: Set the pixels for the right position to place the contact button on the

    frontend screen.

    o Bottom Position: Set the pixels for the bottom position to place the contact button on

    the frontend screen.

    o Left Position: Set the pixels for the left position to place the contact button on the

    frontend screen.

    o Button Animation Effect: Select button animation effect from the drop-down menu.

    o Close Button: Enable to allow users to click close to hide contact button.

    https://meetanshi.com/magento-2-whatsapp-contact.html https://meetanshi.com/

  • WhatsApp Contact for Magento 2 © Meetanshi

    https://meetanshi.com/magento-2-whatsapp-contact.html https://meetanshi.com/

  • WhatsApp Contact for Magento 2 © Meetanshi

    4. Manage WhatsApp Chat Agents The extension facilitates to add multiple chat agents for the box WhatsApp contact button type.

    If you have selected Box button type, you can add chat agents from WhatsApp Contact 

    Manage WhatsApp Chat Agents. You can see already created chat agents enlisted along with

    the agent information.

     Add New Chat Agent On click of “Add New” from the “Manage WhatsApp Chat Agents” grid, you can add new chat

    agent.

    o Name: Add the name of the agent.

    o Department Name: Enter the name of the department in which the agent belongs.

    o Mobile Number: Enter WhatsApp enabled mobile number of the chat agent.

    o Default Message: Enter the default chat message of the agent.

    o Photo: Upload the photo of the chat agent.

    o Status: Activate or deactivate the status of the chat agent.

    https://meetanshi.com/magento-2-whatsapp-contact.html https://meetanshi.com/

  • WhatsApp Contact for Magento 2 © Meetanshi

    5. WhatsApp Contact in Frontend Once you configure the above settings, the WhatsApp Contact button will be enabled in the

    frontend based on the button type, set from the backend.

     Icon Type Button On click of the icon button, the user will be redirected to the chat box of admin in WhatsApp.

    If the visitors don’t want to see the contact button, they can close it if enabled by admin

    from backend. Moreover, the text is also displayed on the hover of the button.

    https://meetanshi.com/magento-2-whatsapp-contact.html https://meetanshi.com/

  • WhatsApp Contact for Magento 2 © Meetanshi

     Box Type Button

    Box type button is shown along with the text. On click of the button, a popup is

    opened with the information text and list of chat operators. Department name and

    default chat message are also displayed along with the agent list. User can click on

    one of the chat operators to start a chat in WhatsApp.

    https://meetanshi.com/magento-2-whatsapp-contact.html https://meetanshi.com/

  • WhatsApp Contact for Magento 2 © Meetanshi

     Contact Opened in WhatsApp When the user is redirected to WhatsApp chat with the admin or the selected chat agent, the

    default message is shown where he can add more text for the query, question, feedback or

    any other information.

    https://meetanshi.com/magento-2-whatsapp-contact.html https://meetanshi.com/