Apakah Anda ingin tahu cara membuat tombol mengambang dengan pembuat halaman Elementor ? Tombol mengambang adalah tombol yang muncul di depan semua informasi layar lainnya. Sebagian besar pemilik situs web menyertakan tombol mengambang yang dapat ditindaklanjuti yang mengarahkan pengguna ke tujuan tertentu, seperti berlangganan daftar email atau menjelajahi halaman toko. media sosial, antara lain

Anda dapat dengan cepat membuat tombol mengambang untuk situs web Anda dengan Elementor dalam berbagai cara. Dalam tutorial ini, kami akan menunjukkan kepada Anda bagaimana melakukannya dengan cara yang paling sederhana dengan memanfaatkan pembuat halaman Elementor .

Buat Tombol Mengambang di Elementor

Di sini kita akan mengatur z-index untuk membangun tombol mengambang kita. Menggunakan Elementor versi gratis, Anda dapat membuat tombol mengambang untuk halaman tertentu dengan mengikuti prosedur ini. Jika Anda ingin menambahkan tombol mengambang ke seluruh situs Anda, Anda harus menambahkan tombol secara manual ke setiap halaman jika Anda menggunakan Elementor versi gratis.

Sekarang, buka editor Elementor dan arahkan ke halaman tempat Anda ingin menambahkan tombol mengambang. Anda memiliki pilihan untuk membuat halaman baru atau mengedit yang sudah ada. Untuk menambahkan bagian, klik ikon "+" dan pilih tata letak satu kolom.

Tambahkan widget tombol ke kolom yang baru Anda buat dari panel widget.

Anda sekarang harus memilih tindakan tombol. Dalam hal ini, kami menggunakan tombol untuk menavigasi ke URL halaman toko. Untuk mencapai ini, buka bidang tautan dan tambahkan tautan ke halaman. Lokasi tombol dapat diubah menggunakan opsi perataan. Buat tombol sekecil mungkin.

Tombol kami sekarang siap untuk mengapung ketika pengguna menggulir halaman ke bawah. Untuk ini, buka tab Advanced dan pilih opsi Layout. Atur lebar dan posisinya ke Inline (Otomatis). Anda juga harus mengonfigurasi orientasi Horizontal dan Vertikal, serta offset.

Anda sekarang harus menentukan indeks-z untuk membuat tombol selalu mengapung. Isi slot z-index dengan 800. Itu akan selalu membuat tombol melayang.

Tampilan Akhir

Berikut adalah tampilan desain akhir kami.

Membungkus

Fitur Elemen Elemen Terapung telah menggelitik minat kami. Ini membantu dalam resolusi cepat masalah desain. Kami percaya itu akan memiliki efek yang sama pada Anda. Jika demikian, silakan bagikan desain Anda di area komentar. Kami ingin menyebarkan karya Anda ke seluruh dunia. Lihat juga tutorial elemen kami yang lain.