Membuat Email Notifikasi Google Form Dalam Format Html

  • Whatsapp

Sebenarnya artikel ini yakni artikel lanjutan dari artikel sebelumnya yang membahas mengenai cara mengaktifkan notifikasi email google form ke 2 atau lebih akun email sekaligus, di artikel kali ini kita akan coba bahas mengenai Cara Membuat Email Notifikasi Google Form dalam Format HTML.

Google form yakni salah satu tool alternatif untuk membuat formulir online berbasis web dengan cepat dan gampang, tool ini selain bisa menyajikan antarmuka yang mampu dioperasikan dengan mudah untuk membuat form atau formulir online, ternyata tool ini dilengkapi juga dengan script khusus yang mampu kita libatkan untuk mendukung kelemahan dari antar muka google form.

Bacaan Lainnya

Memang Jika hanya mengandalkan sisi desain saja tidak banyak yang mampu dilakukan oleh google form, barangkai hanya bisa membuat sebuah tampilan saja sebagai media untuk input data, namun dengan adanya google script google form mampu kita atur sedemikian rupa sehingga mampu kita gunakan sesuai kebutuhan secara dinamis.

Salah satu fungsi google script untuk google google form adalah menciptakan email pemberitahuan dimana isi email bisa kita atur dan desain sesuai dengan yang diinginkan.

Email tersebut akan berfungsi tatkala ada pengguna yang melaksanakan input data atau submit data melalui formulir online google form, setiap kali responder tamat memasukan data melalui formulir google form, maka sebuah email khusus akan dikirimkan secara otomatis, baik ke email responder (yang melakukan input data) maupun email untuk pihak yang menyajikan formulir tersebut.

Dengan adanya notifikasi melalui email otomatis, formulir online google gorm akan menjadi lebih interaktif sehingga setiap gosip data gres yang disubmit bisa  diketahui dengan cepat.

Cara Membuat Email Notifikasi Google Form dalam Format HTML

Berbicara mengenai email, sebetulnya ada dua jenis konten email yang bisa kita buat, yang pertama dalam format plain text dan yang kedua dalam format HTML,

Isi email dalam format plain text, hanya akan menampilkan pesan email berupa goresan pena saja tanpa adanya dekorasi sedikitpun, murni hanya dalam bentuk tulisan saja.

sedangkan isi email dalam format HTML, akan mampu untuk menampilkan gambar, tulisan berwarna, tulisan yang ditebalkan dan format lainnya sama halnya sebuah tampilan halaman web yang kaya akan warna gambar dan banyak sekali format goresan pena.

Melalui artikel kali ini kita akan coba membuat email notifikasi untuk formulir gogle form dalam format html, menggunakan google script untuk google form.

Untuk masalah ini saya anggap anda sudah memahami bagaimana cara membuat formulir di google form, bila anda kebetulan belum faham, anda bisa meluangkan waktu untuk membaca artikel sebelumnya ihwal panduan membuat formulir online dengan google form.

Berikut langkah-lagkah membuat email notifikasi google form dalam format HTML:

Langkah #1:
Masuk ke akun google drive anda, Untuk menciptakan formulir online anda.

untuk kasus ini sekali lagi anda saya anggap telah faham bagaimana cara menciptakan formulir google form, sekaligus tau apa itu spreadsheet google form.

Untuk latihan, Terlebih dahulu silahkan anda buat Formulir mirip gambar dibawah ini:

Sebenarnya artikel ini adalah artikel lanjutan dari artikel  sebelumnya yang membahas meng Membuat Email Notifikasi Google Form dalam Format HTML

Formulir diatas akan menghasilkan spreadsheet secara otomatis, kurang lebih akan terlihat seperti gambar dibawah ini:

Sebenarnya artikel ini adalah artikel lanjutan dari artikel  sebelumnya yang membahas meng Membuat Email Notifikasi Google Form dalam Format HTML

Langkah #2:
Aktifkan Script editor melalui data spreadsheet formulir anda

Silahkan aktifkan data spreadsheet anda, setelah spreadsheet aktif, klik menu Tools >  Script Editor…, terlihat mirip gambar dibawah ini:

Sebenarnya artikel ini adalah artikel lanjutan dari artikel  sebelumnya yang membahas meng Membuat Email Notifikasi Google Form dalam Format HTML

Langkah #3
Pada script editor yang telah terbuka, silahkan anda masukan script dibawah ini:

