Web siteniz için Before After Slider widget'ı
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.
Before and After Slider widget'ı nasıl oluşturulur
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.
Web sitenize yerleştirin
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.
Web sitenizin tarzına uydurun
Control width, image ratio, corner radius, divider size, colors, labels, captions, custom CSS, fullscreen mode, and mobile visibility.
Jotform Website Widget'ları neden öne çıkıyor
Jotform'un widget'ları web sitenizi daha etkileşimli hale getirir ve dönüşümleri artırır. Yıldızlı değerlendirmelerden ve kullanıcı görüşü slider'larından sosyal kanıt açılır pencerelerine ve medya yerleştirmelerine kadar birçok araç mevcut. Veri toplamak, kanıt göstermek ve müşteri adayı yakalamak için formlarınıza veya açılış sayfalarınıza widget'lar ekleyin; kod yazmaya gerek yok.
Basit bir yerleştirme koduyla Jotform widget'larını web sitenize ekleyin. Bir geliştiriciye ihtiyaç duymadan widget'ı özelleştirin, nasıl göründüğünü önizleyin ve özel HTML ya da yerleştirme bloklarını destekleyen herhangi bir sayfaya yapıştırın.
Müşteri adaylarını toplamak, müşteri geribildirimlerini göstermek, sosyal kanıt sunmak, medya yerleştirmek veya faydalı web sayfası araçları eklemek için Jotform Website Widget'larını kullanın. Her widget, ziyaretçilerin işletmenizle doğrudan web sitenizden etkileşime geçmesine yardımcı olur.
Widget'ınızı kurma, özelleştirme, yerleştirme veya sorun giderme konusunda yardıma ihtiyacınız olursa, Jotform'un müşteri destek ekibi 7/24 hizmetinizdedir. İhtiyacınız olduğunda yardımın hazır olduğunu bilerek güvenle ilerleyebilirsiniz.
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.
Tamamlanan proje dönüşümlerini göstermek için tadilat ve iç tasarım sayfaları.
Danışan veya tedavi ilerlemesini görsel olarak karşılaştırmak için güzellik, wellness ve fitness siteleri.
Yükseltmeleri, restorasyonları, düzenlemeleri veya özellik iyileştirmelerini öne çıkarmak için ürün sayfaları.
Sonuçları yalnızca metne kıyasla daha somut hale getirmek için portföy ve kullanım örneği sayfaları.
Dekorasyon, onarım, peyzaj veya tadilat çalışmalarını karşılaştırmak için emlak ilanları.
Rötuşları, mockup'ları, tasarım revizyonlarını veya marka yenilemelerini göstermek için yaratıcı hizmet sayfaları.
Jotform Form Oluşturucu ile müşteri adaylarını ödeme yapan müşterilere dönüştürün
Jotform ile etkileşimi eyleme dönüştürün. Müşteri adaylarını yakalayan, ödemeleri toplayan ve yanıtları otomatikleştiren güçlü formları tek bir yerde oluşturun. Her yanıt, takip edebileceğiniz veya favori uygulamalarınızla bağlantı kurabileceğiniz Jotform Gelen Kutusu'na ulaşır.
Hemen Başla — Ücretsiz!
SSS
What is a Before and After Slider widget?
Before and After Slider widget, birbiriyle ilişkili iki görseli tek bir etkileşimli çerçevede gösterir. Ziyaretçiler bir ayırıcıyı hareket ettirerek öncesi veya sonrası görselinin daha fazlasını ortaya çıkarır ve dönüşümü karşılaştırır.
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?
Kod yazmam gerekir mi?