Modul Webform Drupal 8 – Tutorial Singkat

Modul Drupal 8 Webform adalah modul kontribusi dan merupakan salah satu modul paling kuat dan fleksibel di Drupal 8. Ini adalah modul open source yang digunakan untuk membuat formulir dan mengelola pengiriman. Drupal Webform juga telah masuk ke daftar modul Drupal teratas kami yang benar-benar Anda perlukan untuk proyek Drupal Anda berikutnya! Pelajari lebih lanjut tentang modul serbaguna dalam tutorial webform Drupal 8 ini.

Drupal Webform adalah modul yang sangat serbaguna yang digunakan untuk membuat formulir dan mengekstrak informasi dari pengguna di situs web Drupal. Misalnya, kita dapat menggunakan modul formulir web Drupal untuk membuat survei, formulir kontak, formulir umpan balik, dan banyak lagi. Setelah pengiriman, modul ini akan memungkinkan untuk mengirim email ke pengguna dan dapat mengirim pemberitahuan ke administrator tentang pengiriman. Ada pilihan untuk melihat kiriman, mempublikasikannya sebagai node, halaman atau blok dan mengekspor hasilnya ke dalam file CSV.

Memulai modul Drupal 8 Webform

Komunitas Drupal telah memberi kami beberapa modul fenomenal dan Drupal Webform adalah salah satunya. Jacob Rockowitz, pembuat dan pengelola modul Webform, pernah berdiskusi dengan kami tentang Webform dan kontribusinya terhadap komunitas Drupal. “Setiap orang memiliki alur/gaya pribadi untuk membangun perangkat lunak. Setelah 20 tahun menulis perangkat lunak, saya menerima bahwa saya suka bekerja menuju satu tujuan/proyek, yaitu modul Webform untuk Drupal 8. Pada saat yang sama, saya juga belajar bahwa membangun perangkat lunak sumber terbuka lebih dari sekadar kode kontribusi; ini tentang mendukung dan menciptakan komunitas di sekitar kode.“ Baca lebih lanjut tentang Jacob dan banyak lagi kontributor komunitas Drupal kami di sini.
Sekarang, mari kita mulai menginstal modul webform Drupal 8 dan membuat Webforms.

Instal dan aktifkan modul Drupal Webform

Unduh modul Drupal 8 Webform dari https://www.drupal.org/project/webform dan aktifkan.

Untuk mengaktifkan formulir web, buka Perpanjang dan di kategori formulir web, Anda akan melihat formulir web bersama dengan kotak centang. Untuk bekerja dengan Drupal 8, formulir web mengaktifkan API Bidang, modul Sistem, modul Pengguna. Tanpa mengaktifkan ketiga modul ini, formulir web tidak dapat diaktifkan.
Ada banyak opsi di bawah formulir web yang menyediakan fungsi tertentu. Aktifkan mereka sesuai kebutuhan.

Buat Formulir Web Drupal baru

Untuk membuat formulir web Drupal 8 baru, aktifkan UI Formulir Web dan Akses Formulir Web. UI Webform menyediakan antarmuka pengguna yang baik untuk membangun / memelihara formulir web dan Akses Formulir Web mengontrol node formulir web. Aktifkan Node Webform sebelum mengaktifkan Akses Webform. Lalu pergi ke Structure > Webforms .

Berikut adalah beberapa opsi untuk formulir web.

• Di tab pertama, Formulir, adalah daftar formulir web yang dibuat. Secara default, ada formulir kontak. Ini adalah template yang disediakan oleh modul Webform.
• Ada lebih banyak template di tab kedua Template.
• Pada tab Submissions, kita dapat melihat formulir yang dikirimkan oleh pengguna.
• Opsi memiliki kumpulan nilai yang dapat digunakan kembali yang telah ditentukan sebelumnya yang tersedia untuk tombol radio, kotak centang, dan menu.
• Ada beberapa nilai yang dapat digunakan kembali di tab Add-on.
• Dalam Konfigurasi, pengaturan umum formulir web disediakan.

Untuk membuat formulir Web baru –

