Cara menambahkan tombol di editor WordPress [tutorial]

Mengapa blok tombol WordPress begitu penting?

Navigasi pada website penting bagi pengunjung dan pelanggan. Kami ingin mengirimkannya dari satu subhalaman lebih lanjut. Bimbing mereka melalui seluruh proses belanja. Itulah mengapa penting untuk menyisipkan tautan penting dengan benar di dalam konten halaman.

Pada dasarnya kita memiliki 2 pilihan. Gunakan tautan atau tombol standar. Pendapat tentang kapan harus menggunakan opsi pertama dan selanjutnya beragam. Biasanya pada satu halaman ada beberapa kemungkinan tindakan. Kita perlu memastikan mana yang primer dan mana yang sekunder. Kami menyarankan Anda untuk menggunakan tombol hanya untuk tindakan utama. Dengan begitu Anda mencapai visibilitas yang lebih besar dari tindakan utama ini. Anda akan memusatkan perhatian pengunjung pada tindakan ini. Kami juga dapat menyebutnya tombol ajakan bertindak. Jangan membuat terlalu banyak tombol pada satu subhalaman.

Apa fungsi tombol utama?

• Tombol dapat menarik perhatian pengunjung – ajakan bertindak
• Mereka memisahkan halaman atau memposting konten dan membuatnya lebih mudah dibaca
• Bantuan dengan orientasi pada halaman. Banyak pengunjung hanya memindai halaman secara visual dengan mata mereka
• Arahkan pengunjung ke halaman lain menggunakan hyperlink

Ada banyak parameter yang menentukan keberhasilan tombol. Penting misalnya ukuran, penempatan atau warna tombol. Penting untuk mengikuti prinsip UI dan UX standar. Warna hijau digunakan untuk kancing dengan tindakan positif misalnya untuk membeli sesuatu. Warna merah untuk yang negatif – misalnya untuk berhenti berlangganan buletin. Tombol yang dirancang dengan benar seperti itu secara langsung memengaruhi tindakan pengunjung.

Menambahkan tombol di Halaman atau Posting apa pun di WordPress

Situasi sebelum WordPress 5

Menambahkan tombol adalah proses yang cukup rumit sebelum editor Blok WordPress ditemukan. Karena fitur ini tidak secara alami ada di WordPress. Anda dapat menggunakan tema dengan Page Builder atau plugin pihak ke-3. Kode pendek membuat tombol dalam hal ini.

Di tema WordPress lama kami, Anda dapat menambahkan tombol menggunakan kode pendek di editor visual. Setelah mengklik Sisipkan Kode Pendek -> Tombol Anda dapat mengatur berbagai pengaturan di jendela modal. Teks, warna teks, warna tombol, url, perataan, dan sebagainya. Berkat pengaturan lanjutan ini, Anda dapat menambahkan tombol dengan mudah dan cepat tanpa pemrograman apa pun.

Bagaimana cara menggunakan blok Tombol di editor WordPress?

Berkat WordPress 5 ada cara kedua. Jauh lebih mudah. Editor visual WordPress menghadirkan banyak blok berguna. Untuk membuat tombol di situs web, Anda sekarang dapat menggunakan blok Tombol WordPress di editor.

Panduan langkah demi langkah cara menambahkan tombol di editor WordPress

1. Pertama-tama Anda harus memutuskan di mana Anda ingin memasukkan tombol
2. Blok tombol dapat ditambahkan dengan berbagai cara:
– dengan mengklik “+” di bilah atas atau di mana saja di editor blok tempat Anda memilih Blok tombol

– Anda juga dapat menemukan blok apa pun menggunakan bilah pencarian, cukup tulis "tombol"

– dengan mengetikkan “/“ yang memberi Anda akses ke semua blok yang tersedia

3. Blok Tombol yang Dibuat dapat dikonfigurasi lebih lanjut

Tambahkan teks tombol dan alamat URL

Segera setelah tombol Blokir WordPress dibuat, Anda dapat mengetik teks di dalamnya. Ingatlah bahwa untuk tombol ajakan bertindak lebih baik menggunakan teks pendek dengan pesan yang jelas. Anda dapat mengatur teks menjadi tebal, miring, atau bergaris bawah. Semua perubahan ini dapat dilakukan dengan mengklik di bilah alat. Anda juga dapat menyelaraskan tombol ke samping atau ke tengah.

Tombol biasanya mengarah ke halaman lain atau situs web eksternal. Karena itu tepat di bawahnya ada input untuk menambahkan alamat URL. Keuntungannya adalah menambahkan URL tidak memerlukan pemilihan teks.

Mengubah warna tombol

Editor baru memungkinkan Anda mengubah blok tombol WordPress dalam beberapa detik. Cukup gunakan pengaturan di sidebar di sisi kanan. Anda dapat mengubah warna latar tombol atau warna teks di dalam tombol. Ada warna dasar yang telah ditentukan sebelumnya atau Anda dapat memilih sendiri. Semua perubahan langsung terlihat untuk melihat apakah kombinasi warnanya baik-baik saja.

Fitur hebatnya adalah jika Anda memilih kombinasi yang salah, misalnya latar belakang abu-abu dan warna teks putih, editor blok WordPress akan memperingatkan Anda bahwa tombol tidak dapat dibaca di situs web Anda.

Temukan gaya tombol Anda sendiri

Untuk membuat atau mengubah tombol dengan sangat cepat dan tanpa usaha apa pun, Anda dapat menggunakan salah satu gaya yang telah disiapkan. Tombol dapat diubah seperti itu menjadi misalnya bulat, berbatasan atau persegi panjang. Eksperimen apa yang paling cocok dengan gaya atau desain situs web Anda.

Tombol pengeditan dengan CSS khusus

Kustomisasi yang lebih besar dapat dicapai dengan menggunakan kelas CSS kustom. Dengan begitu Anda dapat menambahkan gaya dan tombol gaya CSS Anda sendiri di editor WordPress persis seperti yang Anda inginkan.

Seperti yang bisa kita lihat, ada cara yang jauh lebih mudah daripada menggunakan kode pendek tombol. Blok Tombol WordPress dapat digunakan dalam tema apa pun yang kompatibel dengan Editor Blok WordPress. Baca selengkapnya tentang tema WordPress Citadela baru kami. Ini dirancang dan dikembangkan khusus untuk Editor Blok WordPress.

Tip ekstra di akhir

Jangan lupa untuk memantau blok tombol WordPress Anda dan kesuksesan tombol itu sendiri. Jika Anda menggunakan Google Analytics, Anda dapat membuat URL unik. Untuk melacak klik pengunjung, Anda dapat menambahkan Parameter Google UTM. URL dapat dibuat menggunakan pembuat URL. Menambahkan parameter memungkinkan Anda mengidentifikasi sumber kunjungan. Ini sangat berguna jika Anda ingin tahu dari mana pengunjung datang ke halaman belanja Anda.

Apa masalah terbesar yang saat ini Anda miliki dengan blok tombol WordPress? Mari kita bahas di komentar di bawah. Bagikan pengalaman Anda menggunakan Tombol di situs web.