{"product_id":"before-and-after-carousel-widget-common-ninja","title":"Before \u0026 After Carousel Widget","description":"\u003cp\u003eCommon Ninja's Before \u0026amp; After Carousel puts several before and after comparisons into one carousel, so a Squarespace page can show a run of transformations without stacking separate sliders down the page. Visitors drag the handle (or click the image) to reveal each change, then move on with arrows, dots or thumbnails. Reveals can run horizontally, vertically or at an angle, and each pair gets its own labels, caption and optional badge.\u003c\/p\u003e\u003ch3\u003eWhat you get\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eMultiple before and after pairs in a single carousel, each with its own images, labels, caption and badge\u003c\/li\u003e\n\u003cli\u003eDrag or click to reveal, with horizontal, vertical, angle-right and angle-left directions\u003c\/li\u003e\n\u003cli\u003eFive carousel layouts, with arrows and dot, circle, square or thumbnail pagination\u003c\/li\u003e\n\u003cli\u003eAutoplay with adjustable timing, plus a random order option\u003c\/li\u003e\n\u003cli\u003eSquare, portrait, landscape and widescreen ratios, and an optional full-screen view\u003c\/li\u003e\n\u003cli\u003eResponsive layouts, RTL support and custom CSS\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eWho it suits\u003c\/h3\u003e\u003cp\u003eAnyone whose work is best sold by showing the result: renovation and interior firms, photographers and retouchers, cleaners, landscapers, salons and clinics, and web designers showing redesigns. If you only have one comparison, Common Ninja's standard Before \u0026amp; After Slider is the simpler choice.\u003c\/p\u003e\u003ch3\u003eHonest limits\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eEach comparison needs two images shot from the same angle and crop, or the reveal looks odd. That preparation is the real work here.\u003c\/li\u003e\n\u003cli\u003eIt is an externally hosted embed, so it loads from Common Ninja's servers rather than from Squarespace.\u003c\/li\u003e\n\u003cli\u003eThe free plan has monthly view limits; once a busy page passes the cap the widget can stop showing until you upgrade or the month resets.\u003c\/li\u003e\n\u003cli\u003eYou need a Squarespace plan that lets you add code blocks.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eHow it is delivered\u003c\/h3\u003e\u003cp\u003eSign up for a free Common Ninja account, build the widget in their visual editor, then copy the embed code from the Add to Website tab and paste it into a Squarespace code block. There is nothing to install on Squarespace itself and no files to download. The free plan is ongoing; paid Common Ninja plans are billed by Common Ninja and raise view limits and unlock extra features.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eRelated guide:\u003c\/strong\u003e \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/squarespace-slider-plugins\"\u003eSquarespace slider plugins\u003c\/a\u003e and the \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/plugins\"\u003eSquarespace plugins hub\u003c\/a\u003e.\u003c\/p\u003e","brand":"Common Ninja","offers":[{"title":"Neutral","offer_id":66219984519517,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1043\/9275\/3501\/files\/og-before-after-carousel-v3.webp?v=1792055978","url":"https:\/\/www.squarelocator.com\/products\/before-and-after-carousel-widget-common-ninja","provider":"SquareLocator","version":"1.0","type":"link"}