How to Add A Before And After Slider App to a dotCMS Website

Don't know how to code? No problem with these easy steps to add Before and after slider to dotCMS in minutes.

Start for free now
img_alt_slide_show

Steps to Add a Before and after slider App on a dotCMS Site

Create your customized Before and after slider app, match your website's style and colors, and add Before and after slider to your dotCMS page, post, sidebar, footer, or wherever you like on your site.

How To Add a Before and after slider App on dotCMS:

  1. Create a Free Before and after slider App

    Start for free now
  2. Copy Before and after slider embed snippet for dotCMS

    Your code block will be available once you create your app

  3. Add to HTML or Embed Code element in dotCMS editor

    Paste above Before and after slider snippet into any dotCMS element that accepts HTML or an embed code. Save, view the live page, and your Before and after slider will appear!

Undecided if our Before and after slider app will suit your needs? We have all the details you need.

See the details

Remove the Guesswork of Building Your Brand

Brand Identity Begins With a Great Website

If you have your dotCMS website working, you’ve completed the biggest challenge in building an online presence. Way to go!


But next comes a tough question: how can you engage, captivate, turn, and support more visitors?

Before and after slider to dotCMS
Add Before and after slider to dotCMS

Website Element Customization is Next

Some may think only a 'techie' in the office or a self-proclaimed 'expert' on Facebook can expand a Before and after slider without a hitch.


Others look for low priced alternative Before and after slider apps from overseas or open source Before and after slider apps that claim to have what they're looking for.

Get Back More Time With POWR

Also, customizing these apps usually requires coding experience or another designer to help -- costing even more resources.


In a world where scammers infiltrate sites every day, many other Before and after slider apps out there aren't built with security in mind, which could expose your customers or worse -- crash your whole site. Not with POWR!

Add Before and after slider to dotCMS
Support feature

POWR supports high-volume sites on dotCMS and prioritizes the security of our Before and after slider app, as well as all 60+ apps, to keep any bad actors at bay.

security feature
Our top-notch customer support team is available to you 24/7 and a complete Help Center for answers to all common questions.

POWR's team of engineers are working around the clock to keep dotCMS Before and after slider and all 60+ other POWR apps working smoothly.

CASE STUDY: POWR put Rbia Shades on the success track

After Rbia launched its website, they were looking for a solution to add new contacts for outreach.


They found POWR while looking for a popup solution on their site and started to see immediate results.

Rbia grew its contact list by 250% using POWR Popup to collect new email addresses from first-time site visitors.


They also added POWR Social Feed to their site and saw a 200% spike in engagement from their site visitors. They also saw a big jump in social media followers and now have over 11K followers on Instagram.

Add Before and after slider to dotCMS
Before and after slider to dotCMS
Grow contacts by 250%
Before and after slider to dotCMS
2x your engagement
Before and after slider to dotCMS
2x time on site

Every POWR app works on any platform.

See apps in action

Trusted by the best in the biz!

POWR has helped over a half million businesses on every continent
(besides Antarctica, because of course not)

Start for free now

Frequently Asked Questions

Learn more about how to add POWR apps to your website.