Bagaimana Mengubah Warna Tombol Kirim di Formulir WordPress?

Ingin tahu bagaimana cara mengubah warna tombol kirim di formulir WordPress Anda tanpa menyentuh kode apa pun? Jika ya, artikel ini adalah semua yang Anda butuhkan.

Tampilan menarik dari tombol kirim memainkan peran penting dalam menarik perhatian pengguna Anda dan mendorong mereka untuk mengirimkan formulir. Secara default, tombol kirim di formulir WordPress cenderung tampak kusam.

Jadi, jika Anda ingin menatanya dengan warna-warna cantik yang sesuai dengan merek Anda dan meningkatkan tampilan bentuk keseluruhan Anda, pastikan Anda membaca artikel ini sampai akhir.

Pilih Plugin Formulir WordPress Terbaik dengan Opsi Gaya Tombol Kirim

WordPress menawarkan ribuan plugin untuk mencapai hampir setiap fungsi yang Anda butuhkan, dan plugin formulir dengan gaya tombol tidak terkecuali.

Namun, Anda jarang menemukan plugin formulir WordPress yang memungkinkan Anda untuk menata dan mengubah warna tombol kirim tanpa harus berurusan dengan kode CSS.

Meskipun ini mungkin bukan masalah besar bagi pengembang, itu tidak sama untuk yang tidak paham teknologi. Dan itulah mengapa kami merekomendasikan penggunaan Everest Forms. Ini mungkin plugin formulir WordPress terbaik yang memungkinkan Anda menata formulir dan tombol kirim atau mengubah warna tombol di WordPress tanpa mengotak-atik kode apa pun.

Everest Forms mendapatkan semuanya dari mengubah desain tata letak formulir Anda menjadi gaya tombol formulir Anda dalam beberapa klik. Di atas segalanya, Anda dapat dengan mudah mendesain formulir WordPress agar sesuai dengan situs Anda dengan opsi pratinjau langsung dari plugin.

Sekarang setelah Anda mengetahui plugin mana yang akan digunakan, mari kita bicara tentang cara mengubah warna tombol kirim di WordPress.

Bagaimana Mengubah Warna Tombol Kirim di Formulir WordPress?

Menambahkan warna pilihan Anda ke tombol kirim tidak pernah semudah ini. Semua berkat plugin luar biasa bernama Everest Forms. Sekarang, Anda dapat mengubah warna tombol kirim di formulir WordPress dengan mengikuti langkah-langkah sederhana seperti yang diberikan di bawah ini:

Langkah 1: Instal Plugin Formulir Everest

Sebelum hal lain, Anda perlu menginstal plugin di situs Anda. Untuk ini, masuk ke dashboard WordPress Anda dan pergi ke Plugins>>Add New .

Sekarang, cari plugin dengan mengetikkan Everest Forms di kotak pencarian di kanan atas. Setelah plugin muncul, klik tombol Instal Sekarang .

Segera setelah instalasi, tekan tombol Activate untuk mengaktifkannya di situs Anda.

Langkah 2: Instal Everest Forms Pro dan Style Customizer Add-on

Tidak diragukan lagi bahwa versi gratis dari Everest Forms lebih dari cukup untuk membuat formulir sederhana seperti formulir kontak, formulir permintaan cuti, formulir panggilan balik, dan sebagainya. Namun, untuk menata formulir WordPress sesuai keinginan Anda, Anda memerlukan add-on Penyesuai Gaya, hanya tersedia dalam paket premium.

Oleh karena itu, kunjungi halaman harga resmi plugin dan pilih paket premium yang sesuai terlebih dahulu.

Sekarang, Anda dapat membuat akun pengguna dan masuk ke dalamnya. Setelah itu, temukan tab Unduhan di dasbor akun Anda dan klik. Sekarang, unduh pro-add-on Everest Forms di komputer Anda. Plugin diunduh sebagai file ZIP.

Juga, jangan lupa untuk menyalin kunci lisensi dari tab Kunci lisensi , karena Anda harus memasukkannya di langkah selanjutnya.

Sekali lagi, navigasikan ke Plugins >> Add New dan tekan tombol Upload Plugin . Sekarang, pilih file ZIP pro Everest Forms dan tekan tombol Instal Sekarang .

Setelah instalasi berhasil, aktifkan di situs Anda. Kemudian, masukkan kunci lisensi yang telah Anda salin sebelumnya.

