LUXEE HELPS
Data Pesanan Tidak Masuk? Integrasikan Google Apps Script di Order Page (Part 2)!
📌 Apa itu Integrasi Google Apps Script (GAS)?
Integrasi Google Apps Script (GAS) adalah metode menghubungkan data kiriman formulir frontend WordPress ke Google Sheets sebagai database agensi Anda. Dengan memanfaatkan perantara web script gratisan bawaan Google Cloud ini, Anda tidak perlu membeli plugin database premium berbayar.
Klien Anda baru saja mengklik tombol "Pesan Sekarang" dan melakukan checkout pesanan undangan digital. Namun, email pemberitahuan masuk (notification email) di inbox Anda sering terlambat akibat sistem SMTP hosting Anda yang overload. Dengan mengintegrasikan Google Apps Script, setiap kali ada data pesanan baru terkirim, data tersebut secara instan masuk ke dalam lembar baris (row) Google Spreadsheet Anda secara tertib, aman, dan real-time.
✨ Fitur Unggulan Integrasi Google Apps Script
- Database Serverless Gratisan: Memanfaatkan penyimpanan handal milik Google Drive secara cuma-cuma tanpa membebani server hosting Anda.
- Real-time Synchronize: Data pesanan langsung terarsip di detik yang sama saat tombol kirim diklik klien.
- Fleksibilitas Pengolahan Data: Mempermudah admin agensi melakukan filter, sortir, dan export data pesanan ke format CSV untuk kebutuhan pelaporan keuangan.
🛠️ Langkah Mengonfigurasi Google Apps Script
Langkah 1: Menyiapkan Google Spreadsheet
Buat dokumen Google Spreadsheet baru di Google Drive Anda. Di baris pertama (header), ketik nama kolom isian data pemesanan Anda (misal: Nama Klien, WhatsApp, Paket Undangan, Status).
Langkah 2: Menulis Script di Google Apps Script
Buka menu **Ekstensi > Apps Script** di Spreadsheet Anda. Hapus kode default bawaan Google, kemudian salin dan tempelkan kode webhook integrasi database bawaan Luxee Toolkit ke editor script tersebut.
Langkah 3: Menerapkan Script sebagai Aplikasi Web (Deploy)
Klik tombol **Terapkan > Penerapan Baru**. Pilih jenis **Aplikasi Web (Web App)**. Di opsi *Siapa yang memiliki akses*, setel pilihan ke **Siapa saja (Anyone)** agar script dapat diakses oleh sistem WordPress Anda. Klik Terapkan dan salin URL Web App yang dihasilkan.
Langkah 4: Menghubungkan URL Web App ke WordPress
Kembali ke halaman editor Elementor Order Page Anda di WordPress. Pilih widget Form, buka seksi **Actions After Submit**, lalu aktifkan opsi **Webhook**. Tempelkan URL Web App Google Apps Script tadi ke kolom URL Webhook yang tersedia.
Langkah 5: Menonton Video Demonstrasi Penyetelan
Pelajari demonstrasi penulisan baris kode script, proses otorisasi keamanan akun Google, serta penanganan error webhook gagal terkirim melalui video berikut:
Pastikan penulisan ID field formulir Anda di Elementor (huruf besar/kecil) **100% cocok** dengan variabel nama kolom isian yang Anda daftarkan di dalam kode Google Apps Script. Kesalahan pengetikan satu karakter saja akan mengakibatkan kolom data tersebut kosong di Spreadsheet Anda.
🔗 Modul Panduan Terkait
Lakukan konfigurasi layout form utama dan halaman transaksi agensi Anda:
💡 Pertanyaan Sering Ditanya (FAQ)
Ini adalah notifikasi keamanan standar dari pihak Google saat skrip kustom ingin mengakses akun Google Drive Anda. Klik **Lanjutkan / Advanced**, lalu pilih **Buka Project (tidak aman)**, kemudian klik **Izinkan** untuk melanjutkan akses otorisasi.
Google Spreadsheet mampu menampung hingga **10 juta sel data**. Ini sudah lebih dari cukup untuk memenuhi pencatatan riwayat transaksi ribuan pesanan klien agensi undangan Anda selama bertahun-tahun.
Buka pengaturan Spreadsheet Anda lewat menu **File > Setelan**, lalu ubah opsi **Zona Waktu** menjadi **(GMT+07:00) Jakarta**. Lakukan hal yang sama di setelan project Google Apps Script Anda.