Cara Menggunakan Google Forms sebagai Form Kontak Situs Web
Jawaban singkat: Bangun Google Form dengan kolom nama, email, subjek, dan pesan, lalu klik Send → Embed (<>) untuk mendapat kode iframe yang Anda tempel ke HTML situs Anda. Google Forms tidak mengirim email kepada Anda secara otomatis untuk pengiriman baru — instal add-on notifikasi atau periksa tab Responses dan Sheet yang terhubung secara manual.
Anda tidak memerlukan langganan pembuat form khusus untuk memasang form kontak yang berfungsi di situs web Anda. Google Forms gratis, tidak memerlukan kode backend, dan menyimpan setiap pesan dalam spreadsheet yang sudah Anda tahu cara menggunakannya. Ini bukan solusi sempurna untuk setiap situs, tetapi untuk halaman "hubungi kami" yang sederhana, ini salah satu opsi tercepat yang tersedia. Berikut cara menyiapkannya dengan benar, termasuk bagian yang dilewatkan sebagian besar panduan.
Langkah 1: Bangun form kontak
Mulai form baru di forms.google.com dan tambahkan pertanyaan-pertanyaan ini. Jaga daftarnya tetap singkat — setiap kolom wajib tambahan pada form kontak publik secara terukur mengurangi berapa banyak pengunjung yang menyelesaikan pengirimannya, jadi tahan keinginan untuk menanyakan nomor telepon atau nama perusahaan kecuali proses tindak lanjut Anda benar-benar bergantung pada itu:
- Nama — Jawaban singkat, wajib.
- Email — Jawaban singkat, wajib.
- Subjek — Dropdown, dengan beberapa kategori preset seperti "Pertanyaan umum," "Dukungan," "Kemitraan," "Lainnya." Dropdown menjaga pesan masuk tetap bisa disortir alih-alih mengandalkan baris subjek teks bebas.
- Pesan — Paragraph, wajib.
Langkah 2: Validasi kolom email
Klik menu tiga titik pada pertanyaan email dan pilih Response validation → Text → Email address. Ini menolak entri yang salah format — seperti nama yang diketik ke kotak email — sebelum form bahkan bisa dikirim. Untuk lebih banyak opsi validasi di berbagai jenis kolom lainnya, lihat panduan kami tentang validasi jawaban Google Forms.
Langkah 3: Sematkan di situs web Anda
Klik Send di bagian atas editor form, lalu pilih ikon <> (sematan). Google Forms menghasilkan cuplikan iframe dengan lebar dan tinggi yang ditetapkan — salin dan tempel langsung ke HTML situs web Anda di mana pun Anda ingin form itu muncul. Jika Anda tidak nyaman mengedit HTML secara langsung, panduan lengkap kami tentang menyematkan Google Form di situs web juga membahas page builder dan platform CMS.
Beberapa hal yang perlu diketahui tentang versi yang disematkan: itu dirender di dalam frame berukuran tetap, jadi di layar seluler yang sempit Anda mungkin perlu menyesuaikan atribut lebar/tinggi iframe atau membungkusnya dalam kontainer responsif. Itu juga membawa gaya Google sendiri, yang tidak akan otomatis cocok dengan font atau warna situs Anda.
Langkah 4: Siapkan notifikasi (ini bagian yang sering salah dilakukan orang)
Asumsi umum adalah bahwa Google Forms mengirim email kepada Anda saat seseorang mengirim form. Tidak, secara default. Secara bawaan, Forms hanya mencatat jawaban — tidak ada yang dikirim ke kotak masuk Anda. Anda memiliki dua opsi realistis:
- Instal add-on notifikasi. Dari editor form, klik ikon Add-ons berbentuk kepingan puzzle dan cari di Google Workspace Marketplace untuk tool notifikasi seperti "Form Notifications." Add-on ini memantau pengiriman baru dan mengirim email kepada Anda (atau daftar distribusi) secara otomatis. Tinjau izin sebelum menginstal, karena add-on berjalan di dalam akun Google Anda.
- Periksa secara manual. Buka tab Responses secara berkala, atau periksa Google Sheet yang terhubung, yang diperbarui secara real time saat pesan masuk. Ini berfungsi baik untuk situs dengan lalu lintas rendah tetapi tidak praktis jika Anda perlu merespons pertanyaan dengan cepat.
Privasi dan pengumpulan data pada form kontak publik
Form kontak yang disematkan di situs web publik, menurut definisinya, mengumpulkan data pribadi — minimal nama dan alamat email, terkadang lebih tergantung pada kolom Anda. Beberapa hal yang layak dilakukan sebelum menerbitkan:
- Tautkan ke kebijakan privasi di dekat form yang menjelaskan apa yang terjadi pada pesan yang dikirim dan siapa yang bisa melihatnya, terutama jika pengunjung dari UE atau Inggris mungkin menggunakannya.
- Jangan kumpulkan lebih dari yang Anda butuhkan. Form kontak tidak memerlukan nomor telepon, ukuran perusahaan, atau alamat kecuali alur kerja Anda benar-benar membutuhkannya — setiap kolom tambahan adalah friksi dan data tambahan yang harus diamankan.
- Ketahui di mana jawaban berada. Pengiriman berada di Google Sheet yang terhubung di bawah akun Google Anda, yang juga berarti siapa pun yang Anda bagikan Sheet itu, atau ditambahkan sebagai kolaborator pada form, bisa melihat setiap pesan — layak dibatasi hanya untuk orang yang benar-benar menangani pertanyaan.
Untuk pembahasan lebih lengkap tentang bahasa persetujuan, retensi data, dan apa yang diwajibkan GDPR untuk pengunjung UE secara spesifik, lihat panduan Google Forms dan GDPR kami.
Pertimbangan spam dan bot
Google Forms tidak mengekspos toggle CAPTCHA khusus atau filter spam yang bisa dikonfigurasi seperti beberapa plugin form kontak. Ini memang mendapat manfaat dari deteksi penyalahgunaan tingkat infrastruktur Google yang lebih luas, tetapi itu bersifat umum dan bukan sesuatu yang bisa Anda sesuaikan untuk form spesifik Anda. Dalam praktiknya, sebagian besar form kontak dengan lalu lintas rendah hingga sedang melihat sangat sedikit spam, tetapi halaman publik dengan lalu lintas tinggi bisa menarik beberapa pengiriman sampah seiring waktu. Jika itu menjadi masalah, menambahkan pertanyaan jawaban singkat sederhana "berapa 3 + 4" dengan validasi jawaban adalah pencegah berupaya rendah, karena itu menyaring bot otomatis dasar tanpa menambahkan CAPTCHA sungguhan.
Menggayakan form yang disematkan agar terasa kurang "Google"
Secara bawaan, form yang disematkan membawa tampilan default Google, yang terbaca jelas berbeda dari sisa situs web bermerek. Beberapa penyesuaian membantu terasa kurang seperti pengalihan:
- Atur warna tema. Klik ikon roller cat di editor dan pilih warna yang dekat dengan warna aksen situs Anda. Ini mengubah bilah header dan warna tombol di dalam iframe.
- Pilih gaya font yang cocok. Panel tema yang sama menawarkan sekumpulan kecil pasangan font — pilih mana pun yang terbaca paling dekat dengan tipografi situs Anda.
- Hapus redundansi judul/deskripsi. Jika halaman kontak Anda sudah memiliki heading seperti "Hubungi Kami," pertimbangkan membiarkan judul form sendiri kosong atau minimal sehingga Anda tidak mengulangi headline yang sama dua kali.
- Atur ukuran iframe secara sengaja. Kode sematan default memiliki lebar dan tinggi tetap; bungkus dalam kontainer responsif (
width: 100%, tinggi berbasis persentase, ataumin-heightdengan scroll) sehingga tidak terlihat sempit atau meninggalkan ruang kosong berlebih di ukuran layar yang berbeda.
Tidak satu pun dari ini membuat sematan tidak bisa dibedakan dari form HTML native — itu tetap dirender di dalam iframe Google dengan tata letak Google — tetapi ini menutup sebagian besar kesenjangan visual untuk halaman kontak biasa. Jika situs Anda berjalan di WordPress secara khusus, lihat panduan penyematan WordPress Google Forms kami untuk langkah spesifik block-editor dan plugin.
Google Forms vs. tautan mailto:
Tautan mailto: adalah opsi paling sederhana yang mungkin — hyperlink polos yang membuka klien email pengunjung dengan alamat Anda sudah terisi. Ini tidak memerlukan penyiapan sama sekali, tetapi memiliki kekurangan nyata: bergantung pada pengunjung yang memiliki klien email yang dikonfigurasi di perangkat itu (banyak browser seluler dan komputer kerja tidak memilikinya), tidak memberi Anda validasi kolom, dan tidak menghasilkan catatan pesan yang terorganisir. Google Form bekerja di browser mana pun terlepas dari penyiapan email, memvalidasi input sebelum pengiriman, dan menyimpan setiap pesan sebagai baris dalam spreadsheet yang bisa Anda cari, filter, dan arsipkan. Untuk apa pun di luar situs pribadi yang sangat minimal, form adalah pilihan yang lebih andal.
| Opsi | Upaya penyiapan | Bekerja tanpa klien email | Catatan terstruktur/bisa dicari | Biaya |
|---|---|---|---|---|
| Tautan mailto: | Tidak ada | Tidak | Tidak | Gratis |
| Sematan Google Forms | Rendah — bangun sekali, tempel iframe | Ya | Ya, melalui Sheet yang terhubung | Gratis |
| Plugin pembuat form khusus | Sedang — instal, konfigurasi, gaya | Ya | Ya, sering dengan penyaringan spam bawaan | Sering berbayar di atas tingkat gratis |
| Form kode kustom + backend | Tinggi — memerlukan developer | Ya | Ya, sepenuhnya kustom | Waktu/biaya pengembangan |
Membangun form kontak itu sendiri jauh dari desktop
Sebagian besar penyiapan di atas — menambahkan kolom, mengaktifkan validasi email, memilih warna tema — terjadi di editor berbasis browser yang canggung digunakan di ponsel. Jika Anda sedang membuat sketsa kolom untuk situs klien saat jauh dari laptop, atau ingin membuat draf struktur form sebelum menyerahkannya kepada siapa pun yang mengelola kode sematan situs web, FormMaker membangun Google Form asli yang sama melalui akun Google Anda sendiri dengan editor sentuh native, sehingga form sudah ada dan siap dikonfigurasi serta disematkan pada saat Anda kembali ke meja kerja.
Mengatasi masalah umum sematan form kontak
- Iframe menampilkan kotak putih kosong. Pastikan berbagi/visibilitas form belum dibatasi ke "orang tertentu" — form kontak publik memerlukan aksesnya diatur ke "Anyone with the link" agar sematan dimuat untuk pengunjung situs.
- Form yang disematkan terlihat terpotong atau memiliki scrollbar di dalamnya. Tinggi sematan default adalah nilai piksel tetap; tingkatkan atribut
heightdi kode iframe, atau atur secara longgar dan biarkan ruang kosong ekstra menjadi kompromi. - Pengiriman tidak muncul di Sheet yang terhubung. Pastikan sebuah Sheet benar-benar terhubung dari tab Responses — sampai Anda menghubungkannya, jawaban hanya berada di dalam antarmuka Forms itu sendiri, bukan di spreadsheet.
- Anda tidak diberi tahu tentang pesan baru dan melewatkan pertanyaan. Ini keluhan paling umum dengan Forms-sebagai-form-kontak — instal add-on notifikasi alih-alih mengandalkan mengingat untuk memeriksa secara manual.
FAQ
Bisakah saya menggunakan Google Forms sebagai form kontak di situs web saya?
Ya. Bangun form dengan kolom nama, email, subjek, dan pesan, lalu sematkan menggunakan HTML sematan bawaan Google Forms, yang menempatkannya di dalam iframe pada halaman Anda.
Apakah Google Forms mengirim email kepada saya secara otomatis saat seseorang mengirim?
Tidak, secara default tidak. Untuk mendapat notifikasi, instal add-on notifikasi dari Google Workspace Marketplace, atau periksa tab Responses atau Sheet yang terhubung secara manual.
Apakah Google Forms memblokir pengiriman spam?
Ini mendapat manfaat dari perlindungan penyalahgunaan tingkat infrastruktur umum Google, tetapi tidak ada filter spam khusus yang bisa dikonfigurasi atau toggle CAPTCHA untuk pemilik form. Form publik dengan lalu lintas tinggi mungkin masih melihat beberapa spam.
Apakah Google Forms lebih baik daripada tautan mailto: untuk form kontak?
Untuk sebagian besar situs, ya. Tautan mailto: bergantung pada pengunjung yang memiliki klien email yang dikonfigurasi dan tidak memberikan data terstruktur, sementara Google Form bekerja di browser mana pun, memvalidasi kolom, dan mengorganisir setiap pengiriman dalam spreadsheet.
Bisakah saya membuat Google Form yang disematkan sesuai dengan desain situs web saya?
Hanya sebagian. Warna tema dan font di editor form terbawa ke sematan, tetapi Anda tidak bisa menghapus tata letak atau gaya iframe Google sepenuhnya — itu tidak akan terlihat identik piksel dengan form HTML native yang dibangun dengan CSS Anda sendiri.