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:

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:

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:

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:

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.

OpsiUpaya penyiapanBekerja tanpa klien emailCatatan terstruktur/bisa dicariBiaya
Tautan mailto:Tidak adaTidakTidakGratis
Sematan Google FormsRendah — bangun sekali, tempel iframeYaYa, melalui Sheet yang terhubungGratis
Plugin pembuat form khususSedang — instal, konfigurasi, gayaYaYa, sering dengan penyaringan spam bawaanSering berbayar di atas tingkat gratis
Form kode kustom + backendTinggi — memerlukan developerYaYa, sepenuhnya kustomWaktu/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

  1. 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.
  2. Form yang disematkan terlihat terpotong atau memiliki scrollbar di dalamnya. Tinggi sematan default adalah nilai piksel tetap; tingkatkan atribut height di kode iframe, atau atur secara longgar dan biarkan ruang kosong ekstra menjadi kompromi.
  3. 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.
  4. 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.

Panduan terkait