Before and After Slider Widget for your website
Show visual transformations with an interactive comparison slider. Jform'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.
How to add a Before and After Slider widget
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.
Embed it on your website
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.
Match your website style
Control width, image ratio, corner radius, divider size, colors, labels, captions, custom CSS, fullscreen mode, and mobile visibility.
Jform 위젯이 특별한 이유
Jform의 위젯을 사용하면 웹사이트를 더욱 상호작용형으로 만들고 전환율을 높일 수 있습니다. 별점 평가, 후기 슬라이더, 소셜 프루프 팝업, 미디어 삽입까지 다양한 도구를 양식이나 랜딩 페이지 안에 결합해 코딩 없이 데이터를 수집하고, 신뢰를 쌓으며, 리드를 확보할 수 있습니다.
Add Jform widgets to your website with a simple embed code. Customize the widget, preview how it looks, and paste it into any page that supports custom HTML or embed blocks to all platforms, no developer required.
Use Jform Website Widgets to collect leads, show customer feedback, display social proof, embed media, or add helpful on-page tools. Each widget helps visitors interact with your business directly from the page.
If you need help setting up, customizing, embedding, or troubleshooting your widget, Jotform’s customer support team is available 24/7. You can move forward with confidence, knowing help is there when you need it.
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.
Jform 양식 빌더로 리드를 유료 고객으로 전환하세요
Jform으로 참여를 행동으로 전환하세요. 리드를 확보하고 결제를 수집하며 응답을 자동화하는 강력한 양식을 한 곳에서 만들어 보세요. 모든 제출물은 Jform 받은 편지함으로 모여, 후속 조치를 하거나 즐겨 사용하는 앱과 연동할 준비를 마치게 됩니다.
Get Started - It’s Free!
자주하는 질문
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?
Do I need to write code?