Cara Buat Landing Page LPWA di Hosting via MCP AI Agent

Halo DomaiNesians, memasarkan produk lewat media sosial dan iklan digital baru efektif ketika calon pembeli bisa langsung bertanya dan memesan dengan mudah. Banyak pelaku usaha memilih WhatsApp sebagai tempat bertanya, tetapi sering bingung membangun halaman produk yang menarik beserta tombol chat yang pesannya sudah terisi otomatis. Karena itu, mengetahui cara membuat Landing Page LPWA di Hosting via MCP AI Agent menjadi kebutuhan yang semakin penting.

Mengapa Perlu Buat Landing Page LPWA di Hosting via MCP AI Agent?

LPWA atau Landing Page WhatsApp adalah halaman produk yang dirancang agar pengunjung dapat langsung bertanya atau memesan lewat WhatsApp hanya dengan satu kali klik. Pembuatan LPWA di Hosting via MCP berarti kita meminta agentik AI merancang, membangun, sekaligus men-deploy halaman tersebut langsung ke hosting melalui MCP Server, mulai dari mengumpulkan data produk, menyusun tampilan, hingga mengamankan dan menguji hasil akhirnya, seluruhnya dalam satu rangkaian percakapan.

Nah, DomaiNesians, dengan MCP, agentik AI tidak hanya menulis kode. Agen juga bisa langsung membuat subdomain, mengunggah file, mengatur permission folder privat, hingga memicu penerbitan SSL secara otomatis di hosting, sehingga kita tidak perlu berpindah-pindah antara Terminal, File Manager, dan pengaturan domain secara manual.

Pada panduan ini kita akan mempelajari cara membuat LPWA di Hosting via MCP dengan tampilan mobile-first, tombol tanya WhatsApp yang pesannya terisi otomatis, pencatatan klik tombol, serta panel admin sederhana untuk mengubah harga, nomor, teks pesan, dan foto, seluruhnya dikerjakan agentik AI via MCP. Pastikan pilihan yang digunakan sesuai dengan website atau proyek yang sedang dikelola.

Proses Buat Landing Page LPWA di Hosting via MCP AI Agent

Setelah memahami kegunaan yang telah disebutkan di atas, sekarang kita bisa memulai proses membuat LPWA di Hosting via MCP melalui langkah-langkah berikut. Selesaikan persiapan akses dan berkas yang diperlukan sebelum menjalankan tahap instalasi.

Perhatian! Tergantung dari Model AI yang digunakan, bisa menghasilkan hasil yang berbeda seperti pada panduan ini!

1. Aktifkan Fitur AI Agent Access MCP di Hosting

Langkah pertama adalah memilih hosting DomaiNesia yang mendukung fitur AI Agent atau MCP. Kita bisa melihat pilihan paket pada halaman Hosting DomaiNesia untuk mendapatkan paket yang sesuai dengan kebutuhan.

Setelah itu pastikan koneksi MCP pada akun hosting sudah tersambung. Apabila kata sandi MCP terlupa, kita dapat melakukan reset sandi MCP terlebih dahulu.

Selanjutnya aktifkan koneksi sesuai panduan pada client AI yang digunakan. Jika koneksi gagal tersambung, jangan ragu untuk menghubungi tim support DomaiNesia.

2. Susun Prompt Awal yang Detail

Hasil yang baik berawal dari prompt yang tersusun rapi, bukan perintah mentah satu kalimat. Prompt sebaiknya memuat produk, bahasa, nomor WhatsApp, template chat saat tombol diklik, urutan seksi, dan foto yang disematkan. Pada panduan ini kita memakai produk fiktif Susu Protein Whey dengan harga acak sebagai contoh.

Dengan prompt tersebut, agen biasanya hanya meminta konfirmasi singkat sebelum melakukan deploy. Berikut adalah contoh jawaban konfirmasi:

Agen kemudian memverifikasi subdomain terlebih dahulu sebelum membuat yang baru. Semakin rinci prompt yang kita tulis, semakin sedikit revisi yang diperlukan, sehingga pembuatan LPWA di Hosting via MCP dapat selesai lebih cepat dan sesuai harapan.

3. Bangun Template Landing Page dan Panel Admin

Pada tahap ini, satu sumber data bernama config.json melayani halaman produk sekaligus panel admin. Halaman menyediakan sembilan seksi sesuai urutan pada prompt, tombol WhatsApp dengan pesan otomatis, dan pencatatan klik. Panel admin memerlukan token sekali pakai, perlindungan CSRF, dan pembatasan percobaan masuk. Jika hasil tidak muncul, kita bisa menjalankan prompt berikut:

Struktur berikut membantu membedakan berkas halaman dari penyimpanan data privat. Berikut adalah contoh hasilnya:

