How do I add a Before & After Slider?

Things change, and there’s no better way to highlight the transformation than with a Before & After Slider. Effortlessly showcase the potential of a historic home renovation or illustrate how a proposed expansion can benefit the local community. Below, you’ll see two sample videos of this module, but to experience the full interactive effect, check out our live demo.

To create your Before & After Slider, follow these instructions:

1. Start by creating a new Experience or editing an existing Experience.
2. On the Experience screen you will see a box labeled Add New Content, in that box is a dropdown menu with all the different types of content you can add.
3. Resize your images to 800 pixels wide by 600 pixels tall.
4. Click Before & After Slider and you will see an upload box for the Before image and an upload box for the After image. Click the Browse / Choose File button and select your images.
5. There is also a small box to add some descriptive text that appears under your Before & After Slider (this is optional).
6. Once you’ve uploaded your two photos, click the Save Content button.

That’s it! You can edit these settings or delete the module entirely at any time.