Anda dapat mengikuti prosedur serupa untuk menginstal add-on Style Customizer juga. Dari tab Unduhan , unduh file ZIP Penyesuai Gaya terlebih dahulu.

Selanjutnya, unggah file ZIP dan terakhir instal dan aktifkan di situs WordPress Anda.

Langkah 3: Buat Formulir Baru

Setelah Anda menyelesaikan instalasi plugin, Anda dapat membuat formulir baru dari dashboard WordPress Anda. Untuk memulainya, temukan tab Everest Forms dan arahkan mouse Anda ke atasnya. Pilihan yang berbeda akan muncul. Sekarang, klik opsi Tambah Baru .

Ini membuka halaman Tambahkan Formulir Baru dengan templat formulir pra-bangun yang dirancang dengan indah dan opsi Mulai dari awal .

Anda dapat mengedit templat yang sudah ada sebelumnya untuk mendesain formulir Anda secara instan atau mulai dari awal untuk membuatnya sesuai keinginan Anda. Pilihan ada di tangan Anda. Kedua metode akan memungkinkan Anda membuat formulir yang tampak hebat dengan mudah tanpa keraguan.

Dalam tutorial ini, kita akan memulai dari awal jadi, klik opsi Start From Scratch . Berikan nama untuk formulir Anda dan tekan tombol Lanjutkan .

Sekarang, jendela editor formulir akan terbuka.

Seperti yang Anda lihat, ada opsi bidang yang berbeda di sebelah kiri. Anda dapat dengan mudah menyeret bidang yang diperlukan dari sana dan meletakkannya di sebelah kanan untuk ditambahkan ke formulir Anda.

Sekali lagi, Anda dapat mengedit properti masing-masing bidang yang Anda tambahkan ke formulir Anda dari Opsi Bidang . Dari sini, Anda dapat memberikan label yang tepat dan menambahkan deskripsi singkat jika Anda mau. Demikian juga, Anda dapat membuat bidang wajib dengan mencentang kotak Wajib .

Selain itu, ada opsi lanjutan, logika bersyarat, dan lebih banyak fitur yang dapat Anda terapkan ke formulir WordPress Anda.

Untuk panduan terperinci, pastikan Anda membaca artikel tentang membuat formulir kontak di WordPress.

Langkah 4: Sesuaikan Formulir WordPress Anda

Karena Anda memiliki pengaya Penyesuai Gaya yang diinstal di situs Anda, Anda dapat memanfaatkannya sepenuhnya untuk menata tampilan keseluruhan formulir WordPress. Jadi, klik ikon perancang formulir di kanan bawah dan mulailah menyesuaikannya dengan isi hati Anda.

Menggunakan penyesuai, Anda dapat memodifikasi berbagai bagian formulir Anda seperti yang diberikan di bawah ini:

• Templat Aktif: Anda dapat memilih di antara dua tata letak formulir yang berbeda, yaitu, Templat klasik atau Default.
• Pembungkus Formulir: Opsi ini memungkinkan Anda mengedit margin formulir, batas, warna latar belakang, dan lainnya.
• Label Bidang: Anda dapat mengubah ukuran font, warna font, gaya font, perataan teks, dll., dari label bidang Anda dari sini.
• Sublabel Bidang: Ini memungkinkan Anda untuk mengedit ukuran, warna, dan gaya font ditambah perataan teks, margin, dan sub-label bidang lainnya.
• Deskripsi Bidang: Anda juga dapat menyesuaikan deskripsi yang Anda berikan ke bidang formulir. Anda dapat mengubah perataan teks, margin, padding, ukuran font, warna, dll., dari deskripsi bidang.
• Gaya Bidang: Ini memungkinkan Anda untuk menyesuaikan data bidang formulir yang diisi pengguna. Anda dapat mengubah ukuran font, gaya, warna font placeholder, jenis batas, lebar, radius, dll.
• Gaya Radio/Kotak Centang: Ini memungkinkan Anda mengedit gaya sebaris, warna radio/kotak centang, variasi gaya, dll. dari teks, angka, atau simbol yang digunakan untuk kotak centang atau tombol radio.
• Judul Bagian: Gaya font, warna, perataan teks, tinggi baris, dll., dari judul bagian, dapat dengan mudah dikelola dari sini.
• Gaya Tombol: Kita akan membicarakan bagian ini di langkah berikutnya.
• Pesan Formulir: Ini menyediakan opsi berbeda untuk menyesuaikan pesan keberhasilan, kesalahan, atau validasi formulir Anda.
• CSS tambahan: Anda juga mendapatkan opsi untuk menambahkan CSS khusus untuk menyesuaikan formulir persis seperti yang Anda inginkan.

