![再入荷通知](https://storecrm.com/wp-content/uploads/2024/07/sainyuka-6.jpg)
1. はじめに
ECサイトにおいて、商品の在庫切れによる購入機会の損失を防ぐ施策として「再入荷通知機能」をECサイトに導入することは非常に重要です。
本記事では、StoreCRMを活用したShopifyの「再入荷通知機能」の追加と「再入荷通知のシナリオ作成」についての具体的な設定方法や注意点について解説します。
StoreCRMでは、他の再入荷通知のアプリを導入する必要はなく、再入荷通知機能から再入荷通知を用いた施策まで全て本アプリのみで実現することが可能です。
再入荷通知機能を実装することで、購入機会の損失を防ぐだけでなく、顧客情報の収集にもつながりますので、ぜひ実装しましょう。
本記事では無料テーマのDawnテーマにて解説をおこないます。
有料テーマやカスタマイズがはいったテーマはファイル構成が異なる場合がありますのでその際はStoreCRMカスタマーサポートに問い合わせいただくことで、実装代行等可能です。是非お問い合わせください。
https://www.groovymedia.jp/contact_app?user_id=&company=&name=&email=&appname=StoreCRM
【動画マニュアル】【Shopify】StoreCRM 再入荷通知の設定方法
2. 再入荷通知機能の導入
本項目のゴール
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-145334.jpg)
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-145524.jpg)
まずは今回実装する、再入荷通知機能の完成画面を確認しましょう。
※赤枠の中が再入荷通知ボタン、再入荷通知フォームになります。
実装箇所のテーマカスタマイズ画面を開く
この先の手順でテーマを編集することになるので、不安な方は「複製」を選択してテーマをコピーして、コピーしたテーマを編集することをおすすめします。
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-150748.jpg)
➀[shopify管理画面]>[販売チャネル]>[オンラインストア]>[テーマ]からテーマ一覧を開きます。
編集したいテーマの右側にある[カスタマイズ]をクリックします。
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-151226.jpg)
➁[カスタマイズ]をクリックすると、テーマカスタマイズ画面に遷移します。今回は、商品詳細画面を編集するのでページ上部の[ホームページ]>[商品]をクリックします。
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-151822-3.jpg)
③[商品]をクリックすると、商品詳細ページのテンプレート一覧が出てくるので、再入荷通知機能を導入したいテンプレートを選択します。
特定の商品のみ再入荷通知機能を適用したい場合は[テンプレートを作成する]から既存のテンプレートをコピーした新しいテンプレートを作成して
作成したテンプレートに導入することもできます。今回は[restock]という名前のテンプレートを作成し導入します。
再入荷通知のアプリブロックを追加する
再入荷通知機能の導入にはコードの実装は必要ありません。
アプリのテーマブロックを追加することで導入可能ですので、本項で解説していきます。
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-152744.jpg)
➀まずは再入荷通知ボタンをどこに配置したいかを決めます。
今回は[今すぐ購入ボタン]の下部に配置をしたいので、左側のメニューの[商品情報]>[ブロックを追加]をクリックします。
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-153618.jpg)
➁ブロックリストが出てくるので、上部のタブを[ブロック]>[アプリ]へ切り替えます。
アプリの中に、[お気に入り・再入荷通知ボタン]をクリックします。
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-154223.jpg)
③追加に成功すると[商品情報]の最下部に[お気に入り・再入荷通知ボタン]のブロックが表示されているのでクリックします。
するとブロックの設定画面が表示されるので、[ボタンの種類]を[お気に入り]>[再入荷通知]へ切り替えます。
その後、ページ右上の[保存する]をクリックしてテーマを保存すれば本項は完了です。
3. 再入荷通知ボタン、登録フォームのカスタマイズ
StoreCRMではどのようなストアにも邪魔になりにくい、シンプルなデザインの再入荷通知ボタン、登録フォームを標準として提供
しています。しかし細部までデザインを合わせてこだわりたいという方や、再入荷通知ボタンをもっと目立たせてたいといった方は
アプリページから再入荷通知ボタン、登録フォームの見た目のカスタマイズを行うことができます。
再入荷通知ボタン、登録フォームのカスタマイズ
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-160148.jpg)
①StoreCRMのアプリ画面を開きます。ページ左下にある[設定]をクリックし、その下に出てくる[再入荷設定]をクリックします。
![](https://storecrm.com/wp-content/uploads/2024/07/FireShot-Capture-010-StagingStoreCRM-dev.obakeapp.com-1-1.jpg)
➁再入荷通知ボタン、登録フォームについて、右側のプレビューを確認しながら、文言や色、大きさを自分好みにカスタマイズすることができます。カスタマイズが終わった場合、最後にページ最下部の保存ボタンをクリックしてカスタマイズ内容の保存を忘れないようにしましょう。
保存後は実際にストアやテーマプレビューからカスタマイズがイメージ通りに反映されているか確認しましょう。
4. 再入荷通知機能を活用してシナリオを作成する
本項目では2項、3項を活用して収集した再入荷通知登録情報を元に、在庫の再入荷時に再入荷通知登録をした顧客に対して再入荷通知のメールを自動的に送信するシナリオを作成します。
シナリオを作成する
StoreCRMでは[再入荷通知を行う]というシナリオテンプレートをご用意しており、かんたんな条件を設定するだけで自動的にメールを送信することができます。
今回は[再入荷通知を行う]のシナリオを実際に作成してみます。
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-162233.jpg)
➀StoreCRMアプリページを開き、[シナリオ]>[再入荷通知を行う]をクリックします。
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-163732.jpg)
➁シナリオの設定画面が出てくるのでメール送る日時を設定します。今回は以下の仕様の元設定をおこないました。
メールは送る時間によって開封率も変わってくる可能性がありますので、在庫を追加する時間、メールを送る時間を考えて設定しましょう。また、複数回メールを送ることで、開封率やクリック率アップを期待することができます。
設定が完了したら、ページ右下の[保存]をクリックして設定を保存しましょう。
・再入荷後5時間待ってから、登録者を対象に再入荷通知メールを送信する。
・1通目のメールを送信後、8時間待ってフォローアップするメールを送信する。
![](https://storecrm.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-06-164322.png)
③設定が完了したら、[保存]ボタンを押すとシナリオが作成され、シナリオ詳細が表示されます。
[有効?]の箇所のトグルスイッチをクリックするとシナリオが有効になり、設定した条件に従ってメールが送信されます。
※シナリオ作成時点で、シナリオにあったメールが自動生成されます。
メールをカスタマイズしたい場合は次項を参考に編集をおこなってください。
これにてシナリオの作成は完了です。
メールの編集
StoreCRMでは、シナリオ作成時にメールの自動生成が行われ、そのままでもシナリオを運用することができます。
ただし、「メールをストアの雰囲気にあった文言、デザインにしたい」、「自身の言葉でお客様にメッセージを届けたい」といった場合は、メールエディターにてカスタマイズすることができます。
![](https://storecrm.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-06-164445.png)
➀StoreCRMアプリページを開き、[メール]>[メール一覧]をクリックしてください。
メール一覧の中から編集したいメールの名前をクリックします。
![](https://storecrm.com/wp-content/uploads/2024/07/2024-07-06-164552.jpg)
➁メール詳細ページの[編集する]から[メール名称(管理用)]、[メールタイトル]、[本文]をそれぞれカスタマイズすることができます。
ストアの雰囲気にあったメールを作成し、開封率、CVR※アップを目指しましょう。
※CVRとは「Conversion Rate(コンバージョンレート)」の略で「CV率」とも言われ、Webサイトの成果=コンバージョン(商品の購入や申込み)を達成した割合を表す指標です。