react whatsapp widget

React-Whatsapp-Widget

Виджет чата WhatsApp для вашего сайта

Что это?

Это очень простой виджет кнопки WhatsApp. Из-за воздействия COVID-19 в 2020 году большинству малых предприятий пришлось перейти к присутствию в Интернете. Один из WEY, улучшающий общение с вашими клиентами, - это использование такого виджета.

Он добавляет кнопку с плавающей, похожей на ваш сайт, которая вызывает API чата WhatsApp.

Он автоматически начнет чат 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" />
    ) ;
} ;

️ Где phoneNumber - полный номер телефона в международном формате. Опустите любые нули, кронштейны или тире при добавлении номера телефона в международном формате.

Пример: 541112222222 где 54 является международным кодом Аргентины.

Настройка

вариант	ценить	по умолчанию	описание
номер телефона	string	''	WhatsApp Intenational Number, который получит сообщение.
Компания	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 The Chatbox будет открыт по умолчанию

Внося

После клонирования репозитория вы должны запустить следующие команды на двух разных вкладках терминала, чтобы начать среду разработки.

 cd react-whatsapp-widget
npm install
npm start

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

Первая команда наблюдает за SRC/ и перекомпилирует его в папку Dist/ при внесении изменений.

Вторая команда запускает пример примера, которое ссылается на ваш локальный пакет.

Приглашаются запросы на вытягивание!

Лицензия

MIT © Ann0nip