Giter Site home page Giter Site logo

magento-2-whatsapp-contact's Introduction

Magento 2 Extention Whatsapp Contact

Whatsapp Extension Magento extension (Magepow Whatsapp Contact Extension) WhatsApp is a widely used messaging app, easy to use, and is the best choice for instant communication. WhatsApp Contact for Magento 2 lets the visitors instantly contact the store admin by clicking the WhatsApp contact button kept on the site.

1. How to install Magento 2 Whatsapp Contact

โœ“ Install Magiccart Whatsapp Contact via composer (recommend)

Run the following command in Magento 2 root folder:

composer require magepow/whatsappcontact
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f

Latest Stable Version Total Downloads Daily Downloads

2. Look in Frontend

Look in frontend button type icon

widget-img

Look in frontend button type chat box

widget-img

3. Highlight Features

  • Easy to Enable/Disable module anytime
  • Use Magento 2 WhatsApp Contact extension by MageComp to let your customers quickly connect with you just with a single button click.
  • Enable WhatsApp Contact for only mobile devices if needed.
  • Change WhatsApp icon, position, color, text.
  • Onclick, customer will be redirected to WhatsApp web/app respectively.
  • Button type chat box can choose to chat with the manager.

Step 4: User guide

4.1. General configuration

Login to Magento admin > Stores > Configuration > Magepow > WhatsApp Contact > Configuration > Enable > Choose Yes to enable the module. Or Login to Magento admin > Magepow > Configuration.

Type Icon config

Image of Magento admin config

Type chat box config

Image of Magento admin config In Admin we set:

  • Button Type: Choose type chat default is number config on contact mobile number or whatsapp agents person.
  • Button Text: When choose button type will display text button on front end.
  • Enable WhatsApp Contact Type: Select mode shows with Only mobile, only desktop and Desktop/Mobile.
  • Default Chat Message: Default message when contact WhatsApp.
  • Button Background Color: Background button whatsapp contact ddefault is #09e343.
  • Icon Color: Text color default is #ffffff.
  • Text on popup: Text on popup WhatsApp contact agents person.
  • Button Display From: Show WhatsApp contact by time config.
  • Button Display To: Show WhatsApp contact by time config.
  • Top Position: Using pixels. Position display whatsapp show Top if want.
  • Right Position: Using pixels. Position display whatsapp show right if want Default config is 25px.
  • Bottom Position: Using pixels. Position display whatsapp show botton if want Default config is 25px.
  • Left Position: Using pixels. Position display whatsapp show left if want.
  • Close Button: Enabled is shows x close icon and button whatsapp.

4.2 Manage WhatsApp chat

To create manager whats app on Button type chatbox. Login to Magento admin > Magepow > Manage WhatsApp Chat > Add New. Image of Magento admin config

  • Name: Name of Manager whatsApp.
  • Department Name: Department name of manager whatsApp Contact.
  • Mobile Number: Enter number with country code. (+1) for United States.
  • Default Message: Text default will auto-send when the customer clicks WhatsApp contact.
  • Photo: Allow image type: jpg, jpeg, gif, png
  • Status: choose active or inactive. After you finish configuring, save and clear the cache. Run the following command:
php bin/magento cache:clean

Donation

If this project help you reduce time to develop, you can give me a cup of coffee :)

paypal

Our Magento 2 Extensions

Our Magento 2 services

Our Magento 2 Themes

Our Shopify Themes

Our Shopify App

Our WordPress Theme

magento-2-whatsapp-contact's People

Contributors

magiccart avatar ngoducnhuiit avatar davidduong90 avatar zoe-997 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.