Berkas go.php bertugas mencatat klik lalu meneruskan pengunjung ke WhatsApp, sedangkan seluruh data produk tersimpan pada folder privat di luar document root. Pada LPWA di Hosting via MCP, pemisahan ini membuat halaman mudah diperbarui dan menjaga nomor serta konfigurasi tidak terbaca langsung dari peramban. Karena isi di terminal dapat berbeda pada setiap model AI, kita cukup memastikan seluruh poin validasi berstatus OK sebelum melanjutkan.

4. Deploy File ke Hosting dengan Pemisahan Folder Publik dan Privat

Selanjutnya file dipisahkan antara folder publik yang dapat diakses pengunjung dan folder privat yang menyimpan data produk. Permission yang ketat diterapkan, lalu HTTPS diverifikasi setelah AutoSSL berjalan, bukan hanya menganggap sertifikat sudah terbit. Jika hasil tidak muncul, kita bisa menjalankan prompt berikut:

Daftar berikut memperlihatkan lokasi unggahan dan permission berkas yang perlu diperiksa. Berikut adalah contoh hasilnya:

Hasil tersebut memperlihatkan bahwa data sensitif hanya dapat dibaca oleh pemilik akun hosting. Folder privat memakai permission 0700 dan setiap berkas data memakai 0600, sehingga pihak lain tidak dapat membacanya meskipun mengetahui lokasinya. Status AutoSSL baru menunjukkan pemeriksaan sudah dijalankan, sehingga kita tetap perlu memastikan HTTPS benar-benar aktif pada tahap berikutnya.

5. Lakukan Verifikasi dan Uji Coba Menyeluruh

Nah, DomaiNesians, sebelum halaman dibagikan, agen menguji akses, tampilan, tombol WhatsApp, proteksi file, dan panel admin. Setelah pengujian selesai, data uji dibersihkan dan token admin dibuat agar pengguna sendiri yang melakukan aktivasi. Jika hasil tidak muncul, kita bisa menjalankan prompt berikut:

Hasil akses perlu dibaca bersama cakupan pengujian yang benar-benar dilakukan. Berikut adalah contoh hasilnya:

Hasil verifikasi ini penting karena LPWA di Hosting via MCP akan menerima kunjungan nyata dari calon pembeli. Status PASS hanya menunjukkan bagian yang diuji, sehingga pengujian langsung dari ponsel tetap diperlukan pada bagian berikutnya.

Uji Akses Landing Page

Setelah LPWA di Hosting via MCP selesai dibuat, buka subdomain whey.contoh.com melalui peramban, sebaiknya dari ponsel karena sebagian besar pengunjung berasal dari perangkat tersebut. Pastikan halaman berhasil diakses dan seksi hero menampilkan judul, foto produk, harga coret, serta tombol Tanya via WhatsApp.

Gulir halaman hingga bawah untuk memastikan seluruh seksi tampil sesuai urutan, mulai dari manfaat utama, nutrisi, varian rasa, testimoni, paket harga, hingga FAQ. Setelah itu pilih salah satu varian rasa, misalnya Vanila, lalu tekan tombol Tanya via WhatsApp. Aplikasi WhatsApp akan terbuka dengan pesan pembuka yang sudah terisi sesuai template, sehingga kita tinggal menekan tombol kirim.

Bagian yang tidak kalah menarik adalah melihat hasil eksekusi ketika ada pengunjung yang mengakses halaman dan menekan tombol tersebut. Kita bisa kembali ke percakapan dengan agen lalu menjalankan prompt berikut:

Ringkasan kunjungan dan klik tidak sama dengan jumlah percakapan atau pembelian. Berikut adalah contoh hasilnya:

Terakhir, kita perlu segera mengaktifkan panel admin menggunakan token aktivasi yang sudah disediakan, yang biasanya dapat dilihat lewat File Manager pada folder privat. Buat kata sandi admin sendiri sebelum token tersebut digunakan oleh pihak lain yang tidak berwenang, lalu coba ubah harga atau template pesan untuk memastikan perubahan langsung tampil pada halaman.

Lebih Praktis Menyiapkan LPWA di Hosting via MCP

Kita telah mempelajari penyusunan brief produk, pembuatan halaman dan panel admin, pemisahan data privat, serta pemeriksaan tombol WhatsApp. Pencatatan kunjungan dan klik membantu meninjau interaksi pada halaman tanpa menyamakannya dengan transaksi penjualan.

Selamat DomaiNesians! Aktifkan akun admin secara privat dan periksa nomor tujuan serta template pesan sebelum membagikan landing page. Temukan pembahasan lain pada panduan selanjutnya untuk melanjutkan belajar.