---
lastModified: 2026-10-19
title: ストアプラグインを追加する
description: お気に入りリストや Klaviyo など、すぐに使えるストア機能を「アプリ」からインストールし、ストア運営で管理します。
seo:
  description: "お気に入りリストや Klaviyo など、すぐに使えるストア機能を「アプリ」からインストールし、ストア運営で管理します。プロジェクト → アプリ → ストアプラグイン。"
---

<strong>ストアプラグイン</strong>は、ストアにすぐに使える機能を追加します。<strong>お気に入りリスト</strong>を使うと、買い物客は商品を保存して後から戻ってこられます。<strong>Klaviyo</strong> は、メールと SMS のマーケティングのために、買い物客と注文をお使いの Klaviyo アカウントに送ります。プラグインをインストールすると、ストアのバックエンドに機能が追加されます。その後<strong>ストアフロントに追加</strong>を選ぶと Runner がその機能をストアのデザインに組み込み、<strong>管理</strong>を選ぶと<strong>ストア運営 → プラグイン</strong>でプラグイン独自のページが開きます。

## 開始する前に

**エントリパス:** **プロジェクト → アプリ → ストアプラグイン**

- このセクションには Runner が提供するプラグインが表示されます。<strong>バックエンドのアップグレードが必要です</strong>と表示されたカードは、ストアのバックエンドを新しくするまでインストールできません。
- インストールするとストアのバックエンドが再起動するため、ストアは一時的に利用できなくなります。大きなストアでは、プラグインの移行に時間がかかることがあります。
- バックエンドの変更は一度に 1 つだけ実行されます。1 つのプラグインのインストールまたは削除中は、他のカードに<strong>別のバックエンド変更によってブロックされています</strong>と表示されます。
- 買い物客がプラグインの機能を使えるのは、Runner がストアフロントに機能を追加し、ストアを公開した後です。

### 動画で確認：お気に入りリストをインストールし、買い物客が保存したものを確かめる

<video controls playsInline preload="metadata" poster="https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgedkaq5Yt82iKld0T5W2hAarkBbqj4mrolQPq" aria-label="お気に入りリストをインストールしてストアフロントに追加し、買い物客としてアートプリントを保存し、ストア運営でそれを確認する" style={{ width: '100%', aspectRatio: '1440 / 976' }}>
  <source src="https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgKMO17ZlNlrZ2ZIPkE1IAL6YaKHtMu8z0bFgO" type="video/mp4" />
  <a href="https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgKMO17ZlNlrZ2ZIPkE1IAL6YaKHtMu8z0bFgO">録画を開く</a>
</video>

この英語画面・英語ナレーション・英語字幕の録画では、<strong>ストアプラグイン</strong>から<strong>お気に入りリスト</strong>をインストールし、<strong>ストアフロントに追加</strong>を選び、Runner が追加内容を報告した後にストアを公開します。続いて買い物客がアカウントを作成し、2 枚のアートプリントを保存して、お気に入りリストのページを開きます。最後に<strong>管理</strong>で<strong>ストア運営 → プラグイン</strong>の <strong>Wishlist</strong> を開きます。<strong>Wishlists</strong> には買い物客がよく保存するアートプリントが、<strong>Product widgets</strong> には 1 枚のアートプリントを含むお気に入りリストの数が表示されます。このストアでは、インストールに約 8 分、Runner によるストアフロントの変更に約 7 分かかりました。どちらもストアによって異なります。録画では決済の接続や注文は行っていません。

## ストアプラグインのコントロール

