Tombol Kembali ke Atas Shopify
Buat aplikasi Back to Top Anda
Cuplikan Layar
Mengapa Orang Suka Elfsight
Halaman produk yang panjang bagus untuk bercerita, tetapi juga bisa berarti banyak menggulir. Tombol Kembali ke Atas Elfsight membantu pelanggan Anda dengan cepat kembali ke atas tanpa terus-menerus menggulir. Ini adalah detail kecil yang membuat perbedaan besar pada bagaimana toko Anda terasa saat dijelajahi.
Dengan hanya beberapa klik, Anda bisa memasang tombol yang benar-benar cocok dengan tema Anda. Pilih warna, ikon, dan animasi Anda sendiri. Sesuaikan tempat tombol muncul, dan tentukan kapan tombol tampil. Berfungsi mulus di desktop maupun seluler – tanpa coding, tanpa pengaturan tambahan.
Tahukah Anda?
Sebuah studi Nielsen Norman Group menemukan bahwa 57% waktu tampilan halaman pengguna terjadi di bagian atas lipatan layar, yaitu bagian atas halaman sebelum pengguliran dimulai.
Sederhanakan navigasi agar pengguna bisa kembali dengan cepat — tambahkan tombol Kembali ke Atas Elfsight ke toko Shopify Anda secara gratis hari ini.
Fitur Utama Tombol Kembali ke Atas Shopify
Berikan pengalaman penelusuran yang mulus bagi pelanggan Anda dengan fitur yang mudah digunakan dan disukai.
- Desain kustom: Pilih dari ikon siap pakai atau unggah ikon Anda sendiri, lalu sesuaikan ukuran, warna, dan bentuknya agar selaras dengan merek Anda.
- Aturan Tampilan Pintar: Kontrol kapan dan di mana tombol muncul – setelah jarak gulir tertentu, pada halaman tertentu, atau di seluruh toko Anda.
- Efek gerak halus: Animasi gulir yang halus membuat pengguna kembali ke atas secara alami tanpa loncatan mendadak.
- Penempatan fleksibel: Letakkan tombol di mana rasanya tepat – sudut bawah, tepi samping, atau bahkan melayang di tengah.
- Siap untuk seluler: Aplikasi ini secara otomatis menyesuaikan diri dengan layar yang lebih kecil, menjaga kemudahan penggunaan tetap sempurna pada ponsel dan tablet.
Jelajahi setiap fitur di editor langsung — tanpa perlu mendaftar.
Cara Menambahkan Tombol Kembali ke Atas di Shopify
Menyiapkan aplikasi Back to Top Anda di Shopify hanya memakan beberapa menit. Berikut dua cara mudah untuk melakukannya.
Metode 1: Tombol Mengambang
Sempurna jika Anda menginginkan tombol tetap yang terlihat di seluruh halaman.
- Pilih template: Di editor Elfsight, pilih tata letak yang tetap terlihat saat pengguna menggulir.
- Sesuaikan desain dan gerak: Atur gaya ikon, kecepatan gulir, dan posisi layar yang tepat.
- Hasilkan dan salin kode: Klik “Tambahkan ke situs web secara gratis” dan salin potongan kodenya.
- Tempelkan di Shopify: Buka “Online Store → Themes → Customize → Edit Code,” lalu tempelkan potongan kode sebelum penutup tag
</body>.
Metode 2: Tombol Inline
Ideal jika Anda ingin tombol muncul di bagian tertentu.
- Buka Editor Elfsight: Pilih templat yang cocok dengan desain toko Anda.
- Sesuaikan tombol Anda: Sesuaikan warna, ikon, dan posisinya, lalu atur kapan tombol muncul.
- Salin kode Anda: Klik “Tambahkan ke situs web gratis” untuk mendapatkan kode semat.
- Sisipkan di Shopify: Di dashboard Shopify Anda, buka “Online Store → Themes → Edit Code” dan tempelkan kodenya di lokasi tombol akan muncul.
Butuh bantuan? Lihat Pusat Bantuan kami untuk panduan terperinci. Anda juga bisa memberikan umpan balik di Daftar Keinginan kami atau melihat pembaruan terbaru di Catatan Perubahan.