Bagian terbaiknya adalah Anda mendapatkan pratinjau langsung dari semua perubahan yang Anda buat pada bagian yang disebutkan di atas.

Langkah 5: Ubah Warna Tombol Kirim di Formulir WordPress

Ingat opsi Button Styles yang kita temui sebelumnya? Di situlah Anda dapat mengubah warna tombol kirim di WordPress. Jadi, mari kita jelajahi lebih lanjut tentang bagian ini di sini.

Saat Anda mengklik Button Styles , ini akan menampilkan beberapa opsi penyesuaian tombol. Dari sini, Anda dapat memilih warna tombol kirim di formulir WordPress dengan mudah. Anda tidak perlu memiliki pengetahuan pengkodean. Menakjubkan, bukan?

Belum lagi, ini juga memungkinkan menata tombol kirim sesuai keinginan Anda. Anda dapat menyesuaikan ukuran font tombol Anda dan mengubah gaya font tombol formulir. Demikian juga, dimungkinkan untuk mengatur warna font, warna font hover, dan warna tombol hover.

Selain itu, banyak opsi seperti jenis batas, lebar batas, warna batas, tinggi garis, margin tombol, bantalan tombol, dll., juga tersedia.

Terakhir, jangan lupa untuk menyimpan semua pengaturan dengan menekan tombol Simpan di bagian atas.

Langkah 6: Konfigurasikan Pengaturan Formulir

Sekarang, Anda tahu cara mengubah warna tombol kirim di WordPress; mari kita bicara singkat tentang konfigurasi formulir WordPress.

Anda perlu mengonfigurasi pengaturan Umum dan Email sebelum menerbitkan formulir Anda. Pengaturan formulir umum memungkinkan Anda untuk mengedit nama formulir, menambahkan deskripsi, mengedit pesan pengiriman yang berhasil, menyesuaikan tombol kirim, dan seterusnya.

Selain itu, ini memungkinkan Anda untuk mengaktifkan atau menonaktifkan opsi seperti honeypot anti-spam, pengiriman formulir ajax, menyimpan informasi entri, dll.

Demikian juga, pengaturan Email memungkinkan Anda untuk mengelola pemberitahuan email. Ini memungkinkan Anda mengonfigurasi alamat Ke dan Dari untuk menerima email. Subjek email dan pesan juga dapat ditambahkan. Karenanya, setiap kali pengguna mengirimkan formulir, Anda bisa langsung mendapatkan notifikasi.

Langkah 7: Publikasikan Formulir WordPress Anda

Karena formulir sudah siap, Anda sekarang dapat menambahkannya ke situs Anda. Untuk membuat formulir WordPress Anda dengan warna tombol kirim yang indah terlihat oleh pengguna Anda, buka Posting>>Tambahkan Baru .

Kemudian, klik tombol tambah blok (+) , cari blok Everest Form dan tambahkan ke editor.

Sekarang, dari menu tarik-turun, pilih formulir yang diperlukan.

Setelah Anda memberikan judul yang sesuai untuk formulir Anda, Anda dapat mengklik tombol Terbitkan di bagian atas.

Menyimpulkannya

Dan itulah ringkasan tutorial kami tentang cara mengubah warna tombol kirim di WordPress. Seperti yang Anda lihat, mengubah warna tombol di WordPress seperti berjalan-jalan di taman dengan plugin hebat seperti Everest Forms.

Jadi, apa yang Anda tunggu? Dapatkan Formulir Everest untuk situs Anda hari ini dan buat formulir yang tampak hebat dengan warna tombol yang indah untuk meningkatkan rasio klik-tayang dan konversi.

Kami berharap artikel ini cukup membantu untuk membuat Anda memahami cara mengubah warna tombol kirim.

Juga, untuk artikel WordPress yang lebih bermanfaat seperti membuat formulir lamaran kerja dan formulir pemesanan hotel online, silakan kunjungi situs web blog kami.

Terakhir, ikuti kami di Twitter dan Facebook untuk pembaruan artikel blog terbaru.