Rumahweb Journal
Cara Membuat Form Google Spreadsheet pada WordPress

Cara Mengintegrasikan Google Sheets pada WordPress

Pada panduan ini, kami akan berbagi cara mengintegrasikan Google sheets pada WordPress. Berikut informasi selengkapnya.

Mengintegrasikan Google Sheets pada WordPress

Google Sheets adalah 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. Login admin WordPress
  2. Masuk ke menu Plugin > Add New > kemudian cari Contact Form 7
Langkah 1. Install plugin CF7 Google Sheets Connector - image 1
  1. Lalu install plugin CF7 Google sheets connector dengan cara yang sama 
Langkah 1. Install plugin CF7 Google Sheets Connector - image 2
  1. Install dan aktifkan kedua plugin tersebut

Langkah 2. Mendapatkan access code spreadsheet

  1. Masuk ke plugin Google sheets
Langkah 2. Mendapatkan access code spreadsheet image 1
  1. Kemudian akan muncul tampilan untuk memilih akun gmail, silahkan dipilih akun gmail nya
Langkah 2. Mendapatkan access code spreadsheet image 2
  1. Kemudian plugin akan meminta permissions, bisa di allow semua
  2. Lalu akan muncul code access nya, kemudian copy code tersebut
Langkah 2. Mendapatkan access code spreadsheet image 3
  1. Dan paste di kolom berikut, dan klik save
Langkah 2. Mendapatkan access code spreadsheet image 4

Langkah 3. Membuat file spreadsheet 

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

Langkah 4. Setting pada sisi Contact Form 7

  1. Silahkan login admin WordPress
  2. Masuk ke menu contact lalu buat form baru 
Langkah 4. Setting pada sisi Contact Form 7 image 1
  1. Setelah membuat form baru, silahkan klik edit dan sesuaikan nama field dengan yang ada pada file spreadsheet yang telah dibuat sebelumnya.
Langkah 4. Setting pada sisi Contact Form 7 image 2
  1. Jika ingin melakukan edit 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.
Langkah 4. Setting pada sisi Contact Form 7 image 3
  1. Kemudian masuk ke menu Google Sheets, lalu setting dengan menyesuaikan pada file spreadsheet yang telah dibuat.
Langkah 4. Setting pada sisi Contact Form 7 image 4

Note : 

  • Google Sheet Name : Isikan dengan nama file spreadsheet
  • Google Sheet Id : Masukan id di url nya 
Langkah 4. Setting pada sisi Contact Form 7 image 5
  • Google sheet Tab Name : Isikan dengan nama tab pada file spreadsheet
  • Google Tab Id : Isikan dengan tab id pada file
Langkah 4. Setting pada sisi Contact Form 7 image 6

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.
Langkah 5. Halaman Form image 1
  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.
Langkah 5. Halaman Form image 2
  1. Selanjutnya, silahkan coba akses halaman form nya dan coba input data, dan klik Daftar
Langkah 5. Halaman Form image 3
  1. Maka akan muncul respon bahwa data berhasil dikirim.
Langkah 5. Halaman Form image 4
  1. Terakhir, periksa data pada file spreadsheet. Jika berhasil maka data akan masuk ke file tersebut. Seperti tampilan berikut
Cara Mengintegrasikan Google Sheets pada WordPress result
  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