| コントロールまたは状態 | 有用な理由 | 次に何が起こるか |
| --- | --- | --- |
| <strong>インストール</strong> | ストアのバックエンドにプラグインを追加します。 | ストアが一時的に再起動するため、Runner が確認を求めます。 |
| <strong>続行</strong> | インストールまたは削除を確定します。 | 変更が終わるまで、カードに<strong>インストール中</strong>または<strong>削除中</strong>と表示されます。 |
| <strong>インストール中</strong>または<strong>削除中</strong> | バックエンドの変更が実行中であることを示します。 | お待ちください。Runner の処理が終わるとカードが変わります。ページを離れても問題ありません。 |
| <strong>インストール済み</strong> | プラグインがストアのバックエンドで動いていることを示します。 | ストアフロント部分があるプラグインには<strong>ストアフロントに追加</strong>が表示されます。 |
| <strong>ストアフロントに追加</strong> | プラグインの機能をストアのデザインに組み込みます。 | Runner がこの依頼を含むチャットを開き、ストアフロントを変更します。 |
| <strong>管理</strong> | プラグイン独自のページを開きます。 | Runner が<strong>ストア運営 → プラグイン</strong>でプラグインのタブを開きます。 |
| <strong>削除</strong> | ストアのバックエンドからプラグインを外します。 | Runner が確認を求め、その後<strong>削除中</strong>と表示します。 |
| <strong>バックエンドのアップグレードが必要です</strong> | ストアのバックエンドがこのプラグインには古すぎることを示します。 | ストアのバックエンドをアップグレードするまで、このプラグインはインストールできません。 |
| <strong>別のバックエンド変更によってブロックされています</strong> | 別のプラグインの変更が実行中であることを示します。 | その変更が終わってから、もう一度お試しください。 |
| <strong>前回の変更に失敗しました</strong> | 前回のインストールまたは削除が完了しなかったことを示します。 | カードのメッセージを読み、もう一度試すか、サポートにお問い合わせください。 |

## ストアにお気に入りリストを追加する

1. <strong>プロジェクト → アプリ</strong>を開き、<strong>ストアプラグイン</strong>を見つけます。
2. <strong>お気に入りリスト</strong>で<strong>インストール</strong>を選び、<strong>続行</strong>を選びます。
3. カードに<strong>インストール済み</strong>と<strong>ストアフロントに追加</strong>が表示されるまで待ちます。数分かかります。
4. <strong>ストアフロントに追加</strong>を選びます。Runner がプラグインの追加を依頼するチャットを開き、商品カードと商品ページの保存ボタン、お気に入りリストのページ、ヘッダーの件数表示を追加します。
5. Runner の処理が終わったらプレビューを確認します。どの商品にもハートが表示されます。
6. <strong>公開</strong>を選んで確定すると、公開中のストアで買い物客がお気に入りリストを使えるようになります。

## 買い物客に見えるもの

- すべての商品カードと商品ページにハートが表示されます。選ぶと商品が保存され、もう一度選ぶと保存が解除されます。
- ヘッダーのハートには保存した商品の数が表示されます。ハートからお気に入りリストのページが開き、保存した商品がすべて表示されます。
- ゲストの保存は初期設定でオフのため、買い物客は保存するためにログインします。ログインしていない買い物客には<strong>お気に入りに保存するにはログインしてください。</strong>と表示され、アカウントページに移動します。ログイン後は、お気に入りリストがアカウントに保存され、どの端末からでも確認できます。
- アカウントなしでも保存できるようにするには、<strong>ストア運営 → プラグイン → Wishlist</strong> を開き、<strong>Wishlists</strong>、<strong>Settings</strong> の順に選んで、<strong>Allow guest wishlists</strong> をオンにします。

## 買い物客が保存したものを確認する

**エントリパス:** <strong>ストア運営 → プラグイン → Wishlist</strong>、または<strong>アプリ → ストアプラグイン</strong>の<strong>お気に入りリスト</strong>カードにある<strong>管理</strong>

- <strong>Wishlists</strong> には、選んだ期間のお気に入りリストの動きと、買い物客がよく保存する商品が表示されます。<strong>Settings</strong> タブに <strong>Allow guest wishlists</strong> があります。
- <strong>Product widgets</strong> には、商品を含むお気に入りリストの数が表示されます。商品を選ぶと、<strong>Wishlist</strong> パネルにその数が表示されます。

## Klaviyo を接続する

<strong>Klaviyo</strong> は、公開中のストアでの買い物客の行動と、買い物客の注文を受け取ります。Klaviyo のフローやキャンペーンは、それをもとにメールや SMS でフォローできます。Klaviyo はお使いの Klaviyo アカウントを使います。

Klaviyo は、まだすべてのワークスペースで有効ではありません。<strong>ストアプラグイン</strong>に <strong>Klaviyo</strong> が表示されない場合は、まだ利用できません。

### 動画で確認：Klaviyo を接続し、Klaviyo で買い物客を確かめる

<video controls playsInline preload="metadata" poster="https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgFXqEdHByel9bMuRDBPQ92L7PfoNwMZrPtMjI" aria-label="「アプリ」から Klaviyo を接続し、Klaviyo で買い物客の行動と注文を確認する" style={{ width: '100%', aspectRatio: '1440 / 976' }}>
  <source src="https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgsmh5qb2ukCMNGBahR48Ldn68olrMHVI3PoUv" type="video/mp4" />
  <a href="https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgsmh5qb2ukCMNGBahR48Ldn68olrMHVI3PoUv">録画を開く</a>
