Cara Mengatur Formulir Kontak Di WordPress Menggunakan Tema Bridge

Jika Anda ingin menambahkan formulir kontak ke situs WordPress Anda, tema Bridge memudahkan untuk melakukannya. Pada artikel ini, kami akan menunjukkan cara mengatur formulir kontak di WordPress menggunakan tema Bridge. Pertama, Anda harus menginstal dan mengaktifkan tema Jembatan. Untuk informasi lebih lanjut, lihat panduan kami tentang cara memasang tema WordPress. Setelah tema diaktifkan, Anda harus membuat halaman baru untuk formulir kontak Anda. Untuk melakukan ini, buka Halaman »Tambah Baru di area admin WordPress Anda. Selanjutnya, Anda harus menambahkan judul untuk halaman Anda dan kemudian klik tombol “Tambahkan Formulir Kontak”. Ini akan memunculkan jendela popup di mana Anda dapat mengonfigurasi formulir kontak Anda. Pertama, Anda harus memilih Templat formulir. Tema Bridge hadir dengan empat templat formulir default yang dapat Anda pilih. Setelah Anda memilih templat, Anda dapat mulai menambahkan bidang formulir ke formulir kontak Anda. Tema Bridge mencakup semua bidang formulir standar yang Anda harapkan, seperti nama, email, dan situs web. Setelah Anda menambahkan semua bidang formulir yang Anda inginkan, Anda kemudian dapat mengklik tombol "Simpan" untuk menyimpan formulir kontak Anda. Sekarang setelah formulir kontak Anda disimpan, Anda dapat menyematkannya ke situs WordPress Anda. Untuk melakukan ini, cukup salin kode pendek yang ditampilkan di jendela sembulan dan tempelkan ke halaman atau pos tempat Anda ingin formulir kontak Anda muncul. Itu saja untuk menyiapkan formulir kontak di WordPress menggunakan tema Bridge.

Sangat penting bagi situs web mana pun untuk menyertakan formulir kontak. Jaringan ini menjembatani kesenjangan antara penyedia dan pelanggan. Saya telah membuat template WordPress untuk membuat antarmuka formulir kontak. Sebagai hasil dari langkah ini, saya menggunakan panel admin untuk membuat template halaman kontak. Formulir kontak dapat digunakan untuk membuat widget yang dapat ditambahkan ke tema. Halaman kontak dapat dibuat dengan bantuan file template kontak , yang mencakup HTML dan CSS. Semua bidang dalam formulir mudah diisi, termasuk nama, email, dan sebagainya.

Semua bidang wajib dan JavaScript digunakan untuk memvalidasinya. Selanjutnya, kita dapat mengantrekan aset JavaScript dengan menggunakan WP_enqueue_script() di fungsi inti WordPress. template php. Di awal file ini, ada templat kontak bernama di file di atas. Untuk memproses data dari formulir kontak dan surat, bagian didefinisikan dalam kode dengan kait tindakan WP_ajax. Untuk mengatur subjek email kontak dan konten isi, ia menerima data formulir. Alamat pengirim dan penerima juga disetel saat header email disetel. Di WordPress, Anda dapat mengirim email menggunakan SMTP.

Bagaimana Saya Mengintegrasikan Formulir Kontak Di WordPress?

Formulir Kontak 7 adalah plugin formulir kontak paling populer untuk WordPress. Ini memungkinkan Anda untuk dengan mudah menambahkan formulir kontak ke situs WordPress Anda. Anda dapat menginstal Formulir Kontak 7 melalui repositori plugin WordPress atau dengan mengunggah file plugin ke situs WordPress Anda. Setelah Formulir Kontak 7 diinstal, Anda dapat mengaktifkannya dan mulai menggunakannya di situs WordPress Anda.

Proses akan membuat bidang teks dinamis yang akan menarik konteks dari variabel GET di URL (langkah selanjutnya adalah membuat variabel GET). Bidang Teks Dinamis dapat dibuat dengan Generator Tag WPCF7. Buat shortcode dan letakkan di Form Text , seperti context. Anda dapat mengisi formulir Anda sekarang. Kumpulan posting (atau halaman) dan permintaan informasi kontak dari pengguna, Anda harus dapat menentukan halaman mana yang dikunjungi pengguna. Setiap halaman memiliki tautan yang menyertakan variabel yang sesuai di URL, dan Anda dapat menggunakan tautan ini untuk mengarahkan pengunjung Anda ke halaman Kontak. Untuk meringkas, Formulir kontak hanya memerlukan variabel konteks untuk diteruskan.