1. Klik Tambahkan formulir web.
2. Saat mengklik Tambahkan formulir Web, sebuah tab terbuka dengan judul, deskripsi, kategori, dan status.
3. Tambahkan judul ke Formulir Web dan deskripsi singkat tentang formulir web.
4. Pada akhirnya, di bawah Status, ada dua opsi terbuka dan tertutup. Ini berarti jika statusnya ' terbuka ', formulir tersedia untuk pengguna jika tidak ditutup. Setelah mengedit semua opsi, klik Simpan . Misalnya, di sini judulnya adalah ' Pendaftaran '.

Menambahkan Bidang ke Formulir Web Drupal 8

Saat mengklik Simpan, halaman terbuka dengan judul formulir web yang diberikan (di sini – Pendaftaran).

● Untuk menambahkan bidang ke formulir web, klik + Tambahkan elemen .
● Saat mengklik + Tambahkan elemen, muncul popup dengan daftar bidang yang dapat digunakan dalam formulir web.

Untuk melihat pratinjau elemen, klik Tampilkan Pratinjau di kanan atas. Untuk menambahkan elemen, klik pada elemen Tambahkan dari elemen masing-masing. Saat mengklik, popup terbuka di sisi kanan halaman.

Di sini ada opsi untuk mengedit nama judul dan banyak pengaturan lanjutan untuk bidang tersebut. Setelah membuat semua perubahan pengaturan, klik tombol Simpan di akhir. Klik pada kotak centang di bawah wajib untuk semua bidang wajib di formulir web.

● Anda dapat melihat formulir web yang dibuat dengan mengklik tab Lihat di bagian atas. Tombol Kirim dibuat secara otomatis saat menambahkan elemen ke formulir web.
● Tab Test menyediakan pengujian ke webform yang dibuat. Nilai ke bidang formulir otomatis diisi dengan nilai acak.
● Di tab Hasil , nilai formulir yang dikirimkan dapat dilihat. Ada tiga opsi di bawah tab hasil.

1. Daftar semua formulir yang dikirimkan di bawah tab pengiriman .
2. Hasil yang dikirimkan dapat diunduh dalam empat format -Teks terbatas, tabel HTML, dokumen JSON atau dokumen Yaml di bawah tab Unduh .
3. Dapat menghapus formulir yang dikirimkan di tab hasil yang jelas .

● Tab Pengaturan memiliki pengaturan umum formulir web yang dapat diubah sesuai dengan kebutuhan pengguna.

● Konfigurasi formulir web Drupal dapat diunduh dari tab Ekspor . Konfigurasi ditampilkan dan dapat diunduh dengan mengklik tombol Unduh di akhir halaman. Konfigurasi diunduh dalam format Yaml karena file konfigurasi Yaml dapat dengan mudah diimpor ke instans Drupal lain.

Menambahkan Konten ke Formulir Web Drupal

Segera setelah modul Drupal 8 Webform diaktifkan, tipe konten dengan nama ' webform ' dibuat. Ini memiliki bidang seperti judul, isi, dan formulir web. Formulir Web memiliki dropdown dengan semua formulir web yang dibuat.

Untuk menambahkan konten ke formulir web, buka Content > Add content > Webform . Seperti yang disebutkan, akan ada judul dan isi. Ada dropdown berlabel Webform, yang memiliki nama Judul dari semua formulir web yang dibuat.

Di sebelahnya ada opsi lain yang disebut ' Pengaturan formulir web '.

Di Status , ada tiga opsi, Buka (untuk tetap terbuka bagi pengguna), Tertutup (untuk menutup formulir bagi pengguna) dan Terjadwal ( akan memberikan bidang tanggal dan waktu dan sesuai dengan tanggal dan waktu yang disebutkan, formulir akan tetap terbuka untuk diisi oleh pengguna).

Anda juga dapat memberikan data default dengan mengisi kolom Data pengiriman default dengan token yang tersedia. Token dapat dijelajahi dengan mengklik Telusuri token yang tersedia . Contoh penulisan token dapat dilihat dengan mengklik link Contoh . Dan dapat melihat semua formulir yang dikirimkan di bawah tab Hasil .

