Tombol Kembali ke Atas Elementor

Tambahkan tombol kembali ke atas pada situs Elementor Anda untuk mempermudah navigasi, memperlancar penelusuran, dan membantu pengunjung menjelajahi konten yang panjang.
Rating 4,8
Lebih dari 10.000 ulasan
Rencana gratis tersedia
Buat Widget Gratis
Tidak perlu kartu kredit
Elementor Scroll Back to Top Button

Buat Widget Tombol Kembali ke Atas Anda

Atur tombol Kembali ke Atas Anda dan tambahkan ke situs Elementor Anda secara gratis!

Cuplikan Layar

Elementor Scroll Back to Top Button
1 / 6

Mengapa Orang Suka Elfsight

Menyisir halaman yang panjang tidak seharusnya terasa seperti memanjat gunung. Widget Tombol Kembali ke Atas Elfsight membawa pengunjung kembali ke atas halaman Anda dalam satu gerakan mulus. Mudah, intuitif, dan menambahkan sentuhan profesional yang dibutuhkan setiap situs modern.

Dengan hanya beberapa klik, Anda bisa membuat tombol Kembali ke Atas yang menyatu sempurna dengan desain Anda. Pilih ikon, warna, posisi, dan animasi — semuanya bisa disesuaikan di editor. Dan karena sepenuhnya responsif, tombol ini terlihat dan bekerja dengan baik di perangkat mana pun.

Tahukah Anda?

Laporan Nielsen Norman Group menunjukkan bahwa 57% waktu melihat halaman pengguna dihabiskan di atas lipatan, bagian yang terlihat tanpa menggulir.

Jaga navigasi tetap mudah dan terlihat — tambahkan widget Tombol Kembali ke Atas Elfsight untuk Elementor sekarang agar setiap pengunjung tetap terlibat dan bergerak lancar melalui konten Anda.

Fitur Utama Tombol Kembali ke Atas Elementor

Inilah yang membuat Elfsight wajib dimiliki untuk pengalaman browsing yang lebih baik:

  • Desain yang bisa disesuaikan: Pilih ikon, warna, bentuk, dan ukuran yang Anda suka untuk menyatu sempurna dengan gaya situs Anda.
  • Pemicu Tampilan Cerdas: Kontrol kapan tombol muncul – setelah menggulir sejauh jarak tertentu atau pada halaman tertentu.
  • Efek Gulir Halus: Beri pengguna transisi yang mulus dan menyenangkan, bukannya loncatan mendadak kembali ke atas.
  • Kontrol posisi: Letakkan tombol di mana saja di layar — kanan bawah, kiri tengah, atau di tempat yang terasa tepat.
  • Tanpa coding diperlukan: Berfungsi meskipun Anda bukan pengembang – semudah seret, lepas, dan tempel.

Coba semua fitur langsung di editor live — tanpa perlu mendaftar.

Cara Menambahkan Tombol Kembali ke Atas pada Elementor

Menyematkan tombol kembali ke atas di situs Elementor itu cepat dan mudah. Anda bisa menempatkannya secara inline atau mengambang di setiap halaman.

Metode 1: Tombol Mengambang

Ideal jika Anda ingin tombol Anda terlihat di semua halaman.

  1. Pilih templat: Pilih gaya mengambang yang tetap terlihat saat pengguna menggulir.
  2. Sesuaikan rincian: Tetapkan warna, posisi, dan animasi.
  3. Hasilkan kodenya: Salin kode sematan dari editor.
  4. Sisipkan di WordPress: Masuk ke “Appearance → Customize → Additional HTML” dan tempelkan tepat sebelum tag penutup </body>.

Metode 2: Tombol Tersemat

Sempurna jika Anda ingin tombol Kembali ke Atas berada dalam bagian halaman tertentu.

  1. Buka editor Elfsight: Pilih templat yang sesuai dengan tampilan situs Anda.
  2. Sesuaikan desain Anda: Pilih ikon, ukuran, dan gaya, serta tentukan kapan ikon tersebut muncul.
  3. Salin kode sematan Anda: Klik “Tambahkan ke situs web secara gratis” dan salin potongan kode yang disediakan.
  4. Tempelkan di Elementor: Di editor Elementor Anda, seret widget HTML ke area yang Anda inginkan dan tempelkan kodenya.

Need more help? Visit our Help Center for detailed guides. You can also share feature ideas in our Wishlist or follow updates in the Changelog.

Apakah saya perlu Elementor Pro untuk menggunakan widget Back to Top?

Anda bisa menambahkan widget menggunakan Elementor Free, sementara beberapa opsi tampilan dan tata letak lanjutan mungkin memerlukan Elementor Pro.

Apakah Tombol Kembali ke Atas kompatibel dengan tata letak Elementor?

Elfsight berintegrasi mulus dengan bagian Elementor, kolom, dan templat, menyesuaikan secara otomatis dengan desain yang responsif.

Kapan tombol Kembali ke Atas muncul di situs saya?

Tombol akan muncul setelah pengunjung menggulir melebihi persentase halaman yang telah ditentukan, menjaga tata letak tetap rapi hingga bantuan navigasi diperlukan.

Bisakah saya menyesuaikan kecepatan gulir untuk kembali ke atas?

Ya, Elfsight menyediakan pengaturan untuk mengontrol durasi animasi gulir, sehingga halaman Elementor Anda kembali ke atas dengan laju yang halus dan disesuaikan.

Apa bedanya gaya mengambang dan tertanam?

Mode mengambang menjaga tombol tetap terlihat saat menggulir, sedangkan mode tersemat bekerja di dalam bagian Elementor yang tetap, seperti footer atau blok konten.

Bisakah saya mengontrol halaman Elementor mana yang menampilkan tombol?

Ya, kondisi tampilan memungkinkan Anda menampilkan widget Tombol Kembali ke Atas di seluruh situs atau mengecualikan halaman Elementor tertentu yang tidak diperlukan.

Bagaimana fungsi Tombol Kembali ke Atas bekerja pada perangkat seluler?

Di perangkat seluler, Elfsight secara otomatis menyesuaikan ukurannya, mendukung interaksi sentuh, dan muncul berdasarkan ambang gulir yang telah dioptimalkan.

Bisakah saya mengubah posisi tombol agar tidak tumpang tindih?

Anda bisa mengatur offset berbasis piksel agar widget tetap tidak menghalangi tombol obrolan, spanduk, atau komponen mengambang lainnya.

Harga

Garansi uang kembali 14 hari. Tanpa risiko, Anda bisa membatalkan kapan saja.
Elfsight Apps
Solusi lintas-platform
mulai dari $0/bulan
Mulai dengan paket gratis
Domain tanpa batas
Dukungan premium dan tepat waktu
Bantuan pemasangan gratis
Penawaran terbatas untuk beberapa aplikasi
Sepenuhnya dapat disesuaikan