Slider Sebelum dan Sesudah untuk Webflow

Bandingkan perubahan visual sebelum dan sesudah pada situs Webflow Anda untuk menunjukkan transformasi, mengilustrasikan kemajuan, dan menampilkan hasil yang jelas serta berdampak.
Rating 4,8
Lebih dari 10.000 ulasan
Rencana gratis tersedia
Buat Widget Gratis
Tidak perlu kartu kredit
Before and After Slider for Webflow

Buat widget Geser Sebelum dan Sesudah Anda

Atur Geser Sebelum dan Sesudah Anda dan tambahkan ke situs Webflow Anda secara gratis!

Cuplikan Layar

Before and After Slider for Webflow
1 / 6

Sisipkan Geser Sebelum dan Sesudah di Webflow dengan widget Elfsight

Geser Sebelum dan Sesudah oleh Elfsight memungkinkan Anda mempublikasikan gambar penjualan yang menakjubkan untuk situs Anda. Pengguna dapat melihat sekilas semua perubahan yang diperkenalkan produk atau layanan Anda. Unggah dua gambar ke Geser Sebelum dan Sesudah untuk Webflow dan gambar-gambar itu akan ditampilkan dengan pembagi yang dapat dipindahkan untuk melihat perbedaannya. Anda bisa membuat slide tanpa batas, serta menambahkan keterangan dan label. Orientasi pembagi menawarkan dua opsi: horisontal atau vertikal, dan Anda bisa memilih rasio gambar terbaik. Pengunjung Anda tidak akan ragu untuk membeli, ketika mereka menemukan hasil sebenarnya dari produk Anda!”>

Sisipkan sebelum & sesudah slider untuk meraih tujuan e-commerce Anda lebih cepat!

Berikut adalah fitur dasar dari widget:

  • Atur pasangan gambar Sebelum dan Sesudah tanpa batas
  • Tambahkan keterangan pada setiap slide dengan opsi pemformatan teks.
  • Dua tata letak: Daftar dan Carousel
  • Orientasi pembatas: horizontal atau vertikal
  • Klik dan seret atau cukup arahkan kursor untuk memindahkan pemisah
  • Geser pada layar sentuh

Coba demo ini untuk memahami cara kerja widget

Bagaimana cara menyematkan Before and After Slider ke situs Webflow saya?

Cukup ikuti beberapa langkah di bawah ini untuk mengintegrasikan alat ini.

Jika Anda memiliki pertanyaan atau mengalami kesulitan, silakan hubungi staf layanan pelanggan kami. Tim kami siap membantu Anda mengatasi semua kendala yang Anda hadapi pada plugin ini.

Apakah saya perlu rencana Webflow berbayar untuk menambahkan Geser Sebelum dan Sesudah?

Ya, Webflow memerlukan paket berbayar untuk menerbitkan kode kustom. Paket gratis tidak mengizinkan penyematan JavaScript pada situs yang berjalan.

Bisakah saya menyematkan Slider Sebelum dan Sesudah di template CMS Webflow?

Ya, Anda bisa menyisipkan slider ke dalam template Koleksi CMS, dan secara otomatis akan muncul di semua halaman dinamis yang menggunakan tata letak itu.

Apakah slider mendukung mode perbandingan vertikal dan horizontal?

Ya, Anda bisa memilih arah pembagi vertikal maupun horizontal, tergantung bagaimana Anda ingin menampilkan perbandingan visual di halaman Webflow Anda.

Bagaimana cara pengguna mengatur pemisah di Webflow?

Pengunjung dapat berinteraksi dengan bilah perbandingan menggunakan fungsi seret-klik atau mengaktifkan mode hover, di mana pembatas mengikuti gerak kursor.

Bisakah saya menyertakan tautan yang bisa diklik di keterangan gambar?

Ya, keterangan bisa berisi tautan, jadi Anda dapat mengarahkan pengunjung Webflow ke layanan terkait, studi kasus, atau halaman produk langsung dari slider.

Apakah memungkinkan untuk menentukan posisi pembatas awal?

Di editor Elfsight, Anda bisa menetapkan titik pembagian awal, menentukan seberapa banyak bagian gambar “sebelum” dan “sesudah” yang terlihat saat slider pertama kali dimuat.

Format gambar apa yang direkomendasikan untuk Webflow?

Untuk performa optimal, disarankan menggunakan file JPG atau PNG yang dioptimalkan. Mengikuti pedoman gambar ini membantu memastikan pemuatan yang cepat dan kinerja yang mulus.

Bisakah saya menggunakan Geser Sebelum dan Sesudah untuk mockup atau perbandingan desain?

Tentu. Elfsight bekerja dengan dua visual apa saja, termasuk mockup, render, pembaruan UI, transformasi produk, atau revisi kreatif.

Bisakah saya menampilkan lebih dari dua gambar sekaligus di halaman Webflow saya?

Setiap slide membandingkan sepasang gambar. Untuk menunjukkan beberapa tahap, tambahkan beberapa slide secara berurutan.

Bisakah pembagi dikunci pada satu posisi?

Widget ini dirancang untuk perbandingan interaktif, sehingga pembagi tetap dapat disesuaikan dan tidak bisa dikunci secara permanen.

Harga

Garansi uang kembali 14 hari. Tanpa risiko, Anda bisa membatalkan kapan saja.
Elfsight Apps
Perangkat lunak lintas platform yang cocok untuk situs web mana pun
mulai dari $0/bulan
Mulai dengan paket gratis
Jumlah situs web tak terbatas
Dukungan profesional
Instalasi gratis
Penawaran khusus untuk beberapa aplikasi
Sepenuhnya dapat disesuaikan