Cara Menampilkan Entri Formulir WordPress di Situs Anda

Published
On 04/01/2023
By gusviradigital

Apakah Anda ingin menampilkan entri formulir WordPress Anda di bagian depan situs Anda?

 

Menampilkan entri formulir di ujung depan memungkinkan Anda menampilkan informasi penting kepada pengunjung Anda. Anda dapat menggunakannya untuk menampilkan ulasan positif, membuat direktori, menampilkan kalender acara, dan banyak lagi.

 

Pada artikel ini, kami akan menunjukkan cara menampilkan entri formulir WordPress di situs Anda.

 

Mari kita lihat bagaimana Anda dapat menampilkan entri formulir di bagian depan situs WordPress Anda menggunakan Formidable Forms dan WPForms. Anda dapat mengeklik tautan di bawah untuk melompat ke bagian pilihan Anda.

 

Setelah aktivasi, Anda dapat pergi ke Formidable » Forms dan klik tombol ‘+ Add New’ di bagian atas.

 

Silakan dan pilih jenis formulir pilihan Anda. Demi tutorial ini, kami akan membuat formulir kontak untuk mengumpulkan testimonial dari pengguna.

 

Selanjutnya, Anda harus memasukkan nama dan deskripsi formulir.

 

Setelah selesai, cukup klik tombol ‘Buat’.

 

Sekarang Anda dapat menggunakan pembuat formulir untuk menyesuaikan formulir Anda.

 

Formidable menawarkan drag and drop builder yang sangat mudah digunakan. Cukup pilih bidang formulir apa pun yang ingin Anda tambahkan ke formulir Anda dari opsi di sebelah kiri Anda dan letakkan di Templat formulir.

 

Setelah menyesuaikan formulir kontak Anda, lanjutkan dan sematkan di mana saja di situs web Anda.

 

Plugin ini menawarkan beberapa opsi untuk menambahkan formulir Anda. Cara termudah adalah dengan mengklik tombol ‘Sematkan’ di pembuat formulir di bagian atas dan kemudian pilih halaman yang ada atau buat halaman baru untuk menambahkan formulir Anda.

 

Selanjutnya, Anda dapat memberi nama pada halaman Anda dan mempratinjaunya.

 

Bila Anda puas dengan tampilannya, lanjutkan dan publikasikan halaman Anda.

 

Setelah formulir Anda aktif, dan Anda mulai mendapatkan entri, maka Anda harus menginstal dan mengaktifkan addon Tampilan Visual di Formulir yang Tangguh.

 

Untuk melakukannya, cukup buka Formidable »Add-Ons dari dashboard WordPress Anda. Selanjutnya, gulir ke bawah ke addon ‘Tampilan Visual’ dan klik tombol ‘Instal’.

 

Setelah addon aktif, Anda dapat pergi ke Formidable »Views dari dashboard WordPress Anda.

 

Setelah itu, cukup klik tombol ‘+ Add New’ di bagian atas.

 

Untuk tutorial ini, kita akan menggunakan tampilan ‘Grid’ untuk menampilkan entri formulir.

 

Setelah itu, Anda harus memilih sumber data untuk tampilan Anda.

 

Silakan dan klik menu tarik-turun ‘Gunakan Entri dari Formulir’ dan pilih formulir Anda. Ada juga opsi untuk memasukkan nama tampilan.

 

Setelah memilih sumber data Anda, cukup klik tombol ‘Buat tampilan’.

 

Ini akan meluncurkan pembuat tampilan dalam Formulir yang Tangguh.

 

Untuk memulai, lanjutkan dan klik tombol ‘Layout Builder’.

 

Selanjutnya, Anda harus memilih tata letak untuk menampilkan entri formulir Anda.

 

Cukup pilih tata letak dari opsi yang diberikan di bagian atas. Anda dapat menambahkan beberapa tata letak untuk memperlihatkan entri formulir.

 

Setelah memilih tata letak, lanjutkan dan klik tombol ‘Simpan tata letak’.

 

Selanjutnya, Anda dapat menambahkan konten ke pembuat tampilan dengan mengeklik tombol ‘+’. Ada opsi untuk menyesuaikan tata letak entri formulir dan menambahkan konten sebelum dan sesudah entri formulir.

 

Anda juga akan melihat kode pendek di bawah bidang Lihat Nama, yang akan Anda perlukan saat menampilkan entri formulir di situs Anda.

 

Ada lebih banyak opsi lanjutan di panel Pengaturan Gaya Kotak. Dalam pengaturan lanjutan, Anda dapat membatasi jumlah entri, ukuran halaman, dan lainnya.

 

Setelah Anda menyesuaikan tampilan, jangan lupa untuk mengklik tombol ‘Perbarui’ di bagian atas.

 

Selanjutnya, Anda harus menampilkan entri formulir Anda di situs WordPress Anda. Untuk melakukan itu, salin kode pendek yang diberikan di bawah Nama Tampilan.

 

Kode pendek akan terlihat seperti ini:

 

Sekarang, masukkan kode pendek yang Anda salin sebelumnya di blok kode pendek.

 

Setelah itu, Anda dapat melihat pratinjau halaman dan mempublikasikannya.

 

Anda sekarang dapat mengunjungi situs web Anda untuk melihat entri formulir beraksi.

 

Inilah tampilannya di situs web demo kami:

 

Setelah menambahkan kode khusus ke situs web Anda, Anda harus memasukkan kode pendek berikut ke halaman atau pos mana pun untuk menampilkan entri formulir.

 

Ganti saja FORMID dengan ID formulir Anda.

 

Anda dapat menemukan ID formulir dengan masuk ke WPForms »Semua Formulir dan kemudian melihat kolom Kode Pendek.

 

Untuk menambahkan kode pendek, cukup buat halaman baru atau edit yang sudah ada.

 

Selanjutnya, lanjutkan dan tambahkan blok ‘Kode Pendek’.

 

Setelah menambahkan blok, cukup masukkan kode pendek Anda.

 

Sekarang pratinjau halaman WordPress Anda dan klik tombol ‘Terbitkan’ di bagian atas.

 

Inilah tampilan pratinjau entri formulir kami di front-end:

 

Anda selanjutnya dapat menyesuaikan tampilan menggunakan gaya CSS khusus sesuai kebutuhan.

sumber

gusviradigital

gusviradigital

CV. Gusvira Digital Persada merupakan salah satu penyedia jasa layanan digital di Indonesia, dengan menawarkan berbagai kebutuhan untuk pemasaran produk

Related

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

logo-whatsappHubungi Kami
1
error: