Membuat Buku Tamu dengan Forminator

Mau menampilkan form sekaligus menampilkan listing isian form pada halaman yang sama ? Anda dapat mengkustomisasi plugin Forminator untuk mewujudkannya.

Sebelum Memulai

Sesuai judul postingan, Anda membutuhkan plugin Forminator yang dapat didownload secara gratis pada repository WordPress, selain itu untuk menulis kode program Anda juga membutuhkan plugin Code Snippets. Jika Anda berpengalaman dalam WordPress development, silahkan menulis kode pada child-theme atau custom plugin.

Membuat Form

Untuk menampilkan form pada halaman, Anda harus membuatnya dulu. Silahkan tambahkan sendiri form sesuai keinginan. Atau Anda dapat meniru field-field yang saya buat seperti pada gambar berikut.

Perhatikan nama field yang ditampilkan, karena itu akan kita gunakan pada kode program. Pastikan form berjalan secara normal sebelum kita lakukan kustomisasi.

Menambahkan Kode

Tambahkan kode berikut menggunakan plugin Code Snippets, pastikan variable $form_id dan $page_slug sesuai dengan yang ada pada WordPress anda.

Perhatikan juga kode pada baris 78 dan 80, variable index "name-1", "text-1" dan "textarea-1" harus sesuai dengan nama field pada setting Forminator Anda.

Untuk menampilkan listing entry, gunakan shortcode [ guestbook_entries ] pada bagian halaman yang Anda inginkan.

Cek Demo

Happy WordPressing 🙂

5 2 votes
Article Rating
Subscribe
Notify of
guest
35 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Kamini
Kamini
3 years ago

Mas.. saya request integrasi contact form 7 dengan payment gateway donk hehehe. Rencana mau konek ke API tripay

Dion Prastono
Dion Prastono
3 years ago

Mau tanya untuk forminator buku tamu,tampilan di website saya,komentarnya terkirim ke email.bukan di halaman websitenya.

Mohon dibantu mas ?

Rehan
Rehan
3 years ago

Om mau tanya, forminator supaya bisa sinkron di spreadsheet yg sdh add on autocrat bagaimana ya?

Dimas Syauqi
Dimas Syauqi
3 years ago

Mas untuk shortcode guest book nya kok tidak muncul ya untuk kolom 78 80 itu maksud nya value nya diganti dengan nama field atau bagaimana

Sandie
Sandie
2 years ago

Mas cara menampilkan field konfirmasi hadir/tidak hadir (posisinya di bawah ucapan) caranya bagaimana dan pakai apa ya?

malik
malik
2 years ago

Kalau supaya di setiap postingan punya buku tamu masing-masing, bagaimana caranya?

Fadli
Fadli
2 years ago

mas kalo pengen refresh lagi komentarnya (dikosongin lagi), gimana ya caranya?

Maulana Fadl
Maulana Fadl
2 years ago
Reply to  Yerie Piscesa

mas kok yang saya tampilannya dari css nya gak work ya?

Suryo Danar
Suryo Danar
2 years ago

Ijin bertanya yah gan,
Saya sudah berhasil menampilkan guestbook_entries

Namun ada sedikit kendala yaknia link load more untuk hanya berubah menjadi loading dan tidak menampilkan pesan-pesan sebelumnya. Terkait ini penyebabnya ada dimana yah?

Kemudian untuk slug sendiri, di WordPress homepage itu apa yah?

Terima Kasih 🙏

Tiara
Tiara
2 years ago

maaf mau bertanya, kalo guestbook nya sudah muncul tapi nama dan oesannya tidak muncul, hanya muncul koma, itu bagaimana ya ?

Miko
Miko
2 years ago

Sebelumnya terima kasih, berguna sekali ilmunya. Saya mau tanya, saya sudah berhasil munculkan formnya, tapi setiap setelah input, lalu saya refresh, yang sebelumnya diinput tidak muncul, tau apa yang salah kah?

Terus seandainya mau pakai form selain forminator apa bisa? bagian mana yang harus disesuaikan ya?

HAADZIQ FATKHIYA
HAADZIQ FATKHIYA
2 years ago

php di code snippets tidak jalan kira2 kenapa ya mas?
padahal udah sesuai semua, pakai examplenya code snippets juga tidak bisa

wendy
wendy
2 years ago

mas apa bisa untuk menampilkan gambar, saya coba {upload-1} yang keluar array, terimakasih

alfan
alfan
2 years ago

mas cara integrasi forminator dengan elementor gimana? buat buku tamu seperti ini

Undigproject
Undigproject
2 years ago

mas saya sudah berhasil, kecuali tampilannya tidak seperti itu ya?
semua text nya sama rata besarnya, tidak seperti contoh, mohon solusinya

Screenshot.png
Irfan P
Irfan P
1 year ago

Terima kasih banyak mas... Udah saya coba dan it's work... Lengkap udah jadi undangan digital versi sendiri...

Alfa
Alfa
1 year ago

Bang shortcode listing entry nya kalau formnya ada 2 gimana bg?
sy coba pake  [ guestbook_entries ] juga yg muncul cuman jawaban form 1

femas
femas
1 year ago

page slug yg mana bang?

syubban
syubban
1 year ago

Wah sangat bermanfaat

Last edited 1 year ago by syubban
envelope-otagscalendarwhatsapp
35
0
Would love your thoughts, please comment.x
()
x