福岡県の IT ベンチャー企業 株式会社 UnReact が、「UR: Smart Image Before & After」をリリースしました。

「UR: Smart Image Before & After」は、Shopify ストア内の任意の場所に Before/After 画像をスライダーで並べて比較できる Shopify アプリです。 お客様がスライダーをドラッグするだけで、商品の効果や変化がひと目で分かります。スキンケア、リフォーム、写真加工など、ビフォーアフターが伝わる商品にぴったりです。

本アプリは、2026年7月21日 10:00 に正式公開いたしました。

▼「UR: Smart Image Before & After」｜アプリストア

https://apps.shopify.com/sa-175-ur-img-before-after?locale=ja

▼「UR: Smart Image Before & After」｜ご利用ガイド

https://unreact.jp/shopify-apps/sa-175-ur-img-before-after/guide

Shopify とは

主要指標 — KEY FIGURES

2026年7月21日
2026年7月21日 10:00 に正式公開いたしました。

Shopify（ショッピファイ）は、国内に限らず海外へのオンライン販売も、専門知識がなくとも手軽に始められる、SaaS 型のコマースプラットフォームです。

「UR: Smart Image Before & After」について

スライダー付きの Before / After画像で商品への興味を引き出します。

スライダー付きの Before / After画像で商品への興味を引き出します。

「UR: Smart Image Before & After」は、Shopify ストア内の任意の場所に Before/After 画像をスライダーで並べて比較できる Shopify アプリです。Before/After 画像をスライダーで並べて比較できます。PC 用・モバイル用の画像を個別に設定でき、ハンドルデザインは 3 種類から選べます。

主な特徴は以下のとおりです。

Before/After 画像を設置できる

図版Before/After画像をスライダーで設置できます

ストアの商品ページにも Before / After 画像をスライダーで設置できます。お客様がスライダーをドラッグするだけで、商品の効果や変化をひと目で確認できます

ハンドルデザインやラベルをカスタマイズできる

ハンドルデザインは3種類から選択できます

ハンドルのデザインは「矢印あり」「シンプルな丸」「縦線のみ」の 3 種類から選べます。ラベルの表示・非表示、位置（上・中央・下）、テキスト、色もお好みに合わせて設定できます。

ノーコードで細かくカスタマイズできる

画像やスライダーなどを管理画面から直感的に調整できます。

テーマエディタから、文字の大きさ・色・背景色、余白、スライダーの初期位置など、さまざまな見た目の設定をノーコードで変更できます。追加の CSS を使えば、さらに細かいカスタマイズも可能です。 コード編集は不要なため、デザイン変更や調整をスピーディーに行えます。 ストア全体のトーンに合わせた統一感を保ちながら、使い勝手の良い Before /After 画像を構築できます。

1クリックでテーマに追加できる

1クリックでテーマに追加できる

ワンクリックでテーマに追加でき、すぐにスライダーを表示できます。

アプリをインストール後、管理画面から 1クリックでテーマに追加 できます。 複雑な設定作業は不要で、導入直後からすぐに利用を開始できます。 既存ストアへの後付けや、期間限定の特集導線づくりにも適しています。

▼「UR: Smart Image Before & After」｜アプリストア

https://apps.shopify.com/sa-175-ur-img-before-after?locale=ja

▼「UR: Smart Image Before & After」｜ご利用ガイド

https://unreact.jp/shopify-apps/sa-175-ur-img-before-after/guide

▼参考記事

図版【2026年】Shopifyに画像ビフォーアフターを表示できるアプリ5選を紹介！

Shopify で画像 Before After スライダーを表示できる？おすすめアプリ 5 選を紹介！

【2026年】Shopifyの画像ビフォーアフターを表示できるアプリ12選を紹介！

Shopifyで画像ビフォーアフタースライダーを導入できるアプリについて徹底解説｜ご利用ガイド

▼株式会社UnReact 会社概要

会社名: 株式会社UnReact

代表者: 西川信行

事業内容: EC制作事業・アプリ開発・教育事業

URL: https://unreact.jp/

FACT BOX ・ 要点整理

  • 出典：PR TIMES
  • 分類：アプリリリース
  • 関連組織：Shopify