react whatsapp widget

React-Whatsapp-Widget

WhatsApp聊天小部件用于您的网站

这是什么？

这是一个非常简单的浮动WhatsApp按钮小部件。由于1920年Covid-19的影响，大多数小型企业都必须转向在线形象。改善与您的客户沟通的Wey之一是使用这样的小部件。

它在您的网站中添加了一个类似浮动的按钮，该按钮调用WhatsApp Chat API。

它将自动开始对您配置的号码和用户编写的文本进行WhatsApp聊天。

所有文本都是完全可自定义的，您也可以提供图标/徽标。

安装

npm install --save react-whatsapp-widget

用法

 import React from 'react' ;
// This is the way to import an SVG file and then pass it as a props
import { ReactComponent as CompanyIcon } from './assets/crown.svg' ;

import { WhatsAppWidget } from 'react-whatsapp-widget' ;
import 'react-whatsapp-widget/dist/index.css' ;

const App = ( ) => {
    return (
        < WhatsAppWidget CompanyIcon = { CompanyIcon } phoneNumber = "XXXXXXXXXX" />
    ) ;
} ;

配x以国际格式为全电话phoneNumber的地方。以国际格式添加电话号码时，请省略任何零，支架或破折号。

示例： 541112222222其中54是阿根廷国际代码。

定制

选项	价值	默认	描述
Phonenumber	string	''	WhatsApp Intenational号码将接收消息。
企业	Component	BiSupport	贵公司SVG图标
公司名称	string	'Support'	您的公司名称
ReplyTimeText	string	'Typically replies within a day'
信息	string	'Hello! ? nnWhat can we do for you?'	使用n您可以创建一个分类。
sendbuttontext	string	'Send'	发送按钮中的文字
输入场所持有人	string	'Type a message'	消息输入的占位符文本
打开	boolean	false	如果为true，则chatbox将打开为默认

贡献

克隆存储库后，您必须在两个不同的终端选项卡中运行以下命令才能启动开发环境。

 cd react-whatsapp-widget
npm install
npm start

 cd react-whatsapp-widget/example
npm install
npm start

第一个命令观看SRC/，并在您进行更改时将其重新编译到DIST/文件夹中。

第二个命令运行链接到本地软件包的示例应用程序。

欢迎拉动请求！

执照

麻省理工学院©Ann0nip