Menambahkan Formulir Web Drupal 8 sebagai Bidang di Tipe Konten

● Untuk menambahkan formulir web Drupal dalam tipe konten, buka Struktur > Tipe konten > Kelola bidang tipe konten yang membutuhkan formulir.

● Klik pada bidang Tambah . Di Tambahkan bidang baru pilih ' Formulir Web ' di bawah bagian ' Referensi ', beri label ke bidang itu dan klik 'Simpan dan Lanjutkan'.

● Dalam pengaturan Bidang, dapat memberikan jumlah nilai yang diizinkan untuk bidang dan klik 'Simpan pengaturan bidang'.

● Anda dapat memilih formulir default dari nilai default atau klik ' Simpan pengaturan '.

● Sekarang buka Contents > Add content dan pilih tipe konten yang memiliki bidang yang dirujuk ke formulir web.

● Pilih formulir dari dropdown yang diperlukan untuk konten ini. Formulir yang dikirimkan dapat dilihat di tab Hasil dari konten tersebut.

Menambahkan Captcha di Drupal Webforms

Anda pasti pernah melihat Captcha banyak digunakan di banyak website. Sebelum mengirimkan formulir, ia memberikan pertanyaan dan meminta tanggapan dari pengguna. Ini mencegah bot membebani server dengan membuat banyak pengiriman formulir dan pengiriman email.

Drupal Webform memungkinkan Anda menambahkan elemen Captcha saat membuat formulir web. Captcha formulir web Drupal mengharuskan Anda untuk mengaktifkan modul Captcha.

Langkah-langkah untuk menambahkan Captcha formulir web Drupal dalam formulir:

● Unduh dan aktifkan modul captcha dari www.drupal.org/project/captcha .

● Arahkan ke Struktur > Formulir Web .

● Klik pada build formulir yang membutuhkan captcha.

● Klik Tambahkan elemen dan perluas Elemen lanjutan . Dengan memperluas daftar elemen lanjutan dapat dilihat. Klik Tambahkan elemen captcha untuk menambahkan captcha.

● Mengklik Tambahkan elemen akan membuka jendela pengaturan di sebelah kanan. Centang kotak Admin mode agar admin dapat men-debug dan melihat captcha.

● Dan dalam tipe Tantangan, kami memiliki 2 opsi -Matematika dan Gambar. Anda dapat memilih salah satu dari pilihan Anda. Kemudian klik Simpan dan Simpan elemen .

● Tambahkan bidang dalam tipe konten dari formulir jenis bidang Web dan lihat formulir yang ditambahkan captcha.

● Sekarang buka Konten > Tambahkan konten > dan tipe konten yang memiliki bidang yang dirujuk ke formulir.

● Isi judul dan simpan isinya. Saat Anda melihat konten, formulir beserta captcha akan dipublikasikan. Sebelum memeriksa tombol kirim, bidang captcha harus diisi, jika tidak formulir tidak akan dikirimkan dan memberikan pesan peringatan.

Keuntungan dari Modul Webform Drupal

● Modul Drupal Webform adalah open source, yang berarti gratis dan Anda hanya perlu waktu untuk mengatur dan mengkonfigurasi formulir.

● Anda juga dapat melakukan validasi formulir melalui kait, penangan formulir web, atau modul Validasi Formulir Web Drupal. Modul validasi formulir web Drupal menambahkan tab tambahan ke node tempat Anda menyesuaikan dan membuat aturan validasi sendiri.

● Formulir Web ini fleksibel dan memungkinkan penyesuaian bidang yang digunakan dalam formulir.

● Ini memberikan banyak pilihan dalam satu instalasi seperti mengirim pemberitahuan dan email ke pengguna dan administrator.

● Drupal Webforms memudahkan untuk mengekspor hasil kiriman. Pengguna dapat melihat hasil formulir yang dikirimkan di antarmuka admin dan juga dapat mengekspor hasilnya dalam format CSV dengan mengklik satu tombol.