Cara Buat Halaman Kontak (Contact Us) dengan Google Forms

You are currently viewing Cara Buat Halaman Kontak (Contact Us) dengan Google Forms

Mau buat link Contact Us supaya pengunjung bisa menghubungi kita? Tenang! ada lho cara mudah membuat halaman kontak dengan Google Forms di Blogger.

Halaman kontak mungkin menjadi salah satu halaman (pages) yang harus kamu punya saat pertama kali membuat blog.

Dengan halaman kontak sendiri, pengunjung dapat mencari dan menghubungi pemilik blog dengan mudah.

Pada blog WordPress, hal ini dapat kita lakukan dengan mudah dengan bantuan plugin. Namun pada Blogger, caranya akan sedikit tricky.

Blogger sendiri sebenarnya punya widget/gadget contact form yang bisa disematkan di sidebar atau footer blog. Jika kita ingin membuat halaman kontak terpisah, kita bisa memanfaatkan gadget tersebut untuk membuat halaman kontak di Blogger.

Meski cukup simpel, cara ini memiliki beberapa kekurangan. Misalnya saja kode tidak lagi bisa digunakan, seperti pada tutorial lama saya di mana kode yang lama ternyata tidak bisa lagi dipakai untuk membuat halaman kontak, dan saya harus mengupdatenya.

Selain itu kustomisasi juga cukup sulit dan butuh pengetahuan lebih mengenai CSS agar laman kontak tampil bagus dan menarik.

Sebagai alternatif, kita bisa menggunakan online form builder seperti JotForm, POWr, atau 123FormBuilder. Namun pada tutorial ini, saya akan memperlihatkan cara untuk membuat laman contact us dengan Google Forms di Blogger.

Cara Membuat Halaman Kontak dengan Google Forms di Blogger

Google Forms adalah layanan gratis dari Google yang dapat kita gunakan untuk membuat banyak hal mulai dari formulir pendaftaran, RSVP, kuis, hingga form kontak yang akan kita coba buat sekarang.

Sama seperti layanan Google lainnya, kita hanya memerlukan akun Google saja untuk bisa memakainya.

Untuk membuat halaman kontak dengan Google Forms di Blogger, silahkan ikuti langkah berikut ini.

  • Login dengan akun Google/Gmail lalu masuk ke docs.google.com/forms
  • Kita sebenarnya bisa membuat form kontak dari nol, tapi menurut saya, akan lebih cepat dan mudah jika kita memakai template ‘INFORMASI KONTAK’ saja.
Pilih template 'Informasi Kontak' untuk membuat form kontak dengan cepat.
Pilih template ‘Informasi Kontak’ untuk membuat form kontak dengan cepat.
  • (Optional) Ganti judul formulir dengan nama lain yang kamu inginkan
  • Hapus field ALAMAT dan NOMOR TELEPON. Cukup klik sembarang di bagian ALAMAT dan NOMOR TELEPON lalu hapus dengan mengklik ikon tempat sampah.
Hapus field yang tidak diperlukan di Google Forms
Hapus field yang tidak diperlukan di Google Forms
  • (Optional) Kamu juga bisa membuat kolom isi pesan menjadi wajib untuk diisi. Cukup klik sembarang di bagian KOMENTAR lalu geser slider pada opsi WAJIB DIISI.
Ubah agar field menjadi wajib diisi di form kontak Google
Ubah agar field menjadi wajib diisi di form kontak Google
  • Masuk ke menu pengaturan (ikon gerigi di bagian kanan atas) lalu ubah beberapa poin penting seperti BATASI KE 1 TANGGAPAN agar pengunjung login ke Google dulu sebelum bisa mengisi form kontak, dan EDIT SETELAH MENGIRIMKAN agar pengirim pesan bisa mengubah pesan yang sudah mereka kirim. Jika sudah, klik SIMPAN.
Atur cara kerja Google Form melalui menu pengaturan
Atur cara kerja Google Form melalui menu pengaturan

Setelah selesai, form akan secara otomatis tersimpan. Kamu bisa mengklik ikon PRATINJAU berbentuk mata di bagian kanan atas laman Google Form untuk melihat hasil jadinya.

Untuk menampilkan form kontak ini di halaman blog, kita hanya perlu menyalin kode form tersebut. Kode ini bisa kamu dapat dengan mengklik tombol KIRIM lalu pilih opsi kode embed (< >). Di sini kamu juga bisa menyesuaikan dimensi form kontak yang akan kamu pasang. Jika sudah selesai, klik tautan SALIN.

Salin embed code Google Forms untuk menampilkan form kontak di blog
Salin embed code Google Forms untuk menampilkan form kontak di blog

1. Cara Pasang Google Forms di Blogger (Blogspot)

  • Login ke dasbor Blogger
  • Buat Halaman baru lalu beri judul ‘Kontak’, ‘Hubungi Kami’, ‘Contact Us’, atau semacamnya
  • Ubah tampilan teks editor menjadi HTML lalu tempel kode form kontak Google yang tadi kamu salin
  • Matikan komentar dengan mencentang opsi ‘Jangan bolehkan, sembunyikan yang ada’ pada bagian KOMENTAR PEMBACA
  • Simpan Halaman kontak tersebut dan lihat hasilnya.

2. Cara Pasang Google Forms di WordPress

  • Login ke dasbor WordPress
  • Buat Halaman baru lalu beri judul ‘Kontak’, ‘Hubungi Kami’, ‘Contact Us’, atau semacamnya
  • Tambahkan block CUSTOM HTML lalu tempel kode form kontak Google yang sudah kamu salin.
  • Matikan komentar pada halaman Kontak.
  • Simpan dan lihat hasilnya

Bagaimana Cara Melihat Siapa yang Mengirim Pesan Lewat Kontak Google Forms?

Untuk melihat semua pesan yang masuk, cukup lihat bagian tab TANGGAPAN. Di sini kamu bisa melihat siapa saja yang mengirim pesan melalui form kontak Google Forms tersebut.

Agar setiap respon yang masuk bisa kamu pantau melalui email, cukup klik menu pengaturan (ikon tiga titik vertikal) lalu centang opsi ‘Dapatkan notifikasi email untuk tanggapan baru’.

Centang opsi di atas untuk melihat respon form kontak langsung dari email
Centang opsi di atas untuk melihat respon form kontak langsung dari email

Selesai sudah tutorial cara membuat halaman kontak dengan Google Forms di Blogger dan WordPress. Jika kamu memiliki saran atau pertanyaan, jangan segan untuk menginggalkan komentar kamu di bawah ini yah!

This Post Has One Comment

  1. Joker

    Terima kasih bang untuk informasi yang bermanfaat ini

Leave a Reply