Rumahweb Journal
Cara Membuat Form Google Spreadsheet pada WordPress

Cara Mengintegrasikan Google Sheets pada WordPress

Google Sheets merupakan software berbasis web yang dikembangkan oleh Google untuk melakukan pengolahan data, membuat tabel dan melakukan perhitungan sederhana. Dalam artikel ini kita akan membahas cara mengintegrasikan Google Sheets WordPress dengan plugin Contact Form 7.

Untuk mengintegrasikan Google Sheets WordPress, kita membutuhkan plugin tambahan seperti Contact Form 7 dan Google sheets connector. Berikut langkah-langkah integrasinya.

Langkah 1. Install plugin CF7 Google Sheets Connector

  1. Langkah pertama adalah login admin WordPress
  2. Kemudian masuk ke menu Plugin > Add New > kemudian cari Contact Form 7
install plugin contact form 7
  1. Lalu install plugin CF7 Google sheets connector dengan cara yang sama 
install CF7 Google sheets connector
  1. Install dan aktifkan kedua plugin tersebut.

Untuk panduan instalasi plugin yang lebih lengkap, Anda bisa mempelajari artikel berikut : Cara install Plugin

Langkah 2. Mendapatkan access code Spreadsheet

  1. Masuk ke menu Contact > Google sheets
Masuk ke menu Contact > Google sheets
  1. Kemudian akan muncul tampilan untuk memilih akun gmail yang akan digunakan
memilih akun gmail
  1. Kemudian plugin akan meminta permissions, bisa di allow semua
  2. Lalu akan muncul code access nya, kemudian copy code tersebut
code access
  1. Dan paste di kolom berikut, dan klik save
paste di kolom berikut, dan klik save

Langkah 3. Membuat file Spreadsheet 

  1. Buka google drive akun yang dipilih sebelumnya
  2. Buat new file dengan Google sheets
new file dengan Google sheets
  1. Pastikan nama file tidak ada karakter unik
nama file tidak ada karakter unik
  1. Buat field pada kolom sesuai dengan data yang diinginkan, pastikan nama field juga tidak ada karakter unik lainnya.
nama field juga tidak ada karakter unik lainnya.
  1. Kemudian bagian nama tab, bisa direname atau dibiarkan default
tab spreadsheets

Langkah 4. Setting pada sisi Contact Form 7

  1. Login admin WordPress
  2. Masuk ke menu contact lalu buat form baru 
cara setting google sheets wordpress
  1. Setelah membuat form baru, silahkan klik edit dan sesuaikan nama field dengan yang ada pada file Spreadsheet yang telah dibuat sebelumnya.
sesuaikan nama field dengan yang ada pada file spreadsheet
  1. Jika ingin mengedit terhadap respon yang ditampilkan ketika pengunjung website sudah mengirim data melalui form. Bisa dilakukan melalui Contact > Edit (form) > Messages > Edit sesuai dengan respon yang di inginkan.
edit respon
  1. Selanjutnya masuk ke menu Google Sheets, lalu setting dengan menyesuaikan pada file spreadsheet yang telah dibuat.
Selanjutnya masuk ke menu Google Sheets, lalu setting dengan menyesuaikan pada file spreadsheet yang telah dibuat.

Note : 

Google Sheet Name : Isikan dengan nama file spreadsheet 

Google Sheet Id : Masukan id di url nya 

id url spreadsheets

Google sheet Tab Name : Isikan dengan nama tab pada file spreadsheet

Google Tab Id : Isikan dengan tab id pada file

 tab id spreadsheets

Langkah 5. Halaman Form

Langkah selanjutnya membuat halaman yang akan digunakan untuk form yang telah dibuat.

  1. Buka halaman menu contact lalu copy kan script form sesuai dengan telah dibuat sebelumnya.
copy kan script form
  1. Masuk ke halaman edit yang akan kita gunakan untuk halaman form pada pengunjung website
  2. Kemudian paste script kode yang sebelumnya di copy ke halaman tersebut. Maka akan muncul tampilan seperti dibawah ini.
paste script kode
  1. Selanjutnya, silahkan coba akses halaman form nya dan coba input data, dan klik Daftar
coba input data
  1. Maka akan muncul respon bahwa data berhasil dikirim.
  2. Terakhir, periksa data pada file spreadsheet. Jika berhasil maka data akan masuk ke file tersebut. Seperti tampilan berikut
periksa data pada file spreadsheet
  1. Selesai

Demikian cara mengintegrasikan Google Sheets pada WordPress, terima kasih.

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rating rata-rata 5 / 5. Vote count: 1

Belum ada vote hingga saat ini!

Kami mohon maaf artikel ini kurang berguna untuk Anda!

Mari kita perbaiki artikel ini!

Beri tahu kami bagaimana kami dapat meningkatkan artikel ini?

Tinggalkan Komentar

Aldi Setiawan