[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-cats-ngidenet":3,"blog-detail-ngidenet-kirim-pesan-whatsapp-laravel":20},{"items":4},[5,9,13,17],{"name":6,"slug":7,"count":8},"Digital Marketing","digital-marketing",41,{"name":10,"slug":11,"count":12},"Programming","programming",56,{"name":14,"slug":15,"count":16},"Tips","tips",75,{"name":18,"slug":19,"count":8},"Web Development","web-development",{"id":21,"slug":22,"title":23,"short_text":24,"excerpt":24,"cover":25,"cover_image":25,"cover_alt_text":25,"category":10,"tags":26,"published_at":27,"created_at":28,"full_text":29,"meta_title":25,"meta_description":30,"faqs":31,"images":32,"views_count":33},507,"kirim-pesan-whatsapp-laravel","Cara Kirim Pesan Whatsapp Menggunakan Laravel","Kalau kalian sedang mencari tutorial cara mengirim pesan WhatApp dengan Laravel, maka kalian ada di tutorial yang tepat. Kita akan membuat tutorial bagaimana cara mengirim pesan ke WhatsApp menggunaka",null,[],"2025-01-16T16:00:00Z","2026-07-14T04:39:45.436307Z","\u003Cp>Kalau kalian sedang mencari tutorial cara mengirim pesan WhatApp dengan Laravel, maka kalian ada di tutorial yang tepat.  \u003Cbr\u002F>Kita akan membuat tutorial bagaimana cara mengirim pesan ke WhatsApp menggunakan Laravel 11. Saya akan menggunakan Fonte sebagai third party package. Tutorial ini mencakup semua tahapan mulai dari instalasi Laravel, pendaftaran layanan Fonte, hingga integrasi dan contoh penggunaan dalam aplikasi Laravel.\u003C\u002Fp>\u003Ch3>Langkah 1: Instalasi Laravel\u003C\u002Fh3>\u003Cp>Pertama-tama, kita perlu menginstal Laravel. Anda dapat melakukannya menggunakan Composer, manajer paket PHP. Buka terminal dan jalankan perintah berikut:\u003C\u002Fp>\u003Cp>\u003Ch3>Daftar Isi\u003C\u002Fh3> \u003Cul>\n\u003Cli>\nLangkah 1: Instalasi Laravel\n\u003C\u002Fli>\n\u003Cli>\nLangkah 2: Register Fonnte untuk WhatsApp\n\u003C\u002Fli>\n\u003Cli>\nLangkah 3: Integrasikan Laravel denga Fonnte\n\u003C\u002Fli>\n\u003Cli>\nLangkah 4: Test kirim pesan ke Whatsapp\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Ccode>composer create-project --prefer-dist laravel\u002Flaravel laravel-whatsapp\u003C\u002Fcode>\u003C\u002Fp>\u003Cp>\u003Cp>Tunggu hingga proses instalasi selesai. Setelah selesai, masuk ke direktori proyek:\u003C\u002Fp>\u003Cp>\u003Ccode>cd laravel-whatsapp\u003C\u002Fcode> \u003Cbr\u002F> \u003C\u002Fp>\u003Cp>Coba run \u003Ccode>php artisan serve\u003C\u002Fcode> maka kamu akan mendapatkan tampilan laravel pertama kali.\u003C\u002Fp>\u003Ch3>Langkah 2: Register Fonnte untuk WhatsApp\u003C\u002Fh3>\u003Cp>Tahap selanjutnya adalah mendaftar Fonnte, non official third party app untuk mengirim pesan whatsapp dengan gratis.\u003C\u002Fp>\u003Cp>Teman-teman bisa daftar dulu fonnte lewat link berikut: \u003Ca href=\"https:\u002F\u002Fmd.fonnte.com\u002Fnew\u002Fregister.php?ref=141\">Daftar Fonnte\u003C\u002Fa>\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fres.cloudinary.com\u002Fdprnqhug7\u002Fimage\u002Fupload\u002Fv1731847430\u002Fngide\u002Fregiter-fonnte.png\"\u002F>\u003C\u002Ffigure>\u003Cp>Setelah berhasil register dan login, teman-teman bisa \u003Ci>Add Device\u003C\u002Fi> untuk menghubungkan Whatsapp kamu dengan fonnte.\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fres.cloudinary.com\u002Fdprnqhug7\u002Fimage\u002Fupload\u002Fv1731847430\u002Fngide\u002Fadd-device.png\"\u002F>\u003C\u002Ffigure>\u003Cp>\u003Cbr\u002F>Caranya mudah banget, sama seperti login WA WEB. Tinggal scan lalu device kamu sudah aktif.\u003C\u002Fp>\u003Cp>Jika sudah aktif, kalian akan mendapatkan token yang akan kita gunakan untuk mengirim pesan.\u003C\u002Fp>\u003Cp>Copy token karena kita akan menggunakan token ini untuk mengirim pesan nanti.\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fres.cloudinary.com\u002Fdprnqhug7\u002Fimage\u002Fupload\u002Fv1731847669\u002Fngide\u002Fcopty-token.png\"\u002F>\u003C\u002Ffigure>\u003Ch3>Langkah 3: Integrasikan Laravel denga Fonnte\u003C\u002Fh3>\u003Cp>Untuk mengirim pesan whatsapp, kita tambahkan dulu token fonnte ke dalam .env agar bisa kita pakai nanti.\u003C\u002Fp>\u003Cp>Tambahkan token di .env\u003C\u002Fp>\u003Cpre>\u003Ccode>FONNTE_TOKEN=\"your_fonnte_token\"\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Buat view baru untuk membuat form yang akan kita gunakan untuk mengirim pesan ke Whatsapp.\u003C\u002Fp>\u003Cp>Buat file baru di dalam views yaitu \u003Ccode>wa.blade.php\u003C\u002Fcode>\u003C\u002Fp>\u003Cpre>\u003Ccode><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n    <title>Kirim WA<\u002Ftitle>\n    <script src=\"https:\u002F\u002Fcdn.tailwindcss.com\"><\u002Fscript>\n<\u002Fhead>\n<body>\n    <div class=\"flex justify-center\">\n        <form action=\"{{ route('kirim-wa') }}\" method=\"POST\" class=\"mt-4 flex flex-col gap-5 w-[400px]\">\n            @csrf\n            <h1 class=\"text-xl\">Kirim Pesan<\u002Fh1>\n            <hr>\n            {{ session('message') }}\n            \n            <div class=\"flex flex-col\">\n                <label for=\"\">Phone<\u002Flabel>\n                <input type=\"number\" name=\"phone\" class=\"border p-1\" \u002F>\n            <\u002Fdiv>\n            <div class=\"flex flex-col\">\n                <label for=\"\">Pesan<\u002Flabel>\n                <textarea class=\"p-2 border\" name=\"message\"><\u002Ftextarea>\n            <\u002Fdiv>\n            <div class=\"flex flex-col\">\n                <button type=\"submit\" class=\"border bg-green-700 text-white px-2 py-1\">Kirim Pesan<\u002Fbutton>\n            <\u002Fdiv>\n        <\u002Fform>\n    <\u002Fdiv>\n<\u002Fbody>\n<\u002Fhtml>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Tambahkan route baru untuk menampilkan view yang sudah kita buat dan juga memproses form ketika di submit. Buka file web.php dan tambahkan route baru.\u003C\u002Fp>\u003Cpre>\u003Ccode>\u002F\u002Ffile web.php\nRoute::get('\u002Fwa', action: function () {\n    return view('wa');\n});\nRoute::post('\u002Fwa', action: function () {\n    $response = Http::withHeaders([\n        'Authorization' => env('FONNTE_TOKEN')\n    ])->post('https:\u002F\u002Fapi.fonnte.com\u002Fsend', [\n                'target' => request('phone'),\n                'message' => request('message'),\n                'countryCode' => '62',\n            ]);\n    return redirect()->back()->with('message', $response['detail']);\n})->name('kirim-wa');\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Coba buka halaman baru tersebut di : \u003Ccode>http:\u002F\u002Flocalhost:8000\u002Fwa\u003C\u002Fcode>\u003C\u002Fp>\u003Cp>Tampilannya akan seperti gambar dibawah ini.\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fres.cloudinary.com\u002Fdprnqhug7\u002Fimage\u002Fupload\u002Fv1731848387\u002Fngide\u002Fform-wa.png\"\u002F>\u003C\u002Ffigure>\u003Ch3>Langkah 4: Test kirim pesan ke Whatsapp\u003C\u002Fh3>\u003Cp>Langkap terakhir adalah memasukkan no telp dan pesan ke dalam form yang sudah dibuat.\u003C\u002Fp>\u003Cp>Ketika tidak ada error, teman-teman akan bisa menerima pesan ke WA yang tadi di hubungkan lewat fonnte.\u003C\u002Fp>\u003Cp>Jika ada yang bermasalah, silakan tinggalkan pesan untuk berdiskusi.\u003C\u002Fp>\n\u003C\u002Fp>\u003C\u002Fp>","Kalau kalian sedang mencari tutorial cara mengirim pesan WhatApp dengan Laravel, maka kalian ada di tutorial yang tepat. Kita akan membuat tutorial bagaimana ca",[],[],0]