
Membuat Tombol Bersebelahan di Elementor
Untuk membuat tombol berdampingan di Elementor dengan cara mudah menggunakan container bukan kolom, dengan mengikuti langkah-langkah dibawah ini kami bisa membuat tombol berdampingan menggunakan elementor.
Manfaat Tombol berdampingan pada website.
1. Penggunaan Ruang yang Efisien: Menempatkan tombol berdampingan membantu memanfaatkan lebar ruang layar dengan lebih baik, terutama pada desain responsif.
2. Aksesibilitas: Memudahkan pengunjung website untuk melakukan tindakan dengan lebih cepat, seperti mengonfirmasi, memilih dan lainya.
3. Desain yang Menarik: Memberikan estetika yang lebih baik dan modern pada tampilan website, menciptakan kesan profesional dan tidak kaku.
4. Peningkatan Konversi: Dengan menempatkan tombol-tombol yang relevan berdekatan, pengguna lebih cenderung melakukan tindakan yang diinginkan, seperti membeli, mendaftar atau login.
5. Konsistensi UX: Memudahkan untuk bernavigasi dan pemahaman fungsi setiap tombol.
Dengan mempertimbangkan manfaat ini, desain tombol berdampingan bisa sangat efektif dalam meningkatkan interaksi pengguna di website. Berikut adalah langkah-langkah membuat tombol berdampingan menggunakan elementor.
1. Buka Halaman di Elementor: Masuk ke halaman yang ingin kamu edit lalu klik Edit with Elementor.
2. Tambahkan Container: Seret widget container dari panel widget ke area yang ingin kamu tempatkan tombol.
3. Tambahkan Tombol
- Seret tombol atau button kedalam container.
- Ulangi langkah ini di kolom kedua untuk menambahkan tombol kedua, atau ketiga dan ke empat dan anda tidak perlu membuat kolom karena kita akan menggunakan container.
Hasil sementara secara default tombol atau button akan berada atas bawah tidak berdampingan.
4. Sesuaikan Tombol
Klik pada masing-masing tombol untuk mengedit teks, tautan, dan gaya tombol (warna, ukuran, dll.) sesuai keinginanmu. Pastikan untuk mengatur margin dan padding agar tombol terlihat rapi dan berdampingan dan jangan lupa memberikan link agar ketika di klik tombol tersebut berfungsi.
5. Klik Direction
Setelah selesai melakukan pengaturan tombol, klik pada container kemudian atur direction pilih row horizontal. Maka tombol akan berjejer secara horizontal.
6. Simpan Perubahan: Setelah semua sesuai, jangan lupa untuk menyimpan atau menerbitkan perubahan yang telah kamu buat.
Dengan langkah-langkah ini, kamu seharusnya bisa membuat tombol berdampingan di Elementor menggunakan container dengan mudah dan cepat Jika ada yang ingin ditambahkan atau butuh bantuan lebih lanjut, silakan beri tahu.