Shopify Before and After Slider

Add the Before and After Slider widget to your Shopify store

Showcase transformations with a draggable before/after image comparison. Paste one snippet in a Custom Liquid section from the theme editor. Your theme files stay untouched.

Get started free How it works

Live demo — try it

Sample content — yours appears as soon as you configure it.

Setup

How to add Before and After Slider to Shopify

Three steps, a few minutes.

1
Create a free account with your store's domain
Use the domain your customers see: your own domain if you connected one, or yourstore.myshopify.com.
2
Add Before and After Slider and copy its code
Pick it in the Widget Gallery, set it up with the live preview, and copy the embed code.
3
Paste it in a Custom Liquid section
In Online Store → Themes → Customize, open the page or template, choose Add section → Custom Liquid, paste the code and save.

embed code

<!-- 1. Load the myNaturevista loader once per page -->
<script src="https://mynaturevista.com/w.js"></script>

<!-- 2. Place the widget wherever it should appear -->
<div data-menv-widget="before-after-slider"
     data-menv-key="YOUR_API_KEY"
     data-menv-instance="YOUR_INSTANCE_ID"></div>

Good to know

Before and After Slider on Shopify: what to expect

Register the domain customers actually land on. A store that redirects yourstore.myshopify.com to its own domain needs only its own domain.
Inside a product template the section shows on every product. For one product, create a separate template and assign it.

FAQ

Before and After Slider for Shopify: frequently asked questions

Do I need an app to add Before and After Slider to Shopify?

No. A Custom Liquid section in the theme editor takes the embed code. There is no app to install and no monthly app fee on your Shopify bill.

Will it survive a theme change?

The widget itself lives in your myNaturevista account. After switching themes, add the Custom Liquid section again and paste the same code.

My theme has no Custom Liquid section. What now?

Vintage themes do not have it. Use a "Custom HTML" or "Custom content" section if your theme offers one, or move to an Online Store 2.0 theme.

Does it slow down my store?

The widget loads lazily in its own frame after your page, so it does not delay your store's content.

Is Before and After Slider free?

Yes. Before and After Slider is included in every plan, the Free one too: three live widgets and 1,000 views a month, with a small "Powered by myNaturevista" mark. Paid plans remove the mark and raise the limits.

Other platforms