Shopify section

Before/after comparison toggle for Shopify

Showing the problem makes the solution more desirable. This section lets visitors toggle between two panels, the usual way and your product, each with its own image, title and bullet points.

3 live examples below. Every text, color and image is editable in the Shopify theme editor.

Makeup wipes

Wipes, and what they leave behind

The quick option costs you later.

  • Drags and pulls at the eye area
  • Leaves a film that blocks your serum
  • One wipe per night, straight to landfill
Instant coffee

What instant gives up

Speed, at the expense of everything else.

  • Ground, brewed and dried months ago
  • No origin, no roast date, no traceability
  • Tastes the same cup after cup
Regular detergent

Why your jacket stopped repelling water

It's the detergent, not the jacket.

  • Leaves surfactants that hold water in
  • Clogs the membrane and traps sweat
  • Strips the factory DWR finish

Need more help?

Our team is here weekdays from 8am to 5pm, and weekends from 9am to 4pm.

FAQ

What should the two panels compare?

The habit you replace and your product: makeup wipes vs. cleansing balm, instant vs. whole bean coffee, and so on.

Which panel shows first?

You choose. Many brands start with the problem so the toggle reveals the solution.

Can I change the toggle labels?

Yes. Both badge labels, images, titles and bullet points are editable.

Need more help?

Our team is here weekdays from 8am to 5pm, and weekends from 9am to 4pm.