福岡県の IT ベンチャー企業 株式会社 UnReact が、「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」をリリースしました。
福岡県の IT ベンチャー企業 株式会社 UnReact が、「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」をリリースしました。
本アプリは、2026年6月1日 10:00 に正式公開いたしました。
「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」は、Shopify ストア内の任意の場所に Before/After 画像をスライダーで並べて比較できる Shopify アプリです。
次の画像が少しだけ見えるレイアウトです。お客様がスライダーをドラッグするだけで、商品の効果や変化がひと目で分かります。スキンケア、リフォーム、写真加工など、ビフォーアフターが伝わる商品にぴったりです。
▼「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」｜アプリストア
https://apps.shopify.com/sa-175-ur-img-before-after?locale=ja
▼「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」｜ご利用ガイド
https://unreact.jp/shopify-apps/sa-175-ur-img-before-after/guide
■Shopify とは
Shopify（ショッピファイ）は、国内に限らず海外へのオンライン販売も、専門知識がなくとも手軽に始められる、SasS 型のコマースプラットフォームです。
■「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」について
スライダー付きの Before / After画像で商品への興味を引き出します。
「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」は、Shopify ストア内の任意の場所に Before/After 画像をスライダーで並べて比較できる Shopify アプリです。Before/After 画像をスライダーで並べて比較できます。PC 用・モバイル用の画像を個別に設定でき、ハンドルデザインは 3 種類から選べます。
主な特徴は以下のとおりです。
■ Before/After 画像を設置できる
Before/After画像をスライダーで設置できます
ストアの商品ページにも Before / After 画像をスライダーで設置できます。お客様がスライダーをドラッグするだけで、商品の効果や変化をひと目で確認できます
■ ハンドルデザインやラベルをカスタマイズできる
ハンドルデザインは3種類から選択できます
ハンドルのデザインは「矢印あり」「シンプルな丸」「縦線のみ」の 3 種類から選べます。ラベルの表示・非表示、位置（上・中央・下）、テキスト、色もお好みに合わせて設定できます。
■ ノーコードで細かくカスタマイズできる
画像やスライダーなどを管理画面から直感的に調整できます。
テーマエディタから、文字の大きさ・色・背景色、余白、スライダーの初期位置など、さまざまな見た目の設定をノーコードで変更できます。追加の CSS を使えば、さらに細かいカスタマイズも可能です。
コード編集は不要なため、デザイン変更や調整をスピーディーに行えます。
ストア全体のトーンに合わせた統一感を保ちながら、使い勝手の良い Before /After 画像を構築できます。
■ 1クリックでテーマに追加できる
1クリックでテーマに追加できる
ワンクリックでテーマに追加でき、すぐにスライダーを表示できます。
アプリをインストール後、管理画面から 1クリックでテーマに追加 できます。
複雑な設定作業は不要で、導入直後からすぐに利用を開始できます。
既存ストアへの後付けや、期間限定の特集導線づくりにも適しています。
▼「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」｜アプリストア
https://apps.shopify.com/sa-175-ur-img-before-after?locale=ja
▼「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」｜ご利用ガイド
https://unreact.jp/shopify-apps/sa-175-ur-img-before-after/guide
▼参考記事
- 【2026年】Shopifyに画像ビフォーアフターを表示できるアプリ5選を紹介！
- Shopify で画像 Before After スライダーを表示できる？おすすめアプリ 5 選を紹介！
- 【2026年】Shopifyの画像ビフォーアフターを表示できるアプリ12選を紹介！
- 【2026年】Shopifyに画像Before Afterスライダーを導入する方法は？おすすめアプリも紹介！
- Shopifyで画像ビフォーアフタースライダーを導入できるアプリについて徹底解説｜ご利用ガイド
▼株式会社UnReact 会社概要
会社名: 株式会社UnReact
代表者: 西川信行
事業内容: EC制作事業・アプリ開発・教育事業
URL: https://unreact.jp/
公式フェイスブックページ