Slider Geser Sebelum dan Sesudah untuk Squarespace

Bandingkan perubahan visual sebelum-dan-sesudah di situs Squarespace Anda untuk menunjukkan transformasi, menggambarkan 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 Squarespace

Buat plugin Geser Sebelum dan Sesudah

Atur Before and After Slider Anda dan tambahkan ke situs Squarespace Anda secara gratis!

Cuplikan Layar

Before and After Slider for Squarespace
1 / 6

Sematkan Geser Sebelum dan Sesudah di Squarespace dengan widget Elfsight

Slider Before and After oleh Elfsight akan membantu Anda menyiapkan gambar promosi yang menakjubkan untuk situs Anda. Pengguna akan dapat melihat semua perubahan yang diperkenalkan produk atau layanan Anda. Cukup unggah dua gambar ke Before and After Slider untuk Squarespace dan gambar-gambar tersebut akan ditampilkan dengan pembatas yang bisa digeser untuk melihat perubahannya. Anda bisa membuat pasangan foto tanpa batas, serta menambahkan caption dan label. Arah geser menawarkan dua opsi: horizontal atau vertikal, dan Anda bebas memilih rasio gambar yang paling sesuai. Pelanggan Anda akan terdorong untuk memesan begitu mereka melihat efektivitas sebenarnya dari produk Anda!

Tingkatkan kinerja situs Anda untuk tujuan e-commerce dengan bantuan foto sebelum dan sesudah.

Telusuri daftar fitur terbaik:

  • Sisipkan pasangan gambar sebelum dan sesudah dalam jumlah berapa pun.
  • Tambahkan keterangan dengan opsi pemformatan teks untuk setiap foto
  • Dua tata letak: Daftar dan Carousel
  • Arah pemisah: horizontal atau vertikal
  • Klik dan seret, atau cukup arahkan kursor untuk memindahkan pembatas
  • Gesek pada perangkat sentuh

Coba demo ini untuk melihat bagaimana cara kerjanya.

Bagaimana cara menyematkan Before and After Slider di situs Squarespace saya?

Cukup ikuti petunjuk di bawah untuk mengintegrasikan alat ini.

Jika Anda memiliki pertanyaan atau menghadapi hambatan, jangan ragu menghubungi tim layanan pelanggan kami. Tim kami akan dengan senang hati menyelesaikan semua kendala yang mungkin Anda alami terkait widget.

Apakah Geser Sebelum dan Sesudah kompatibel dengan Squarespace 7.0 dan 7.1?

Berfungsi di semua versi Squarespace, termasuk versi 7.0 klasik dan 7.1 terbaru dengan Fluid Engine, serta terintegrasi mulus dengan template apa pun.

Rencana Squarespace mana yang mendukung penambahan Geser Sebelum dan Sesudah?

Anda memerlukan paket yang memperbolehkan kode kustom. Paket Business Squarespace ke atas diperlukan untuk menyematkan plugin JavaScript — paket Personal/Basic Squarespace tidak mendukung blok kode atau penyisipan skrip di header/footer.

Apakah Slider mendukung garis pembatas vertikal dan horizontal?

Ya, arah pemisah vertikal maupun horizontal didukung, sehingga Anda bisa memilih orientasi terbaik untuk tata letak Squarespace Anda.

Bagaimana pengunjung bisa berinteraksi dengan pembatas pada slider?

Plugin ini mendukung drag dan klik, serta mode interaksi hover, sehingga pengunjung Squarespace mudah menggeser pembatas.

Bisakah saya menambahkan tautan yang bisa diklik di keterangan gambar?

Ya, keterangan mendukung tautan, memungkinkan Anda mengarahkan pengunjung ke halaman produk, layanan, atau studi kasus di situs Squarespace Anda.

Bisakah saya mengatur posisi pembatas awal?

Ya, plugin Elfsight Before and After Slider memungkinkan Anda mengatur posisi pembagi default, mengontrol seberapa banyak gambar sebelum atau sesudahnya yang muncul terlebih dahulu.

Format gambar apa yang direkomendasikan untuk performa terbaik?

Plugin ini bekerja optimal dengan gambar JPG atau PNG yang telah dioptimalkan, mengikuti pedoman ukuran dan resolusi Elfsight untuk halaman Squarespace.

Apakah Elfsight mengompresi atau mengoptimalkan gambar yang diunggah?

Tidak, gambar ditampilkan persis seperti yang diunggah, jadi optimasi sebaiknya dilakukan sebelum menambahkannya ke plugin.

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

Ya, plugin ini mendukung semua pasangan gambar, sehingga cocok untuk render, mockup, revisi desain, dan perbandingan visual.

Bisakah saya membandingkan lebih dari dua gambar dalam satu slide?

Tidak, setiap slide hanya membandingan dua gambar, jadi untuk menampilkan progres multi-tahap diperlukan menambahkan beberapa slide secara berurutan.

Apakah memungkinkan untuk mengunci posisi pembagi?

Tidak. Slider ini dirancang untuk perbandingan interaktif, sehingga pembatasnya tetap bisa digeser demi pengalaman pengguna yang lebih baik.

Harga

Garansi uang kembali 14 hari. Tanpa risiko, Anda bisa membatalkan kapan saja.
Elfsight Apps
Perangkat lunak lintas platform yang cocok untuk situs mana pun
mulai dari $0/bulan
Mulai dengan paket gratis
Domain tanpa batas
Dukungan pelanggan profesional dan dokumentasi lengkap
Bantuan pemasangan gratis
Dapat disesuaikan sepenuhnya
Harga untuk beberapa aplikasi