Shopifyで画像LPを作成する方法を4つ紹介！

## はじめに

2025 年現在、E コマース市場は急速に成長を続けており、中でも **Shopify** を利用してオンラインストアを構築する事業者が急増しています。世界 170 カ国以上で利用されている Shopify は、その柔軟性と拡張性から、個人事業主から大企業まで幅広く選ばれているプラットフォームです。

そんな Shopify ストアの売上向上において、 **画像ランディングページ（LP）** は非常に重要な要素です。視覚的なインパクトで顧客の注意を引き、商品の魅力を効果的に伝えることで、コンバージョン率の向上が期待できます。

従来、画像 LP の作成には HTML や CSS などのコーディング知識が必要でしたが、現在では **ノーコード** で簡単に作成できるアプリが数多く登場しています。特に **画像を中心とした魅力的な LP** を作成することで、ブランドの世界観を表現し、購買意欲を高めることが可能です。

この記事では、Shopify で画像 LP を作成する **4 つの方法** を詳しくご紹介します。最初にご紹介する **「シンプル画像 LP ｜お手軽画像ランディングページ」** については、インストールから設定まで詳細に解説し、その他のアプリについても特徴と活用方法をまとめて説明します。

ぜひ最後まで読んで、あなたの Shopify ストアに最適な画像 LP 作成方法を見つけてください。

## 画像 LP が Shopify ストアにもたらすメリット

画像 LP を活用することで、以下のようなメリットが期待できます：

**視覚的インパクトの強化**
画像を中心とした LP は、テキストベースのページよりも瞬時に商品の魅力を伝えることができます。特に、アパレルやコスメ、インテリアなど、見た目が重要な商品には効果的です。

**コンバージョン率の向上**
魅力的な画像 LP と固定ボタンの組み合わせにより、購買意欲が高まったタイミングを逃さず購入に誘導できます。

**ブランドの世界観表現**
統一感のある画像を使用することで、ブランドの世界観を強く印象付け、顧客とのエモーショナルな結びつきを築けます。

**モバイル最適化**
スマートフォンでの閲覧に最適化された画像 LP は、モバイルユーザーの増加に対応し、離脱率を低減できます。

## シンプル画像 LP ｜お手軽画像ランディングページ

「シンプル画像 LP ｜お手軽画像ランディングページ」は、誰でも簡単に魅力的な画像ランディングページを作成できるアプリです。

このアプリを利用することで、**コーディング不要のドラッグアンドドロップエディタ**で直感的に画像 LP を作成し、キャンペーンやプロモーションの LP を短時間で公開できます。また、固定（追従）ボタンから今すぐ購入ができる機能により、**コンバージョン向上**を実現できるため、初心者から大規模店舗まで幅広く活用が可能です。

ご興味のある方は、以下の URL からインストールしてみてください。