</video>

この英語画面・英語ナレーション・英語字幕の録画では、<strong>ストアプラグイン</strong>から <strong>Klaviyo</strong> をインストールし、<strong>管理</strong>を選んで<strong>ストア運営 → プラグイン</strong>のタブを開きます。続いて買い物客がアカウントを作成し、アートプリントをカートに入れて、チェックアウトを始めます。Klaviyo では、買い物客のプロフィールにこれらの操作、商品を含む注文、配送業者と追跡番号が表示されます。Klaviyo の承認ページ、支払い、発送は録画に含まれていません。

1. <strong>プロジェクト → アプリ</strong>を開き、<strong>ストアプラグイン</strong>で <strong>Klaviyo</strong> を見つけます。
2. <strong>インストール</strong>を選びます。Klaviyo が開き、ログインして Runner にアカウントへのアクセスを許可するよう求められます。
3. アクセスを承認します。Runner が<strong>アプリ</strong>に戻り、カードに「(Klaviyo アカウント名) <strong>に接続済み</strong>」と表示されます。
4. <strong>管理</strong>を選び、<strong>ストア運営 → プラグイン</strong>で <strong>Klaviyo</strong> を開きます。タブには、カードと同じアカウントと同じ<strong>削除</strong>ボタンが表示されます。

## Klaviyo が受け取るもの

イベントは通常、数分以内に Klaviyo の買い物客のプロフィールに表示されます。

- <strong>公開中のストアフロントから:</strong> 買い物客がアカウントを作成またはログインすると名前とメールアドレスを含むプロフィール、その後 <strong>Viewed Product</strong>、<strong>Added to Cart</strong>、<strong>Started Checkout</strong>。
- <strong>ストアの注文から:</strong> <strong>Placed Order</strong> と商品ごとの <strong>Ordered Product</strong> イベント、注文の発送時に配送業者と追跡番号を含む <strong>Fulfilled Order</strong>。返金とキャンセルの後には <strong>Refunded Order</strong> と <strong>Cancelled Order</strong> が届きます。

Runner のプレビューで行った注文は Klaviyo に送られません。公開中のストアを使ってください。

## Klaviyo を削除する

1. <strong>Klaviyo</strong> カード、または<strong>ストア運営 → プラグイン</strong>の Klaviyo タブで<strong>削除</strong>を選びます。
2. もう一度<strong>削除</strong>を選んで確定します。ストアはこの Klaviyo アカウントに注文と顧客を送信しなくなり、Runner はこのアカウントにアクセスできなくなります。Klaviyo が受け取ったプロフィールとイベントはそのまま残ります。

## ストアプラグインが機能しない場合

- <strong>カードに「バックエンドのアップグレードが必要です」と表示される。</strong>ストアのバックエンドが、プラグインに必要なバージョンより古くなっています。アップグレードについてはサポートにお問い合わせください。
- <strong>インストールが終わらない。</strong>そのまま実行を続け、後でカードを確認してください。<strong>前回の変更に失敗しました</strong>と表示された場合は、メッセージを読み、もう一度だけ<strong>インストール</strong>を選びます。
- <strong>公開中のストアにハートが表示されない。</strong>Runner が<strong>ストアフロントに追加</strong>のチャットを完了したことを確認し、ストアをもう一度公開してください。
- <strong>買い物客がアカウントページに移動する。</strong>ゲストの保存がオフのため、買い物客は保存するためにログインします。変更するには、<strong>ストア運営 → プラグイン → Wishlist</strong> で <strong>Allow guest wishlists</strong> をオンにします。
- <strong>Klaviyo カードに「Klaviyo へのアクセスが終了しました」と表示される。</strong>Runner が Klaviyo アカウントにアクセスできなくなっています。たとえば、Klaviyo 側でアクセスが取り消された場合です。<strong>再接続</strong>を選び、もう一度 Runner を承認してください。
- <strong>テスト用の買い物客が Klaviyo に表示されない。</strong>Klaviyo は example.com のアドレスなど、一部のテスト用アドレスを無視します。メールを受信できるアドレスと、公開中のストアを使ってください。

## 関連ガイド

- [アプリと統合の概要](../apps-and-integrations)
- [ストア運営](../store-operations)
- [Runnerとチャットする](../work-with-runner/chat-with-runner)
- [公開と再公開](../storefront-and-publishing/publish-and-republish)