---
title: Frequently asked questions (Before and After)
description: Frequently asked questions for the Before and After app by Accelerator 365
---
[Skip to content](https://support.accelerator365.com/en/before-and-after-frequently-asked-questions#main-content)
[.png?width=100&height=47&name=Accelerator%20365%20Logo%20(Colour%20+%20No%20Text).png)](https://support.accelerator365.com/?hsLang=en)
- [Home](https://support.accelerator365.com/en)
- [Getting started guides](https://support.accelerator365.com/en/getting-started)
- Product support
Show submenu for Product support
- [Apps](https://support.accelerator365.com/en/apps)
- [Solutions](https://support.accelerator365.com/en/solutions)
- [Look Book support](https://support.accelerator365.com/en/look-book)
- [Pricing support](https://support.accelerator365.com/en/pricing)
- [Technical support](https://support.accelerator365.com/en/technical)
- [Accelerator 365 website](https://accelerator365.com/)
Open main navigation
Close main navigation
- [Home](https://support.accelerator365.com/en)
- [Getting started guides](https://support.accelerator365.com/en/getting-started)
- Product support
Show submenu for Product support
- [Apps](https://support.accelerator365.com/en/apps)
- [Solutions](https://support.accelerator365.com/en/solutions)
- [Look Book support](https://support.accelerator365.com/en/look-book)
- [Pricing support](https://support.accelerator365.com/en/pricing)
- [Technical support](https://support.accelerator365.com/en/technical)
- [Accelerator 365 website](https://accelerator365.com/)
- [Contact us](https://accelerator365.com/pages/contact)
[Contact us](https://accelerator365.com/pages/contact)
Hello, how can we help you?
- There are no suggestions because the search field is empty.
1. [Accelerator 365 Knowledge Base](https://support.accelerator365.com/en?hsLang=en)
2. [Apps](https://support.accelerator365.com/en/apps?hsLang=en)
3. [Before and After](https://support.accelerator365.com/en/apps?hsLang=en#before-and-after)
# Frequently asked questions (Before and After)
## Frequently asked questions for the Before and After app by Accelerator 365
### Jump to
- **[General](https://support.accelerator365.com/en/before-and-after-frequently-asked-questions#general)**
- **[Configuration](https://support.accelerator365.com/en/before-and-after-frequently-asked-questions#configuration)**
- **[Editing](https://support.accelerator365.com/en/before-and-after-frequently-asked-questions#editing)**
- **[Licensing & Trial](https://support.accelerator365.com/en/before-and-after-frequently-asked-questions#licensing-and-trial)**
---
### General
**What is Before and After?**
The Before and After web part from Accelerator 365 lets you place two images side by side so people can easily spot the difference. Just add your "before" and "after" images, and the web part gives you a simple slider that visitors can drag to compare the two.
**Does it support mobile / touch / keyboard input?**
Yes! The slider supports mouse, touch, and keyboard interactions for accessibility across all devices.
---
### Configuration
**How do I set it up?**
Setting it up is really straightforward. Just grab the app from the SharePoint Store, add the Before and After web part to your page, and pick your two images. You can choose how it looks, hit publish, and you’re done. There’s no coding involved and you don’t need to be a developer - it’s all handled through the normal SharePoint page editor. The whole thing only takes a few minutes and feels just like adding any other web part.
---
### Editing
**What image formats are supported?**
Before and After supports standard web image formats, including JPEG and PNG. This means you can select images directly from your SharePoint libraries, site assets, or upload new ones. For best results, use optimized images with similar dimensions.
**What image layouts are available?**
You can display images either side by side (horizontal) or stacked (vertical), depending on your preference and what makes the most sense for your content.
**Can I add a label to an image?**
Yes! You can add a label of up to 48 characters for each image. The web part also allows you to include a caption for the entire comparison section.
---
### Licensing & Trial
**Is there a free trial available?**
Yes - you can try it out! We offer a full, no-limits **60-day trial** so you can see how it fits into your site. Learn more **[here](https://support.accelerator365.com/en/getting-started/claim-a-free-trial?hsLang=en)**.
**What happens when the trial ends?**
After the 60-day trial ends, the web part will simply stop working until you add a license. If you want to keep using it, we’ll walk you through how to buy and activate one. And if you’d rather remove it instead, we can guide you through that too. Either way, the rest of your page and site will stay just as it is.
---
### Related articles
- **[Use Cases & Best Practices](https://support.accelerator365.com/en/before-and-after-use-cases-best-practices?hsLang=en)**
- **[Release notes](https://support.accelerator365.com/en/before-and-after-release-notes?hsLang=en)**
- **[Technical details](https://support.accelerator365.com/en/before-and-after-technical-details?hsLang=en)**
- [Getting started](https://support.accelerator365.com/en/getting-started?hsLang=en)
- [Apps](https://support.accelerator365.com/en/apps?hsLang=en#main-content)
- [Accordion](https://support.accelerator365.com/en/apps?hsLang=en#accordion)
- [Advent Calendar](https://support.accelerator365.com/en/apps?hsLang=en#advent-calendar)
- [Alerts](https://support.accelerator365.com/en/apps?hsLang=en#alerts)
- [Anniversaries](https://support.accelerator365.com/en/apps?hsLang=en#anniversaries)
- [Audience Subscription](https://support.accelerator365.com/en/apps?hsLang=en#audience-subscription)
- [Back to Top](https://support.accelerator365.com/en/apps?hsLang=en#back-to-top)
- [Before and After](https://support.accelerator365.com/en/apps?hsLang=en#before-and-after)
- [Carousel](https://support.accelerator365.com/en/apps?hsLang=en#carousel)
- [Countdown Calendar](https://support.accelerator365.com/en/apps?hsLang=en#countdown-calendar)
- [FAQ](https://support.accelerator365.com/en/apps?hsLang=en#faq)
- [Gauge](https://support.accelerator365.com/en/apps?hsLang=en#gauge)
- [Glossary](https://support.accelerator365.com/en/apps?hsLang=en#glossary)
- [Image Map](https://support.accelerator365.com/en/apps?hsLang=en#image-map)
- [Launchpad](https://support.accelerator365.com/en/apps?hsLang=en#launchpad)
- [My Calendar](https://support.accelerator365.com/en/apps?hsLang=en#my-calendar)
- [My Contacts](https://support.accelerator365.com/en/apps?hsLang=en#my-contacts)
- [My Emails](https://support.accelerator365.com/en/apps?hsLang=en#my-emails)
- [Noticeboard](https://support.accelerator365.com/en/apps?hsLang=en#noticeboard)
- [Page Authors](https://support.accelerator365.com/en/apps?hsLang=en#page-authors)
- [Page Breadcrumbs](https://support.accelerator365.com/en/apps?hsLang=en#page-breadcrumbs)
- [Page Feedback](https://support.accelerator365.com/en/apps?hsLang=en#page-feedback)
- [Page Tags](https://support.accelerator365.com/en/apps?hsLang=en#page-tags)
- [Page Tour](https://support.accelerator365.com/en/apps?hsLang=en#page-tour)
- [Pages Directory](https://support.accelerator365.com/en/apps?hsLang=en#pages-directory)
- [People Directory](https://support.accelerator365.com/en/apps?hsLang=en#people-directory)
- [Poll](https://support.accelerator365.com/en/apps?hsLang=en#poll)
- [Rate My Day](https://support.accelerator365.com/en/apps?hsLang=en#rate-my-day)
- [Section Search](https://support.accelerator365.com/en/apps?hsLang=en#section-search)
- [Site Analytics](https://support.accelerator365.com/en/apps?hsLang=en#site-analytics)
- [Spotlight](https://support.accelerator365.com/en/apps?hsLang=en#spotlight)
- [Stock Price](https://support.accelerator365.com/en/apps?hsLang=en#stock-price)
- [Subscribe Now](https://support.accelerator365.com/en/apps?hsLang=en#subscribe-now)
- [Table of Contents](https://support.accelerator365.com/en/apps?hsLang=en#table-of-contents)
- [Tabs](https://support.accelerator365.com/en/apps?hsLang=en#tabs)
- [User Profile](https://support.accelerator365.com/en/apps?hsLang=en#user-profile)
- [Welcome](https://support.accelerator365.com/en/apps?hsLang=en#welcome)
- [Solutions](https://support.accelerator365.com/en/solutions?hsLang=en#main-content)
- [Content Manager Dashboard](https://support.accelerator365.com/en/solutions?hsLang=en#content-manager-dashboard)
- [Translator for SharePoint](https://support.accelerator365.com/en/solutions?hsLang=en#translator-for-sharepoint)
- [Look Book](https://support.accelerator365.com/en/look-book?hsLang=en)
- [Pricing](https://support.accelerator365.com/en/pricing?hsLang=en)
- [Technical](https://support.accelerator365.com/en/technical?hsLang=en#main-content)
- [General](https://support.accelerator365.com/en/technical?hsLang=en#general)
- [Maintenance](https://support.accelerator365.com/en/technical?hsLang=en#maintenance)
- [Troubleshooting](https://support.accelerator365.com/en/technical?hsLang=en#troubleshooting)
- [About](https://accelerator365.com/pages/about-us)
- [Blogs](https://accelerator365.com/blogs/updates)
- [Reply](https://www.reply.com/en)
- [Partners](https://accelerator365.com/pages/find-a-partner)
- [Contact](https://accelerator365.com/pages/contact)
- [License Agreement](https://accelerator365.com/pages/license-agreement)
- [Privacy Policy](https://www.reply.com/en/privacy-policy)
- [Service Level Agreement](https://accelerator365.com/pages/service-level-agreement)
[.png?width=60&height=29&name=Accelerator%20365%20Logo%20(Colour%20+%20No%20Text).png "Accelerator 365 logo")](https://accelerator365.com/)
Accelerator 365 by Reply