Dalam era digital saat ini, kemampuan untuk mengirim pesan WhatsApp secara mudah dan cepat menjadi sangat penting, terutama bagi bisnis dan ...
Dalam era digital saat ini, kemampuan untuk mengirim pesan WhatsApp secara mudah dan cepat menjadi sangat penting, terutama bagi bisnis dan organisasi yang ingin berkomunikasi dengan pelanggan atau klien mereka. Dengan menggunakan platform WA Console, Anda dapat dengan mudah mengirimkan pesan WhatsApp tanpa perlu memiliki akun WhatsApp Business.
Berikut adalah langkah-langkah untuk membuat aplikasi sederhana yang dapat mengirim pesan WhatsApp dari HTML/PHP:
Buat file HTML atau PHP.
<div class="container my-5"><div class="row justify-content-center"> <div class="row"> <div class="col-md-8"> <div class="card p-4"> <h3 class="mb-4">WhatsApp Message Sender</h3> <div class="row"> <div class="col-md-6"> <form id="message-form"> <div class="mb-3"> <label for="appkey" class="form-label">App Key</label> <input type="text" class="form-control" id="appkey" placeholder="XXXXXXXX" required> </div> <div class="mb-3"> <label for="authkey" class="form-label">Auth Key</label> <input type="text" class="form-control" id="authkey" placeholder="XXXXXXXX" required> </div> <div class="mb-3"> <label for="receiver-number" class="form-label">Recipient Number</label> <input type="text" class="form-control" id="receiver-number" placeholder="Enter recipient's phone number" pattern="[0-9]*" required> </div> <div class="mb-3"> <label for="message" class="form-label">Message</label> <textarea class="form-control" id="message" rows="3" placeholder="Enter your message" required></textarea> </div> <button type="submit" class="btn btn-success w-100">Send Message</button> </form> </div> <div class="col-md-6"> <div class="card p-4"> <h3 class="mb-4">Response</h3> <textarea class="form-control h-100 w-100" id="response" rows="13" placeholder="Response" readonly></textarea> </div> </div> </div> </div> </div> </div></div></div>Tambahkan file CSS.
body {background-color: #f8f9fa;font-family: 'Roboto', sans-serif;}.card {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);transition: 0.3s;}.card:hover {box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);}.btn-success {background-color: #28a745;border-color: #28a745;}.btn-success:hover {background-color: #218838;border-color: #1e7e34;}Tambahkan file JavaScript.
$(document).ready(function() {$('#message-form').on('submit', function(event) { event.preventDefault(); var appkey = $('#appkey').val(); var authkey = $('#authkey').val(); var receiverNumber = $('#receiver-number').val(); var message = $('#message').val(); var formData = { appkey: appkey, authkey: authkey, to: receiverNumber, message: message }; $.ajax({ url: 'https://waconsole.apipedia.id/api/create-message', type: 'POST', data: JSON.stringify(formData), contentType: 'application/json; charset=utf-8', dataType: 'json', success: function(response) { $('#response').val(JSON.stringify(response)); }, error: function(xhr, status, error) { $('#response').val('Failed to send message. Please try again.'); } });});});Untuk mendapatkan App Key dan Auth Key, Anda dapat mengambilnya dari menu Apps di waconsole.apipedia.id.
Uji coba dan jalankan aplikasi Anda. Masukkan App Key, Auth Key, nomor penerima, dan pesan, kemudian kirim. Hasil respon akan ditampilkan pada textarea di bagian kanan.
Dengan menggunakan platform WA Console, Anda dapat dengan mudah mengirimkan pesan WhatsApp tanpa perlu memiliki akun WhatsApp Business. Aplikasi ini dapat dengan cepat diintegrasikan ke dalam situs web atau sistem Anda, sehingga memudahkan proses komunikasi dengan pelanggan atau klien.
COMMENTS