Beforely

Beforely for Shopify

Shopify app

Beforely adds a Before/after slider block to your Online Store theme. Put it on your home page, product pages or any other page, choose two images, and visitors can drag the handle to compare them. It works with every theme that supports app blocks (Online Store 2.0 themes such as Horizon and Dawn).

Set it up

  1. Install Beforely from the Shopify App Store.
  2. Open the app from Apps in your Shopify admin and click Add to home page or Add to product pages. The theme editor opens with the block added.
  3. In the block settings, choose the before image and the after image. Adjust the labels and starting position if you like.
  4. Click Save.

To add it somewhere else, open Online Store > Themes > Customize, pick a page, click Add block or Add section, and choose Before/after slider under Apps.

Plans

FreePremium
Before/after slider block, as many as you likeYesYes
Labels, starting position, caption, size, alignment, rounded cornersYesYes
Top and bottom direction–Yes
Handle follows the mouse–Yes
Hint animation when the slider comes into view–Yes
Custom handle color–Yes

Prices are shown on the app's Shopify App Store listing and on the plan page in your admin. Change or cancel your plan any time from the app.

What it touches

Beforely doesn't edit your theme code. The block lives in Shopify's theme app extension system, so removing the block or the app leaves your theme exactly as it was. The app asks for no access to your products, orders or customers.

Help

Email feedback@appholdings.org. See also the support page and the privacy policy.