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

Learn the steps to add Before and after slider to your MoonFruit website in minutes with no coding or a developer.

Start for free now
img_alt_slide_show

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

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

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

  1. Create a Free Before and after slider App

    Start for free now
  2. Open the Moonfruit editor

    Once in Moonfruit, launch the Moonfruit Editor for your site, and navigate to where you'd like to add your POWR Before and after slider Widget.
  3. Insert an HTML Snippet

    Pick < > HTML Snippet in the Insert menu. This will make an empty HTML Snippet, which is able to be both moved and resized.
  4. Paste Code

    Your code block will be available once you create your app

  5. Edit your Before and after slider on MoonFruit:

    Go to the live MoonFruit website and click the Settings Icon in the upper right corner of the Before and after slider app.

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

Establishing Brand Identity 101 - Your Website

If you have your MoonFruit website published, you’ve tackled the biggest challenge in building an online presence. Way to go!


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

Before and after slider to MoonFruit
Add Before and after slider to MoonFruit

Then You Must Customize Your Elements

Some may first take a stab at to DIY a Before and after slider app or 'knows a guy' that can build one in 'no time'.


Others attempt to find open source Before and after slider apps, or foreign companies that allegedly offer Before and after slider apps for a bargain.

Save 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 MoonFruit
Support feature

Because POWR is built for scale, has the most advanced built-in security and high-volume capabilities of any other Before and after slider app on the market, we protect you while you grow on MoonFruit.

security feature
POWR provides 24/7 customer support and a dedicated Help Center, so someone is always there to answer all your questions!

Our team of expert engineers work 24/7 to ensure the POWR apps such as your MoonFruit Before and after slider running smoothly for you.

CASE STUDY: Rbia Shades completely transformed their online experience

Rbia Shades needed to expand beyond its region by bringing its products online. They needed a low-maintenance, non-techie solution.


After much research, they chose POWR as their no-code tool of choice.

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 MoonFruit
Before and after slider to MoonFruit
250% growth in contacts
Before and after slider to MoonFruit
Engagement up 2x
Before and after slider to MoonFruit
2x more 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.