Masukkan kode berikut ke dalam posting atau halaman Anda sekarang. Anda dapat mengisi [formulir kontak-7] selain mengirimkan [formulir kontak-7]. Informasi dasar yang harus Anda berikan segera setelah Anda mengunggah kode pendek akan diperlukan. Formulir kontak akan meminta Anda untuk memberikan nama Anda. Alamat email adalah alamat email yang akan digunakan untuk mengirim data formulir kontak . Saat Anda mengirimkan formulir kontak, Anda akan menerima email dengan baris subjek “Permintaan Alamat.” Saat Anda mengirimkan formulir kontak, Anda akan menerima pesan ini. Selain itu, data formulir kontak perlu dikirim menggunakan URL yang disediakan. URL ini harus mengarah ke halaman yang sesuai di halaman tempat formulir ditampilkan. Dengan mengklik tombol "Simpan Perubahan" setelah mengisi semua informasi Anda, Anda dapat membuat perubahan apa pun yang Anda inginkan. Sekarang setelah Anda mengklik tombol 'Pratinjau', Anda dapat melihat formulir Anda. Anda sekarang dapat mempublikasikan posting atau halaman selama semuanya berjalan lancar. Jika Anda ingin menggunakan formulir kontak di halaman selain beranda blog Anda, Anda perlu menambahkan beberapa kode tambahan. Pada langkah pertama, tulis kalimat berikut: = 'action' – 'name' – 'contact-form' Untuk menggunakan contact form, silahkan masukkan nama contact. Meskipun nama dapat berupa apa saja yang Anda inginkan, kata 'kontak' harus disertakan agar nama tersebut menonjol. Sebagai contoh, jika Anda ingin menggunakan formulir kontak yang terletak di http://www.example.com/contact-form/, Anda akan menulis baris berikut ke posting atau halaman Anda: Yang perlu Anda lakukan adalah memanggil tindakan * contact-form *name *contact-form-name *url *://www.example.com/contact-form/ Setelah Anda menambahkan baris, Anda harus mengisi formulir dengan informasi Anda. Informasi ini dapat ditemukan di pengaturan akun OptinMonster. Informasi ini sangat penting karena berisi alamat email. Setelah Anda mengisi semua informasi, klik tombol 'Simpan Perubahan'.

Cara Membuat Plugin Baru Di WordPress

Buat plugin WordPress baru jika Anda ingin menggunakan WordPress sebagai situs web. Bagian Plugin dapat ditemukan di sudut kanan atas halaman. "WPForms" dapat ditemukan dengan mengklik Baru. Aktifkan plugin dan arahkan ke menu Pengaturan untuk melihat pengaturan Anda. Untuk menambahkan formulir, navigasikan ke bagian "Formulir" dan klik tombol "Tambah Baru". Di bidang “Nama Formulir”, isi informasi berikut. Pada tombol "Dinamis", tentukan bidang "Jenis Formulir". Masukkan frasa "Teks" ke dalam bidang "Jenis Bidang". Anda akan memasukkan konteks jika Anda memasukkan "NAMA BIDANG" di bidang "NAMA MEMORI". Tombol "Tambah" dapat dipilih. Pilih bagian "Formulir" dari plugin WPForms dari menu "Pengaturan". Tombol "Tambah Baru" akan terlihat di bagian "Formulir". Masukkan informasi berikut di bidang “Nama Formulir”: Untuk mengisi formulir, masukkan informasi berikut di bidang “Jenis Formulir”. Dengan mengeklik "URL", Anda dapat mengakses menu tarik-turun "jenis bidang". Setelah memasukkan informasi Anda, Anda dapat memilih bidang berikut: ” Nama Bidang.” Masukkan informasi berikut pada kolom “GET Variable”: *br Pada kolom “Path”, masukkan informasi berikut. Di bidang "String Kueri", Anda dapat memasukkan informasi berikut: Setelah Anda mengklik "Tambah", Anda akan diminta untuk menambahkan konten Anda sendiri. Dengan mengklik tombol "Edit", Anda dapat mengubah pengaturan untuk bagian "Formulir". Dengan memilih "Konteks", Anda dapat mengubah bidang "Bidang Formulir". Masukkan informasi berikut ke dalam bagian “Form Values”: *br. Dengan memasukkan informasi berikut ke dalam bidang "Pengiriman Formulir", Anda dapat melanjutkan untuk mengirimkan formulir. Setelah mengklik tombol "Perbarui", Anda akan dibawa ke jendela baru tempat Anda dapat memperbarui. Yang kami butuhkan hanyalah penyelesaian yang cepat. Formulir ini sekarang akan mengirim data dari variabel GET "Konteks" ke akun Kontak Konstan Anda.

Bisakah Saya Menyematkan Formulir Kontak Ke File Template Saya?

Anda masih dapat menyisipkan kode pendek formulir kontak ke dalam file template Anda, tetapi Anda tidak dapat secara langsung. Ini akan diperlukan untuk melewati kode…

Saat menggunakan plugin Contact Form 7 WordPress untuk membuat formulir di situs web Anda, Anda disarankan untuk menyertakan formulir kontak dalam tema khusus Anda. Kode ini harus dimasukkan secara manual ke dalam konten posting dan kemudian ditampilkan pada halaman yang diminta. Sebagai pengembang, kita sudah akrab dengan otomatisasi, tetapi ada banyak "bagaimana jika" yang terkait dengan pendekatan ini. Saat Anda menginstal Formulir Kontak 7, formulir secara otomatis dibuat sebagai default. Bagaimana cara memasukkan formulir ini ke situs saya? Ketika Anda memiliki kode pendek formulir tanpa atribut 'id', itu akan mencari formulir yang diminta menggunakan atribut 'title' [judul]. Dalam banyak kasus, beberapa formulir dengan judul yang sama akan digunakan karena yang pertama digunakan terlebih dahulu.