Widget Slider Sebelum dan Sesudah untuk situs web Anda
Show visual transformations with an interactive comparison slider. Jotform's Before and After Slider widget lets you add image pairs, choose horizontal or vertical reveal direction, set drag or hover interaction, add labels and captions, enable fullscreen viewing, and embed the result on your website without code.
Cara membuat widget Before and After Slider
Add image pairs
Paste before and after image URLs, then write clear labels and captions for each comparison.
Customize the reveal
Choose horizontal or vertical direction, set the initial divider position, and use drag, click, or hover interaction.
Sematkan di situs web Anda
Adjust size, ratio, colors, fullscreen behavior, and display rules before publishing the widget.
Show transformations with a comparison widget that fits your page
Compare before and after images
Place two images in one frame so visitors can instantly understand renovation, design, beauty, repair, or product changes.
Use horizontal or vertical reveal
Switch the divider direction to match the subject matter and let visitors inspect changes with drag, click, or hover movement.
Create a small transformation gallery
Add up to three image pairs and enable carousel navigation so visitors can browse multiple project stages or case studies.
Sesuaikan dengan gaya situs web Anda.
Control width, image ratio, corner radius, divider size, colors, labels, captions, custom CSS, fullscreen mode, and mobile visibility.
Mengapa Widget Situs Web Jotform Unggul
Widget Jotform membuat situs web Anda lebih interaktif dan meningkatkan konversi. Tersedia banyak alat, mulai dari peringkat bintang dan slider testimoni hingga popup bukti sosial dan penyematan media. Tambahkan widget ke formulir atau halaman arahan Anda untuk mengumpulkan data, menampilkan bukti, dan menangkap prospek — tanpa perlu pengkodean.
Tambahkan widget Jotform ke situs web Anda dengan kode sematan sederhana. Sesuaikan widget, pratinjau tampilannya, dan tempelkan ke halaman mana pun yang mendukung HTML kustom atau blok sematan, semuanya tanpa perlu pengembang.
Gunakan Widget Situs Web Jotform untuk mengumpulkan prospek, menampilkan umpan balik pelanggan, menampilkan bukti sosial, menyematkan media, atau menambahkan alat halaman web yang bermanfaat. Setiap widget membantu pengunjung berinteraksi dengan bisnis Anda secara langsung dari situs web Anda.
Jika Anda memerlukan bantuan dalam menyiapkan, menyesuaikan, menyematkan, atau memecahkan masalah widget Anda, tim dukungan pelanggan Jotform tersedia 24/7. Anda dapat melanjutkan dengan percaya diri, karena mengetahui bahwa bantuan selalu tersedia saat Anda membutuhkannya.
Where to use your Before and After Slider widget
Add the widget anywhere a visual comparison helps visitors trust the result, understand quality, or make a decision faster.
Renovation and interior design pages to show completed project transformations.
Beauty, wellness, and fitness sites to compare visible client or treatment progress.
Product pages to highlight upgrades, restorations, edits, or feature improvements.
Portfolio and case study pages to make results more tangible than text alone.
Real estate listings to compare staging, repairs, landscaping, or remodel work.
Creative service pages to show retouching, mockups, design revisions, or brand refreshes.
Ubah prospek menjadi pelanggan berbayar dengan Pembuat Formulir Jotform.
Ubah interaksi menjadi tindakan dengan Jotform. Buat formulir yang ampuh untuk menangkap prospek, mengumpulkan pembayaran, dan mengotomatiskan respons, semuanya di satu tempat. Setiap tanggapan akan masuk ke Kotak Masuk Jotform Anda, tempat Anda dapat menindaklanjuti atau terhubung dengan aplikasi favorit Anda.
Ayo Mulai — Gratis!
FAQ
What is a Before and After Slider widget?
A Before and After Slider widget displays two related images in one interactive frame. Visitors move a divider to reveal more of the before or after image and compare the transformation.
Can I choose the slider direction?
How can visitors move the divider?
Can I set the initial divider position?
Can I show more than one comparison?
Can I add labels and captions?
Does the widget support fullscreen viewing?
Does it work on mobile?
Apakah saya perlu menulis kode?