react whatsapp widget

React-whatsapp-widget

Widget obrolan whatsapp untuk situs web Anda

Apa ini?

Ini adalah widget tombol whatsapp mengambang yang sangat sederhana. Karena dampak COVID-19 pada tahun 2020, sebagian besar usaha kecil harus pindah ke kehadiran online. Salah satu wey untuk meningkatkan komunikasi dengan pelanggan Anda adalah menggunakan widget seperti ini.

Ini menambahkan tombol seperti mengambang ke situs Anda yang memanggil WhatsApp Chat API.

Ini akan secara otomatis memulai obrolan whatsapp ke nomor yang Anda konfigurasi dan teks yang ditulis pengguna.

Semua teks sepenuhnya dapat disesuaikan dan Anda juga dapat memberikan ikon/logo.

Memasang

npm install --save react-whatsapp-widget

Penggunaan

 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" />
    ) ;
} ;

️ Di mana phoneNumber adalah nomor telepon lengkap dalam format internasional. Hilangkan nol, tanda kurung, atau tanda hubung saat menambahkan nomor telepon dalam format internasional.

Contoh: 541112222222 Di mana 54 adalah Kode Internacional Argentina.

Kustomisasi

pilihan	nilai	bawaan	keterangan
BUMBER FONEN	string	''	Nomor intenasional whatsapp yang akan menerima pesan.
Companyicon	Component	BiSupport	Ikon SVG Perusahaan Anda
nama perusahaan	string	'Support'	Nama perusahaan Anda
ReplyTimeText	string	'Typically replies within a day'
pesan	string	'Hello! ? nnWhat can we do for you?'	Dengan n Anda dapat membuat break-line.
sendButtontext	string	'Send'	Teks di dalam tombol Kirim
Pemegang Input	string	'Type a message'	Teks placeholder dari input pesan
membuka	boolean	false	Jika benar, chatbox akan dibuka sebagai default

Berkontribusi

Setelah mengkloning repositori, Anda harus menjalankan perintah berikut dalam dua tab terminal yang berbeda untuk memulai lingkungan pengembangan.

 cd react-whatsapp-widget
npm install
npm start

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

Perintah pertama menonton SRC/ dan mengkompilasi ulang ke dalam Dist/ Folder saat Anda membuat perubahan.

Perintah kedua menjalankan aplikasi contoh yang menautkan ke paket lokal Anda.

Permintaan tarik dipersilakan!

Lisensi

MIT © Ann0nip