[シンプル画像 LP ｜お手軽画像ランディングページ](https://apps.shopify.com/lp-1?locale=ja)

[![シンプル画像LP｜お手軽画像ランディングページのメイン画像](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617103657-sa-121-ur-image-lp-app_feature-media.png)](https://apps.shopify.com/lp-1?locale=ja)

### 「シンプル画像 LP ｜お手軽画像ランディングページ」でできること

Shopify アプリである「シンプル画像 LP ｜お手軽画像ランディングページ」は、以下のように誰でも簡単に魅力的な画像ランディングページを作成できるアプリです。

[![シンプル画像LP｜お手軽画像ランディングページのメイン画像](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617103657-sa-121-ur-image-lp-app_feature-media.png)](https://apps.shopify.com/lp-1?locale=ja)

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

1. **コーディング不要・ノーコードで LP 作成**  
   ドラッグアンドドロップエディタで直感的に操作でき、すぐにストアに LP を公開できます。
2. **固定（追従）ボタンから今すぐ購入が可能**  
   画面下に固定表示されるボタンから、ワンクリックで購入へ誘導できます。
3. **動画コンテンツにも対応**  
   アップロード動画や YouTube 動画も設定でき、より訴求力の高い LP を作成できます。

これらを活用することで、ストアを訪れた顧客の興味を引き付け、キャンペーンやプロモーションの効果を最大化し、売上向上につなげることができます。

#### LP の作成・編集はすべてノーコードでできる

コーディング知識不要で、ドラッグアンドドロップの直感的な操作だけで画像 LP を作成できます。豊富なテンプレートから選択して、短時間で効果的な LP を公開しましょう。

![ドラッグアンドドロップで簡単にLPを作成できるエディタ画面](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617103755-sa-121-ur-image-lp-app_screenshots_1.png)

#### 固定（追従）ボタンから今すぐ購入ができる

画面下に固定表示されるボタンから、顧客はワンクリックで商品を購入できます。スクロール中も常に表示されるため、購買意欲が高まったタイミングを逃しません。

![画面下部に固定表示される購入ボタンの例](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617103801-sa-121-ur-image-lp-app_screenshots_2.png)

#### 画面下の固定（追従）ボタンは複数の種類から選べる

固定今すぐ購入ボタン、固定画像ボタン、固定横並びボタン、固定縦並びボタンなど、LP の目的に合わせて最適なボタンタイプを選択できます。

![様々な種類の固定ボタンの選択肢](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617103808-sa-121-ur-image-lp-app_screenshots_3.png)

#### LP にはアップロード動画や YouTube 動画も設定できる

静止画だけでなく、アップロード動画や YouTube 動画を LP に組み込むことができます。動画コンテンツで商品の魅力をより効果的に伝えられます。

![LPに動画コンテンツを組み込んだ例](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617103815-sa-121-ur-image-lp-app_screenshots_4.png)

### シンプル画像 LP アプリのインストール

それでは、実際にアプリをインストールしていきましょう。

[シンプル画像 LP ｜お手軽画像ランディングページ](https://apps.shopify.com/lp-1?locale=ja)

アプリの料金は、**月額$29.99**（1 週間の無料期間あり）となっております。

ストア管理画面左下の「設定」をクリックします。
![Shopify管理画面の設定メニューを表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617105410-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252019.53.47.png)

「アプリと販売チャネル」をクリックし、「Shopify App Store」に移動してください。
![Shopify管理画面のアプリと販売チャネルメニューを表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617105457-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252019.54.26.png)

検索窓に「シンプル画像 LP ｜お手軽画像ランディングページ」と入力し、表示されたアプリをクリックします。
![Shopify App Storeでのアプリ検索画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617105556-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252019.55.38.png)

アプリの詳細画面から「インストール」ボタンをクリックしてストアにインストールします。こちらのアプリは月額$29.99 でご利用いただけます（1 週間の無料期間付き）。
![シンプル画像LPアプリのインストール画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617105638-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252019.56.24.png)

「インストールボタン」をクリックすると、必要な権限が表示されますので確認して「インストール」を完了してください。
![アプリのインストール権限確認画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617105709-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252019.56.53.png)

以下のアプリ管理画面が表示されます。
![シンプル画像LPアプリの管理画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617110002-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252019.57.31.png)

以上で、アプリのインストールは完了です。

### シンプル画像 LP のアプリブロックをテーマに追加

アプリの機能を実際にテーマに組み込み、画像 LP をストア上に表示できるように設定していきましょう。

#### 自動でアプリをテーマに追加

アプリの管理画面を開いてください。
『テーマに画像 LP を追加」の「テーマを選択」でアプリブロックを追加したいテーマを選択してください。
![テーマ選択画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617110103-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.00.47.png)

「テーマに追加」ボタンをクリックします。
![テーマに追加ボタンを表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617110145-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.01.16.png)

テーマ編集画面が開き、アプリが有効化されるので、「保存する」をリックして有効化は完了です。
エラーが起きる場合や画像以外のブロックを追加したい場合、トップページ以外に追加したい場合は次の項に進んでください。
![テーマ編集画面でのアプリ有効化状態を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617110358-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.03.31.png)

以上で、テーマに自動的に画像 LP アプリブロックが追加されます。

#### 手動でアプリをテーマに追加

画像以外のブロックを追加したい場合、トップページ以外に追加したい場合は以下の手順で行ってください。

アプリ管理画面を開いて下さい。
「テーマを選択」でアプリを手動追加したいテーマを選択し、「テーマをプレビュー」ボタンをクリックします。
![テーマプレビュー画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617110813-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.07.57.png)

テーマエディタが開くので、アプリを追加したい画面に移動します。
「セクションを追加」または「ブロックを追加」をクリックします。
![テーマエディタでのセクション追加画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617111326-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.13.11.png)

「アプリ」のタブに「LP 画像」「LP 動画」「固定今すぐ購入ボタン」「固定今すぐ購入画像ボタン」「固定画像ボタン」「固定横並びボタン」「固定縦並びボタン」というアプリブロックが表示されるので、使用したいブロックをクリックして追加します。
![アプリブロックの選択画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617111424-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.13.59.png)

アプリセクションが追加されその中に選択したアプリブロックが追加されました。詳細な設定が完了したタイミングで「保存する」ボタンをクリックしてください。

![アプリブロック追加後の編集画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617111504-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.14.37.png)

以上で、手動でのブロック追加は完了です。

### テーマのデフォルトスタイルを OFF にする

次に LP の表示を最適化するため、テーマのデフォルトで設定されている表示設定を無効化します。
これにより、漫画 LP を画面いっぱいに表示できるようになり、固定ボタンも正常に表示されるようになります。

※ ご利用のテーマによって項目名や設定方法が異なる場合があります。（この解説では Dawn のテーマを使用しています）

カスタマイズ画面で、「LP ｜シンプル漫画 LP」が挿入されている「**アプリ**」セクションをクリックします。

![アプリセクションの選択画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617121750-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252021.17.35.png)

「**セクションの余白をテーマと同じにする**」を無効にします。

![セクションの余白設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617121827-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252021.18.13.png)

「**テーマ設定**」の項目をクリックして開きます。

![テーマ設定メニューを表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617121849-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252021.18.37.png)

「**スクロールでセクションを表示する**」を無効にして、右上の「**保存する**」をクリックします。

![スクロール表示設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617121940-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252021.18.58.png)

以上でテーマのデフォルトスタイルの無効化ができました。

### アプリブロックのカスタマイズ

テーマにアプリブロックを追加したら、カスタマイズ画面より「シンプル画像 LP ｜お手軽画像ランディングページ」のカスタマイズを行えます。

カスタマイズ画面で画像 LP のアプリブロックを追加したページを開いてください。

![カスタマイズ画面でのアプリブロック編集画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617111859-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.18.51.png)

#### LP 画像ブロックの設定項目

「LP 画像」ブロックのカスタマイズを行っていきます。

サイドバーの「LP 画像」ブロックをクリックします。

![LP画像ブロックの選択画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112152-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.21.37.png)

以下のような設定項目が表示されます。
![LP画像ブロックの設定項目一覧を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112221-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.22.07.png)

**画像の設定**

- **LP 画像（PC）**：PC 表示用の画像を選択します
- **LP 画像（スマホ）**：スマホ表示用の画像を選択します
- **画像のサイズ（PC）**：セクションに合わせる / 画像をセクションの幅で表示 / 画像に合わせる / 画像のサイズで表示（最大幅はセクションの幅）から選択
- **画像のサイズ（スマホ）**：スマホ表示時の画像サイズを同様に設定

![LP画像の設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112253-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.22.34.png)

**リンクの設定**

- **リンク**：画像クリック時の遷移先 URL を設定
- **遷移先リンクの開き方**：現在のタブで開く / 新しいタブで開くから選択

![LP画像のリンク設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112320-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.23.03.png)

**背景色の設定**

- **背景色**：透明または任意の色を設定（透明の場合、LP 上にボタンが表示されます）

![LP画像の背景色設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112352-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.23.38.png)

**余白の設定**

- **上部の余白（PC）**：0〜400px で設定
- **上部の余白（スマホ）**：0〜400px で設定
- **下部の余白（PC）**：0〜400px で設定
- **下部の余白（スマホ）**：0〜400px で設定

![LP画像の余白設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112423-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.24.01.png)

**追加の CSS**

検証機能でカスタマイズしたい要素のクラス名を確認して、CSS を上書きしてください。

![LP画像のCSS追加設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112451-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.24.33.png)

#### LP 動画ブロックの設定項目

「LP 動画」ブロックをカスタマイズしていきます。

「LP 動画」ブロックをクリックします。
![LP動画ブロックの選択画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112622-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.25.24.png)

以下のような設定項目が表示されます。
![LP動画ブロックの設定項目一覧を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112717-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.27.02.png)

**動画の設定**

- **LP 動画（PC）**：PC 表示用の動画ファイルまたは YouTube URL を設定
- **LP 動画（スマホ）**：スマホ表示用の動画ファイルまたは YouTube URL を設定
- **YouTube 動画 URL（PC）**：YouTube 動画の URL を入力（LP 動画（PC）より優先して表示されます）
- **YouTube 動画 URL（スマホ）**：スマホ用の YouTube 動画 URL
- **動画のサイズ（PC）**：セクションに合わせる / 動画をセクションの幅で表示 / 動画に合わせる / 動画のサイズで表示（最大幅はセクションの幅）から選択
- **動画のサイズ（スマホ）**：スマホ表示時の動画サイズを同様に設定

![LP動画の設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112753-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.27.33.png)

**リンクの設定**

- **遷移先リンク**：動画クリック時の遷移先 URL を設定
- **遷移先リンクの開き方**：現在のタブで開く / 新しいタブで開くから選択

![LP動画のリンク設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112824-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.28.09.png)

**背景色の設定**

- **背景色**：透明または任意の色を設定

![LP動画の背景色設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112855-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.28.36.png)

**余白の設定**

- **上部の余白（PC）**：0〜400px で設定
- **上部の余白（スマホ）**：0〜400px で設定
- **下部の余白（PC）**：0〜400px で設定
- **下部の余白（スマホ）**：0〜400px で設定

![LP動画の余白設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617112940-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.29.23.png)

**追加の CSS**

検証機能でカスタマイズしたい要素のクラス名を確認して、CSS を上書きしてください。

![LP動画のCSS追加設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617113004-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.29.49.png)

#### 固定今すぐ購入ボタンブロックの設定項目

「固定今すぐ購入ボタン」ブロックをカスタマイズしてきます。

「固定今すぐ購入ボタン」ブロックをクリックします。
![固定今すぐ購入ボタンブロックの選択画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617113123-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.31.08.png)

以下のような設定項目が表示されます。
![固定今すぐ購入ボタンブロックの設定項目一覧を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617113206-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.31.40.png)

**商品の設定**

- **商品**：購入対象となる商品を選択します（すでに購入ボタンをクリックしたときに、購入する商品を選択してください）

![固定今すぐ購入ボタンの商品設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617114415-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.43.48.png)

**今すぐ購入ボタンの設定**

- **ボタンのラベル（販売可能）**：在庫がある時のボタンテキストを設定（例：今すぐ購入する）
- **ボタンのラベル（売り切れ）**：在庫切れ時のボタンテキストを設定（例：売り切れ）
- **ボタンの幅（PC）**：PC 表示時のボタン幅をピクセル単位で設定
- **ボタンの幅（スマホ）**：スマホ表示時のボタン幅をピクセル単位で設定（スマホ幅、ボタンの縦は 100%で表示されます）
- **ボタンの高さ（PC）**：PC 表示時のボタンの高さをピクセル単位で設定
- **ボタンの高さ（スマホ）**：スマホ表示時のボタンの高さをピクセル単位で設定
- **ボタンの文字サイズ（PC）**：PC 表示時の文字サイズをピクセル単位で設定
- **ボタンの文字サイズ（スマホ）**：スマホ表示時の文字サイズをピクセル単位で設定
- **ボタンの背景色**：ボタンの背景色を設定
- **ボタンの文字色**：ボタンの文字色を設定
- **ボタンの枠線の色**：ボタンの枠線の色を設定
- **ボタンの文字の太さ**：文字の太さを数値で設定
- **ボタンの枠線の太さ**：枠線の太さをピクセル単位で設定
- **ボタンの枠線の大きさ**：ボタンの角の丸みをピクセル単位で設定
- **ボタンの影の大きさ**：なし / 小 / 中 / 大から選択
- **ボタンセレクターの開閉方向（PC）**：上 / 下から選択
- **ボタンセレクターの開閉方向（スマホ）**：上 / 下から選択

![固定今すぐ購入ボタンのスタイル設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617114447-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.44.31.png)

**セレクターの設定**

- **セレクターのラベル**：セレクター部分に表示するラベルテキスト（例：購入商品）
- **セレクターラベルのスタイル**：セレクターの高さをピクセル単位で設定

![固定今すぐ購入ボタンのセレクター設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617114548-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.45.13.png)

**ボタンコンテナの設定**

- **コンテナの背景色**：コンテナの背景色を設定
- **コンテナの内側上下の余白**：コンテナ内側の上下余白をピクセル単位で設定
- **コンテナの内側左右の余白**：コンテナ内側の左右余白をピクセル単位で設定
- **コンテナの影の大きさ**：なし / 小 / 中 / 大から選択

![固定今すぐ購入ボタンのコンテナ設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617114625-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.46.05.png)

**その他の設定**

- **追加の CSS**：検証機能でカスタマイズしたい要素のクラス名を確認して CSS を上書きしてください

![固定今すぐ購入ボタンのCSS追加設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617114647-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2596%25202025-06-17%252020.46.32.png)

#### 固定今すぐ購入画像ボタンブロックの設定項目

「固定今すぐ購入画像ボタン」ブロックでは画像を今すぐ購入ボタンとして表示させ、任意の商品を設定できます。

「固定今すぐ購入画像ボタン」ブロックをクリックします。
![固定今すぐ購入画像ボタンブロックの選択画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617114957-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.49.42.png)

以下のような設定項目が表示されます。

![固定今すぐ購入画像ボタンブロックの設定項目一覧を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617115035-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.50.06.png)

**商品の設定**

- **商品**：購入対象となる商品を選択します（すでに購入ボタンをクリックしたときに、購入する商品を選択してください）

![固定今すぐ購入画像ボタンの商品設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617115109-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.50.51.png)

**今すぐ購入ボタンの設定**

- **販売可能時のボタンの画像（PC）**：PC 表示用の在庫あり時のボタン画像を選択（無料画像を探すオプションあり）
- **販売可能時のボタンの画像（スマホ）**：スマホ表示用の在庫あり時のボタン画像を選択（無料画像を探すオプションあり）
- **売り切れ時のボタンの画像（PC）**：PC 表示用の売り切れ時のボタン画像を選択（無料画像を探すオプションあり）
- **売り切れ時のボタンの画像（スマホ）**：スマホ表示用の売り切れ時のボタン画像を選択（無料画像を探すオプションあり）
- **画像の幅（PC）**：PC 表示時の画像幅をピクセル単位で設定

![固定今すぐ購入画像ボタンの画像設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617115143-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.51.28.png)

**ボタンコンテナの設定**

- **コンテナの背景色**：コンテナの背景色を設定
- **コンテナの内側上下の余白（PC）**：PC 表示時のコンテナ内側の上下余白をピクセル単位で設定
- **コンテナの内側上下の余白（スマホ）**：スマホ表示時のコンテナ内側の上下余白をピクセル単位で設定
- **コンテナの内側左右の余白（PC）**：PC 表示時のコンテナ内側の左右余白をピクセル単位で設定
- **コンテナの内側左右の余白（スマホ）**：スマホ表示時のコンテナ内側の左右余白をピクセル単位で設定
- **コンテナの影の大きさ**：なし / 小 / 中 / 大から選択

![固定今すぐ購入画像ボタンのコンテナ設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617115208-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.51.52.png)

**その他の設定**

- **追加の CSS**：検証機能でカスタマイズしたい要素のクラス名を確認して CSS を上書きしてください

![固定今すぐ購入画像ボタンのCSS追加設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617115245-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.52.27.png)

#### 固定画像ボタンブロックの設定項目

「固定画像ボタン」ブロックでは画像をボタンとして表示させ、任意のリンクに遷移させることができます。

「固定画像ボタン」ブロックをクリックします。
![固定画像ボタンブロックの選択画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617115346-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.53.31.png)

以下のような設定項目が表示されます。
![固定画像ボタンブロックの設定項目一覧を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617115454-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.54.19.png)

**画像ボタンの設定**

- **ボタンの画像（PC）**：PC 表示用のボタン画像を選択（無料画像を探すオプションあり）
- **ボタンの画像（スマホ）**：スマホ表示用のボタン画像を選択（無料画像を探すオプションあり）
- **画像の幅（PC）**：PC 表示時の画像幅をピクセル単位で設定
- **リンクまたは検索を貼り付ける**：クリック時の遷移先 URL を設定
- **遷移先リンクの開き方**：現在のタブで開く / 新しいタブで開くから選択

![固定画像ボタンの画像設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617115721-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.57.06.png)

**ボタンコンテナの設定**

- **コンテナの背景色**：コンテナの背景色を設定（背景色が透明のとき、LP 上にボタンが表示されます）
- **コンテナの内側上下の余白（PC）**：PC 表示時のコンテナ内側の上下余白をピクセル単位で設定
- **コンテナの内側上下の余白（スマホ）**：スマホ表示時のコンテナ内側の上下余白をピクセル単位で設定
- **コンテナの内側左右の余白（PC）**：PC 表示時のコンテナ内側の左右余白をピクセル単位で設定
- **コンテナの内側左右の余白（スマホ）**：スマホ表示時のコンテナ内側の左右余白をピクセル単位で設定
- **コンテナの影の大きさ**：なし / 小 / 中 / 大から選択

![固定画像ボタンのコンテナ設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617115814-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.57.59.png)

**その他の設定**

- **追加の CSS**：検証機能でカスタマイズしたい要素のクラス名を確認して CSS を上書きしてください

![固定画像ボタンのCSS追加設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617115837-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252020.58.25.png)

#### 固定横並びボタン・固定縦並びボタンブロックの設定項目

「固定横並びボタン」ブロックでは任意のリンクを持つ二つのボタンを表示できします。
またスマホ表示時には、「固定横並びボタン」では横並び、「固定縦並びボタン」では縦並びでボタンを表示します。

「固定横（または縦）並びボタン」ブロックをクリックします。
![固定横並びボタンブロックの選択画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617120139-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252021.01.25.png)

以下のような設定項目が表示されます。
![固定横並びボタンブロックの設定項目一覧を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617120213-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252021.01.52.png)

**メインボタンの設定**

- **メインボタンのラベル**：メインボタンに表示するテキストを入力
- **メインボタン**：メインボタンに設定する商品を選択
- **メインボタンのリンク**：リンクまたは検索を貼り付ける
- **ボタンの背景色**：メインボタンの背景色を設定
- **ボタンの文字色**：メインボタンの文字色を設定
- **ボタンの枠線の色**：メインボタンの枠線の色を設定

![固定横並びボタンのメインボタン設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617120249-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252021.02.33.png)

**サブボタンの設定**

- **サブボタンのラベル**：サブボタンに表示するテキストを入力
- **サブボタン**：サブボタンに設定する商品を選択
- **サブボタンのリンク**：リンクまたは検索を貼り付ける
- **ボタンの背景色**：サブボタンの背景色を設定
- **ボタンの文字色**：サブボタンの文字色を設定
- **ボタンの枠線の色**：サブボタンの枠線の色を設定

![固定横並びボタンのサブボタン設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617120320-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252021.03.04.png)

**ボタンの共通設定**

- **ボタンの幅（PC）**：PC 表示時のボタン幅をピクセル単位で設定（スマホ幅、ボタンの縦は 100%で表示されます）
- **ボタンの高さ**：ボタンの高さをピクセル単位で設定
- **ボタン間の余白**：ボタン間の余白をピクセル単位で設定（0px になります）
- **選択先リンクの開き方**：現在のタブで開く / 新しいタブで開くから選択
- **ボタンの文字サイズ（PC）**：PC 表示時の文字サイズをピクセル単位で設定
- **ボタンの文字サイズ（スマホ）**：スマホ表示時の文字サイズをピクセル単位で設定
- **ボタンの文字の太さ**：文字の太さを数値で設定
- **ボタンの枠線の太さ**：枠線の太さをピクセル単位で設定
- **ボタンの枠線の大きさ（PC）**：ボタンの角の丸みをピクセル単位で設定（0px になります）
- **ボタンの影の大きさ**：なし / 小 / 中 / 大から選択

![固定横並びボタンの共通設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617120402-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252021.03.43.png)

**ボタンコンテナの設定**

- **コンテナの背景色**：コンテナの背景色を設定（背景色の透明のとき、LP 上にボタンが表示されます）
- **コンテナの内側上下の余白（PC）**：PC 表示時のコンテナ内側の上下余白をピクセル単位で設定
- **コンテナの内側左右の余白（PC）**：PC 表示時のコンテナ内側の左右余白をピクセル単位で設定
- **コンテナの影の大きさ**：なし / 小 / 中 / 大から選択

![固定横並びボタンのコンテナ設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617120425-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252021.04.12.png)

**その他の設定**

- **追加の CSS**：検証機能でカスタマイズしたい要素のクラス名を確認して CSS を上書きしてください

![固定横並びボタンのCSS追加設定画面を表示](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617120509-%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25202025-06-17%252021.04.54.png)

### 「シンプル画像 LP ｜お手軽画像ランディングページ」まとめ

このように「シンプル画像 LP ｜お手軽画像ランディングページ」を使うことで簡単に画像 LP を作成することが可能です。

- **コーディング不要**のドラッグアンドドロップエディタで、誰でも直感的に画像 LP を作成
- 固定（追従）ボタンから**ワンクリックで今すぐ購入**が可能で、コンバージョン向上を実現
- **月額$29.99**（1 週間の無料期間付き）で利用可能

１週間の無料期間もございますので、ぜひインストールしてみてください。

[シンプル画像 LP ｜お手軽画像ランディングページ](https://apps.shopify.com/lp-1?locale=ja)

[![シンプル画像LP｜お手軽画像ランディングページ](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250617103657-sa-121-ur-image-lp-app_feature-media.png)](https://apps.shopify.com/lp-1?locale=ja)

## シンプルスワイプ画像 LP ｜お手軽スワイプ操作型 LP

[![](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250619085649-CIergdau6owDEAE%253D.webp)](https://apps.shopify.com/sa-108-ur-swipe-lp-app?locale=ja)

### アプリ概要

| 項目             | 内容                                                                                                                                                                                         |
| :--------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| アプリ名         | **シンプルスワイプ画像 LP ｜お手軽スワイプ操作型 LP**                                                                                                                                        |
| 開発者           | 株式会社 UnReact                                                                                                                                                                             |
| 価格設定         | 月額$99.99（無料体験あり）                                                                                                                                                                   |
| 主な機能・特徴   | - ノーコードでスワイプ画像 LP を作成<br>- 縦スワイプまたは横スワイプの画像 LP を作成可能<br>- 固定（追従）ボタンから今すぐ購入が可能<br>- 画面下の固定（追従）ボタンは複数の種類から選択可能 |
| 対応言語         | 日本語                                                                                                                                                                                       |
| 評価（執筆時点） | 0.0（0 レビュー）                                                                                                                                                                            |
| テーマ対応       | Dawn（ご使用のテーマ）に対応                                                                                                                                                                 |

### ワンポイント解説

シンプルスワイプ画像 LP ｜お手軽スワイプ操作型 LP は、縦でも横でもスワイプで読み進められるランディングページを実現するアプリです。画像をメインにした直感的な UI で、ブランドの世界観や商品の特徴をダイナミックにアピールできます。操作が簡単なので専門知識がなくても導入可能で、スマートフォンでの閲覧を想定し、ユーザーの離脱を防ぎつつスムーズな購入体験を提供します。視覚的なインパクトを重視するアパレルやアクセサリー、ビジュアルが重要なインテリア・アート系ショップなど、幅広い業種で活用いただけます。特に、従来の縦スクロールとは異なるスワイプ操作により、ユーザーの関心を引きつけ、最後まで読んでもらいやすい LP を作成できるのが大きな魅力です。

１週間の無料期間もあるので、ぜひお試しください。

[シンプルスワイプ画像 LP ｜お手軽スワイプ操作型 LP](https://apps.shopify.com/sa-108-ur-swipe-lp-app?locale=ja)

[![シンプルスワイプ画像LP｜お手軽スワイプ操作型LPのメイン画像](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250619085649-CIergdau6owDEAE%253D.webp)](https://apps.shopify.com/sa-108-ur-swipe-lp-app?locale=ja)

## シンプル漫画 LP ｜お手軽イラスト画像 LP

[![](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250619085835-CIfB1dPXnY0DEAE%253D.webp)](https://apps.shopify.com/sa-109-ur-comic-lp-app?locale=ja)

### アプリ概要

| 項目             | 内容                                                                                                                                                                                             |
| :--------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| アプリ名         | **シンプル漫画 LP ｜お手軽イラスト画像 LP**                                                                                                                                                      |
| 開発者           | 株式会社 UnReact                                                                                                                                                                                 |
| 価格設定         | 月額$99.99（無料体験あり）                                                                                                                                                                       |
| 主な機能・特徴   | - ノーコードで誰でも簡単に漫画 LP を作成<br>- 縦スワイプまたは横スワイプの漫画 LP を作成可能<br>- 固定（追従）ボタンから今すぐ購入が可能<br>- 画面下の固定（追従）ボタンは複数の種類から選択可能 |
| 対応言語         | 日本語                                                                                                                                                                                           |
| 評価（執筆時点） | 0.0（0 レビュー）                                                                                                                                                                                |
| テーマ対応       | Dawn（ご使用のテーマ）に対応                                                                                                                                                                     |

### ワンポイント解説

シンプル漫画 LP ｜お手軽イラスト画像 LP は、漫画形式のイラストを使ったランディングページを簡単に作成できる Shopify アプリです。読み手の興味を引きつけ、商品やサービスの魅力をわかりやすく伝える効果的な LP を誰でも手軽に構築できます。視覚的インパクトが強く、エンターテインメント性を高めるため、ブランドの認知度向上やコンバージョン率アップに貢献します。特にインパクトのあるプロモーションを求めるストアオーナーに最適で、専門知識がなくてもすぐに利用できる使いやすさが特長です。漫画という親しみやすい表現形式により、商品説明が難しい場合でも、ストーリー仕立てで自然に商品の魅力を伝えることができます。

１週間の無料期間もあるので、ぜひお試しください。

[シンプル漫画 LP ｜お手軽イラスト画像 LP](https://apps.shopify.com/sa-109-ur-comic-lp-app?locale=ja)

[![シンプル漫画LP｜お手軽イラスト画像LPのメイン画像](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250619085835-CIfB1dPXnY0DEAE%253D.webp)](https://apps.shopify.com/sa-109-ur-comic-lp-app?locale=ja)

## らくらく画像ランディングページ｜リテリア Easy LP

[![](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250619085934-CMHcvaXVsPYCEAE%253D.webp)](https://apps.shopify.com/easy-lp-20220306?locale=ja)

### アプリ概要

| 項目             | 内容                                                                                                                                                                               |
| :--------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| アプリ名         | **らくらく画像ランディングページ｜リテリア Easy LP**                                                                                                                               |
| 開発者           | 株式会社リテリア                                                                                                                                                                   |
| 価格設定         | 月額$14.99（無料体験あり）                                                                                                                                                         |
| 主な機能・特徴   | - ノーコードで画像 LP が作成可能<br>- 画像 LP を作成するためのセクション追加機能<br>- ノーコードで画像を指定<br>- 動画やボタンの追加も可能<br>- 画像同士のマージンも細かく調整可能 |
| 対応言語         | 日本語                                                                                                                                                                             |
| 評価（執筆時点） | 0.0（0 レビュー）                                                                                                                                                                  |
| テーマ対応       | Dawn（ご使用のテーマ）に対応                                                                                                                                                       |
| カテゴリー       | 画像ギャラリー                                                                                                                                                                     |

### ワンポイント解説

らくらく画像ランディングページ｜リテリア Easy LP は、訴求力アップと売上向上を目的とした、ノーコードで簡単に画像ランディングページを作成できるアプリです。画像だけでなくボタンや動画も使用することができ、画像同士のマージンも細かく調整できるため、画像を重ね合わせたり、大きさを調整することも可能です。本アプリは日本人エンジニアが日本ユーザー向けに設計している日本製のアプリで、オール日本語対応となっています。Online Store 2.0 にのみ対応しており、テーマ内のコードや他のアプリとの干渉も少なく、安全にアプリをご利用できます。他のアプリと比較して価格が抑えられているため、コストを重視する小規模ストアにも適しています。

[らくらく画像ランディングページ｜リテリア Easy LP](https://apps.shopify.com/easy-lp-20220306?locale=ja)

[![らくらく画像ランディングページ｜リテリア Easy LPのメイン画像](https://ur-file-uploader-bucket.s3.ap-northeast-1.amazonaws.com/250619085934-CMHcvaXVsPYCEAE%253D.webp)](https://apps.shopify.com/easy-lp-20220306?locale=ja)

## Shopify で画像 LP を作成する際の選び方のポイント

### 予算に応じた選択

各アプリには価格差があるため、予算に応じて選択することが重要です：

- **低予算で始めたい場合**：らくらく画像ランディングページ（月額$14.99）
- **標準的な機能を求める場合**：シンプル画像 LP ｜お手軽画像ランディングページ（月額$29.99）
- **高機能・特殊な表現を求める場合**：シンプルスワイプ画像 LP、シンプル漫画 LP（各月額$99.99）

### 作成したい LP の種類で選択

目的に応じてアプリを選択しましょう：

- **標準的な画像 LP**：シンプル画像 LP ｜お手軽画像ランディングページ、らくらく画像ランディングページ
- **スワイプ操作 LP**：シンプルスワイプ画像 LP ｜お手軽スワイプ操作型 LP
- **漫画風 LP**：シンプル漫画 LP ｜お手軽イラスト画像 LP

### サポート体制で選択

日本語サポートの有無も重要な選択基準です：

- **日本語サポート重視**：らくらく画像ランディングページ（日本製アプリ）
- **機能重視**：UnReact 製アプリ（シンプル画像 LP、シンプルスワイプ画像 LP、シンプル漫画 LP）

## 画像 LP 作成時の注意点とベストプラクティス

### 画像の最適化

画像 LP を作成する際は、以下の点に注意しましょう：

**ファイルサイズの最適化**
大きすぎる画像ファイルは読み込み速度を遅くし、ユーザー体験を損ないます。適切な圧縮を行い、WebP 形式の使用も検討しましょう。

**レスポンシブ対応**
PC・スマートフォン両方で適切に表示されるよう、デバイス別の画像設定を行いましょう。

**Alt 属性の設定**
SEO 対策とアクセシビリティ向上のため、画像にはわかりやすい Alt 属性を設定しましょう。

### ユーザビリティの向上

**直感的なナビゲーション**
ユーザーが迷わずに目的の情報にたどり着けるよう、明確な導線設計を心がけましょう。

**適切な CTA 配置**
固定ボタンを効果的に活用し、購入意欲が高まったタイミングでアクションを促しましょう。

**読み込み速度の最適化**
画像の最適化に加え、不要なアニメーションや重いコンテンツは避けましょう。

### A/B テストの実施

**複数パターンの検証**
異なるデザインや CTA ボタンの色・文言でテストを行い、最適な組み合わせを見つけましょう。

**データに基づく改善**
Shopify のアナリティクスや Google Analytics を活用して、LP の効果を定期的に測定・改善しましょう。

## まとめ

Shopify で画像 LP を作成する 4 つの方法をご紹介しました：

1. **シンプル画像 LP ｜お手軽画像ランディングページ**（月額$29.99）

   - バランスの取れた機能と価格
   - 豊富なカスタマイズオプション
   - 初心者から上級者まで対応

2. **シンプルスワイプ画像 LP ｜お手軽スワイプ操作型 LP**（月額$99.99）

   - 独自のスワイプ操作機能
   - 高いユーザーエンゲージメント
   - モバイル最適化

3. **シンプル漫画 LP ｜お手軽イラスト画像 LP**（月額$99.99）

   - 漫画形式による親しみやすい表現
   - エンターテインメント性重視
   - ストーリー性のある商品紹介

4. **らくらく画像ランディングページ｜リテリア Easy LP**（月額$14.99）
   - 日本製アプリによる安心のサポート
   - コストパフォーマンス重視
   - シンプルで使いやすい操作性

### 選択のポイント

**予算重視なら**：らくらく画像ランディングページ  
**バランス重視なら**：シンプル画像 LP ｜お手軽画像ランディングページ  
**独自性重視なら**：シンプルスワイプ画像 LP、シンプル漫画 LP

どのアプリも無料体験期間があるため、実際に試用してからの判断がおすすめです。あなたのストアの特性や目標に合ったアプリを選択し、効果的な画像 LP で売上向上を目指しましょう。

### 今後の Shopify 運営に向けて

画像 LP は作成して終わりではありません。継続的な改善と最適化が重要です：

**定期的な効果測定**
コンバージョン率、離脱率、滞在時間などの指標を定期的にチェックしましょう。

**季節やトレンドに応じた更新**
商品やキャンペーンに合わせて、LP のデザインやコンテンツを適宜更新しましょう。

**ユーザーフィードバックの活用**
カスタマーレビューや問い合わせ内容から、LP の改善点を見つけましょう。

**競合分析の実施**
他社の LP 事例を参考に、自社の差別化ポイントを明確にしましょう。

画像 LP を活用した Shopify ストア運営により、ブランドの魅力を最大限に伝え、持続的な成長を実現してください。

最後までご覧いただき、ありがとうございました。今後の Shopify 運営にお役立ていただけますと幸いです。