//script email konfirmasi untuk dikirimkan kepada setiap responder
function emailConfirmation(e)
  var name=e.values[1];// mengambil data nama dari spread sheet di kolom 1
  var email=e.values[2];//mengambil data email di kolom 2
  var userMessage=e.values[3];//mengambil data pesan di kolom 3
 
 
  var subject=”Email Konfirmasi”;
 
  var message=createHTMLHeader();
 
  message+=”Hai “+name+”
“;
  message+=”Terima kasih anda terlah menghubungi kami

“;
  message+=” Isi Pesan Anda
“;
  message+=userMessage;
 
  message+=createHTMLFooter();
 
  MailApp.sendEmail(to:email,
                     subject:subject,
                     htmlBody:message,
                     name:”Pesan dari Struktur Kode”
                    ); 

//script untuk membuat email notifikasi ke email anda
function emailNotifiation(e)
  var name=e.values[1];// mengambil data nama dari spreadsheet di kolom 1
  var email=e.values[2];//mengambil data email di kolom 2
  var userMessage=e.values[3];//mengambil data pesan di kolom 3
 
 
  var subject=”Pesan gres untuk Anda”;
 
  var message=createHTMLHeader(); 
 
  message+=”Hello
“;
  message+=”Anda sudah mendapatkan pesan baru dari :”+name+”

“;
  message+=” Isi Pesan:
“;
  message+=userMessage;
 
  message+=createHTMLFooter();
 
  MailApp.sendEmail(
    to:”[email protected]“,
    subject:subject,
    htmlBody:message,
    name:”Struktur Kode”
  );

function createHTMLHeader()
  var html=”“;
  html+=”“;
  html+=”“;
  html+=”“;
  html+=”“;
  html+=”“; 
  return html;

function createHTMLFooter()
  var html=”“;
  html+=”“;
  return html;

Silahkan ganti tulisan warna merah [email protected] dengan email anda yang akan anda gunakan untuk menerima pemberitahuan setiap kali ada yang melakukan submit data di formulir anda.

Kemudian jangan lupa tekan tombol simpan, terlihat seperti gambar dibawah ini:

Sebenarnya artikel ini adalah artikel lanjutan dari artikel  sebelumnya yang membahas meng Membuat Email Notifikasi Google Form dalam Format HTML

Langkah #4
Mengaktifkan Trigger untuk script yang sudah kita buat.
Trigger berfungsi untuk mengintegrasikan atau menghubungkan script yang sudah kita buat tersebut dengan spreadsheet.

Kita akan atur supaya saat responder melaksanakan submit data melalui formulir online, secara otomatis akan menjalankan script tersebut dan akan mengirimkan pemberitahuan kepada pemilik formulir dan juga kepada responder.

Caranya ialah sebagai berikut:
a. Pada script Editor silahkan pilih sajian Resources > Current Project’s Trigger..., terlihat mirip gambar dibawah ini:

Sebenarnya artikel ini adalah artikel lanjutan dari artikel  sebelumnya yang membahas meng Membuat Email Notifikasi Google Form dalam Format HTML

b. Pada tampilan trigger setting klik link No triggers set up. Click here to add one now,  lalu lakukan pengaturan trigger mirip gambar dibawah ini:

mengaktifkan%2Btrigger%2Bgoogle%2Bscript

Pada baris 1, Kolom Run pilih emailConfirmation, Kolom Event, pilih From spreadsheet dan On from submit

sedangkan pada baris 2, Kolom Run pilih emailNotification, Kolom Event, pilih From spreadsheet dan On from submit

c. Klik juga link notification untuk tiap baris yang terletak disebelah kanan, lalu  lakukan pengaturan seperti gambar dibawah ini:

Sebenarnya artikel ini adalah artikel lanjutan dari artikel  sebelumnya yang membahas meng Membuat Email Notifikasi Google Form dalam Format HTML

Lakukan untuk setiap baris, klik ok kemudian tekan tombol Save.

Sampai tahap diatas anda sudah berhasil membuat email notifikasi google form dalam format html, untuk mengetes formulir anda caranya adalah sebagai berikut:

Silahkan Aktifkan Editor Formulir anda, lalu tekan tombol View life Form , terlihat mirip gambar dibawah ini:

Sebenarnya artikel ini adalah artikel lanjutan dari artikel  sebelumnya yang membahas meng Membuat Email Notifikasi Google Form dalam Format HTML


Silahkan anda coba formulir online anda, jika berhasil maka setiap kali anda akhir melakukan submit data, tunggu secara otomatis akan ada email pemberitahuan ke email anda.

#Demo:
Untuk demo anda bisa klik disini


Demikian artikel perihal cara menciptakan email notifikasi google form dalam format html, agar bermanfaat dan selamat mencoba.

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *