Cara membuat Form Kontak Kami dengan google Drive untuk blogspot

Bookmark and Share
Bagi pemilik blog form kontak mail atau hubungi kami bisa menjadi penting jika pembaca ingin mengirimkan pesan ke email kita. Kalau di wordpress fasilitas itu bisa sudah ada sedangkan Untuk pemilik blog di blogspot bisa menggunakan google Drive untuk membuat form kontak.

Cara membuat kontak form:
Login ke https://drive.google.com/

Di Kiri, klik Create
Pilih Form

Setelah memilih form maka akan ada pilihan template. Tulis di form Title dengan Kontak saya atau terserah anda untuk memilih judul form. Pilih template yang kamu sukai.
Setelah memilih tekan tombol Ok


Setelah itu akan muncul form untuk membuat pertanyaan. Karena ingin membuat untuk kontak form maka kita buat 3 item pertanyaan yaitu nama, email dan isi pesan.

Pertanyaan pertama tulis nama dan Question type pilih text. Untuk Help text boleh diisi boleh tidak.
Setelah itu klik done


Untuk pertanyaan kedua klik Add item dan pilih text. Pada Question Title ketik "Email" dan Question type pilih text.
Untuk email pada "Data validation"  setting text
Setelah diisi ketik Done.





Klik Add Item lagi dan pilih paragraph text. Ketik pada Question title "Isi Pesan". dan Question type paragraph text.
Setelah selesai klik done

Setelah itu isi confirmation page. anda bisa mencentang option di confirmation page itu atau mengosongkannya.

Setelah itu klik Send Form

Setelah itu akan muncul box Send Form yang isinya kode embed form itu sendiri.
Setelah itu klik embed dan copy code Html iframe itu sementara ke notepad.
Setelah selesai klik done.



Untuk tempat menerima pesan pada google drive ini tidak di email melainkan di responses di Google Drive. Karena itu kita harus membuat Create responses. Create new.

Setelah itu masukkan paste kode tadi di kode html blog kamu.

Untuk melihat pesan yang terkirim masuk ke  Google Drive dan kita dapat melihat contact form (responses) dari form kontak kita. Kita dapat melihat semua pesan di responses di spread sheet dengan mengklik View responses.




{ 0 komentar... Views All / Send Comment! }

Posting Komentar