Salah satu penyedia WhatsApp API gratis yang populer adalah Fonnte, dengan kuota hingga 1.000 pesan per bulan. Fonnte kami gunakan sebagai contoh karena proses integrasinya sederhana dan mudah diterapkan. Selain itu, tersedia juga Meta WhatsApp Cloud API sebagai layanan API resmi dari WhatsApp.<\/p>\n\n\n\n
Perlu diketahui bahwa penggunaan WhatsApp API gratis memiliki risiko, terutama jika digunakan secara berlebihan atau untuk aktivitas spam yang dapat menyebabkan nomor diblokir. Karena itu, layanan gratis lebih cocok digunakan untuk tahap pengembangan (development<\/em>), sedangkan untuk kebutuhan produksi disarankan menggunakan layanan API resmi atau berbayar yang lebih andal.<\/p>\n\n\n\n Untuk membuat WhatsApp API di Laravel, Anda perlu mempersiapkan beberapa hal berikut;<\/p>\n\n\n\n Setelah persiapan sistem selesai, selanjutnya Anda bisa mencoba panduan berikut untuk membuat WhatsApp API di Laravel.<\/p>\n\n\n\n Seperti yang sudah disampaikan, aplikasi laravel pada contoh kali ini hanya akan menampilkan halaman form saja dan mengirimkan notifikasi atau invoice ke Whatsapp.<\/p>\n\n\n\n Buat project laravel baru dengan perintah berikut:<\/p>\n\n\n\n Buat database dengan nama belajar_laravel, lalu atur database di file .env laravel.<\/p>\n\n\n\n Lalu, buat file migration atau table database baru dengan nama order_table.<\/p>\n\n\n\n Buka file order_table, lalu sesuaikan kodenya menjadi berikut:<\/p>\n\n\n\n Jika sudah disesuaikan, silakan melakukan update database dengan perintah berikut:<\/p>\n\n\n\n Buat file model dengan nama Order.<\/p>\n\n\n\n Buka file model Order, lalu sesuaikan kodenya menjadi berikut :<\/p>\n\n\n\n Buat file view dengan nama order.blade.php.<\/p>\n\n\n\n Buka file order.blade.php, lalu buat kode form seperti contoh berikut :<\/p>\n\n\n\n Buat file controller dengan nama OrderController.<\/p>\n\n\n\n Buka file controller OrderController, lalu sesuaikan kodenya menjadi berikut :<\/p>\n\n\n\n Buka file routes\/web.php dan tambahkan routes untuk method post dari form. Pastikan nama controller sama seperti file controller yang dibuat sebelumnya dan pastikan nama function di contoller sama dengan di routes.<\/p>\n\n\n\n Jalankan perintah “php artisan serve” untuk melihat hasil view yang sudah dibuat.<\/p>\n\n\n\n Lakukan testing pada form input, pastikan seluruh data inputan sudah sesuai. Bisa dicek dengan Berikut langkah-langkah membuat Whatsapp API di Laravel melalui Fonnte.<\/p>\n\n\n\n Langkah pertama, silahkan akses halaman website Fonnte<\/a> untuk melakukan registrasi. Setelah selesai, Anda bisa mengikuti langkah berikut: <\/p>\n\n\n\n Isi variable “message” bisa di konfigurasi sesuai keinginan dan kebutuhan. Pastikan tidak terlalu panjang karena tujuan utamanya untuk notifikasi saja.<\/p>\n\n\n\n Terkait dokoumentasi lengkap Fonnte silakan bisa mengunjungi url berikut : https:\/\/docs.fonnte.com\/<\/p>\n\n\n\n Masukan data sesuai kolom input yang tersedia dan pastikan nomor handphone yang di inputkan adalah nomor whatsapp aktif, berikut contoh inputnya:<\/p>\n\n\n\n Pastikan konfigurasi dari sisi kode laravel tidak ada error dan sudah dilakukan debug<\/em>. Begitu juga kode impelemntasi dari fonnte pastikan token valid agar tidak ada kendala pengiriman notifikasi whatsapp. Berikut screenshoot <\/em>hasil percobaan pengiriman notifikasi whatsapp.<\/p>\n\n\nPersiapan sistem<\/h2>\n\n\n\n
\n
Membuat aplikasi Laravel sederhana<\/h2>\n\n\n\n
Step 1. Membuat project laravel<\/h3>\n\n\n\n
composer create-project laravel\/laravel belajar_laravel<\/code><\/pre>\n\n\n\nStep 2. Membuat database<\/h3>\n\n\n\n
DB_DATABASE=belajar_laravel\nDB_USERNAME=root\nDB_PASSWORD=<\/code><\/pre>\n\n\n\nphp artisan make:migration create_order_table<\/code><\/pre>\n\n\n\n<?php\n\nuse Illuminate\\Database\\Migrations\\Migration;\nuse Illuminate\\Database\\Schema\\Blueprint;\nuse Illuminate\\Support\\Facades\\Schema;\n\nreturn new class extends Migration\n{\n \/**\n * Run the migrations.\n *\/\n public function up(): void\n {\n Schema::create('order', function (Blueprint $table) {\n $table->id();\n $table->timestamps();\n $table->string('nama_barang');\n $table->integer('harga_barang');\n $table->integer('banyak_barang');\n $table->integer('total_harga');\n $table->string('nama');\n $table->string('nohp');\n });\n }\n\n \/**\n * Reverse the migrations.\n *\/\n public function down(): void\n {\n Schema::dropIfExists('order');\n }\n};\n<\/code><\/pre>\n\n\n\nphp artisan migrate<\/code><\/pre>\n\n\n\nStep 3. Membuat model<\/h3>\n\n\n\n
php artisan make:model Order<\/code><\/pre>\n\n\n\n<?php\n\nnamespace App\\Models;\n\nuse Illuminate\\Database\\Eloquent\\Model;\n\nclass Order extends Model\n{ \n protected $table = \"order\";\n protected $fillable = [\n 'invoice' => 'invoice',\n 'created_at' => 'created_at',\n 'nama_barang' => 'nama_barang',\n 'banyak_barang' => 'banyak_barang',\n 'harga_barang' => 'harga_barang',\n 'total_harga' => 'total_harga',\n 'nama' => 'nama',\n 'nohp' => 'nohp',\n ];\n}\n<\/code><\/pre>\n\n\n\nStep 4. Membuat view blade<\/h3>\n\n\n\n
<!doctype html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>Bootstrap demo<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.8\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB\" crossorigin=\"anonymous\">\n <\/head>\n <body>\n <div class=\"container-md\">\n <form action=\"\/store\" method=\"post\">\n <h3 class=\"mt-5\">Order Here!!!<\/h3>\n <div class=\"mb-3\">\n <label for=\"exampleInput1\" class=\"form-label\">Product<\/label>\n <select class=\"form-select\" aria-label=\"Default select example\" name=\"nama_barang\">\n <option selected>Open this select menu<\/option>\n <option value=\"tshirt\">T-Shirt Rp.50000<\/option>\n <option value=\"jacket\">Jacket Rp.250000<\/option>\n <option value=\"crewneck\">Crewneck Rp.150000<\/option>\n <option value=\"polo\">Polo T-Shirt Rp<\/option>\n <\/select>\n <\/div>\n <div class=\"mb-3\">\n <label for=\"exampleInputtext1\" class=\"form-label\">Quantity<\/label>\n <input type=\"text\" class=\"form-control\" id=\"exampleInputtext1\" name=\"banyak_barang\">\n <\/div>\n <div class=\"mb-3\">\n <label for=\"exampleInputtext1\" class=\"form-label\">Name<\/label>\n <input type=\"text\" class=\"form-control\" id=\"exampleInputtext1\" name=\"nama\" placeholder=\"John Doe\">\n <\/div>\n <div class=\"mb-3\">\n <label for=\"exampleInputtext1\" class=\"form-label\">Phone Number<\/label>\n <input type=\"text\" class=\"form-control\" id=\"exampleInputtext1\" name=\"nohp\" placeholder=\"082XXX111XXX\">\n <\/div>\n <button type=\"submit\" class=\"btn btn-primary\">Submit<\/button>\n <\/form>\n <\/div> \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.8\/dist\/js\/bootstrap.bundle.min.js\" integrity=\"sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK\/BmnVDxM+D2scQbITxI\" crossorigin=\"anonymous\"><\/script>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\nStep 5. Membuat controller<\/h3>\n\n\n\n
php artisan make:controller OrderController<\/code><\/pre>\n\n\n\n<?php\n\nnamespace App\\Http\\Controllers;\n\nuse Illuminate\\Support\\Facades\\DB;\nuse Illuminate\\Http\\Request;\nuse Carbon\\Carbon;\n\nclass OrderController extends Controller\n{\n public function store(Request $request){\n $harga_barang = 0;\n $invoice = rand(111111,999999);\n\n \/\/ deklarasi harga barang\n if ($request->nama_barang == \"tshirt\") {\n $harga_barang = 50000;\n }\n elseif ($request->nama_barang == \"jacket\") {\n $harga_barang = 250000;\n }\n elseif ($request->nama_barang == \"crewneck\") {\n $harga_barang = 150000;\n }\n else {\n $harga_barang = 125000;\n };\n\n \/\/ simpan ke database\n DB::table('order')->insert([\n 'invoice' => \"INV\".$invoice,\n 'created_at' => Carbon::now(),\n 'nama_barang' => $request->nama_barang,\n 'banyak_barang' => $request->banyak_barang,\n 'harga_barang' => $harga_barang,\n 'total_harga' => $harga_barang*$request->banyak_barang,\n 'nama' => $request->nama,\n 'nohp' => $request->nohp,\n ]);\n }\n}<\/code><\/pre>\n\n\n\nRoute::post('\/store', [App\\Http\\Controllers\\OrderController::class, 'store']);<\/code><\/pre>\n\n\n\nStep 6. Testing view dan form<\/h3>\n\n\n\n
![\"Testing](\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/05\/laravel1-1.png\")
<\/a><\/figure>\n\n\n\nvardump()<\/code>, dd(), atau laravel debug.<\/p>\n\n\n\nImplementasi Whatsapp API di Laravel<\/h2>\n\n\n\n
Step 1. Membuat akun Fonnte<\/h3>\n\n\n\n
\n
<\/a><\/figure>\n\n\n\n\n
<\/a><\/figure>\n\n\n\n\n
<\/a><\/figure>\n\n\n\n\n
<\/a><\/figure>\n\n\n\nStep 2. Implementasi API ke Laravel<\/h3>\n\n\n\n
\n
# API WHATSAPP FONNTE\nFONNTE_TOKEN=nsYU1P2jVBJw2kpzbnpv<\/code><\/pre>\n\n\n\n\n
$token = env('FONNTE_TOKEN'); \/\/ mengambil value token dari env.\n\n\/\/ isi notifikasi ke whatsapp\n$message =\n\"--------*Order Invoice*-------\\n\"\n. \"-----------*PAID*-----------\\n\"\n. \"```\\n\"\n. \"Invoice : \" . $invoice . \"\\n\"\n. \"Name : \" . $request->name . \"\\n\"\n. \"Phone Number : \" . $request->nohp . \"\\n\"\n. \"Order Date : \" . Carbon::now() . \"\\n\"\n. \"Product : \" . $request->nama_barang . \"\\n\"\n. \"Quantity : \" . $request->banyak_barang . \" \\n\"\n. \"Grand Total : Rp \" . number_format($harga_barang * $request->banyak_barang, 0, ',', '.') . \"\\n\"\n. \"```\\n\"\n. \"-----------------------------\\n\"\n. \"-=|*Hanupis*|=-\";\n\nHttp::withoutVerifying() \/\/ menonaktifkan pengecekan SSL\n->withHeaders([ \/\/ menambahkan header HTTP\n 'Authorization' => $token, \/\/ token API Fonnte\n])->post('https:\/\/api.fonnte.com\/send', [ \/\/ mengirim request POST ke API Fonnte\n 'target' => $request->nohp, \/\/ nomor WhatsApp tujuan\n 'message' => $message, \/\/ isi pesan WhatsApp\n]);<\/code><\/pre>\n\n\n\nStep 3. Pengujian<\/h3>\n\n\n\n
<\/a><\/figure>\n\n\n\n