Shopifyに保証商品や保険商品を作成し延長保証機能を実現できるアプリについて徹底解説|ご利用ガイド
![株式会社UnReactのアイコン](/pwa-icon/site-tile-310x310.png)
はじめに
今回の記事は、Shopify アプリである「シンプル延長保証|お手軽保証付き商品販売」の解説記事です。
Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、とご認識頂いて大丈夫です。
「シンプル延長保証|お手軽保証付き商品販売」は、Shopify ストアに保証付与機能を導入できるアプリです。こちらのアプリを利用すれば、任意の商品に対して任意の保証商品を付与できます。
「シンプル延長保証|お手軽保証付き商品販売」を使用することで、Shopify のデフォルトの機能にない保証付与機能を簡単に導入できます。
ご興味のある方は、以下の URL よりアプリのインストールを行なってください。
「シンプル延長保証|お手軽保証付き商品販売」でできること
Shopify アプリである、『シンプル延長保証|お手軽保証付き商品販売』は、以下の画像のように Shopify ストアに保証付与機能を導入できるアプリです。商品ごとの保証商品を簡単に設定できます。
任意の商品に対して保証商品を付与できます。
保証商品が設定された商品は、その商品ページで保証商品を選択できるようになります。
保証をつけたい商品(複数可)を選択し、その商品ページでに付与できるようにしたい保証商品(複数可)を選択するだけで、簡単に保証付き商品を追加できます。
「シンプル延長保証|お手軽保証付き商品販売」は、ノーコードで見た目をカスタマイズできます。
アプリのインストール
それでは、実際にアプリのインストールを行なっていきましょう。
ストア管理画面左下の『設定』をクリックします。
ストアの管理画面の『アプリと販売チャネル』画面に表示されている『Shopify App Store』をクリックして、Shopify app store に移動してください。
検索窓に、『シンプル延長保証|お手軽保証付き商品販売』と入力してください。
以下の画像のアプリをクリックしてください。
『インストール』ボタンをクリックして、ストアにアプリを追加しましょう。
Shopify パートナー用アカウント(通称:開発アカウント)にて開発ストアにインストールを行うと、全ての機能を無料でご利用いただくことができます。
マーチャント用のアカウント(実際に物販などで運用しているアカウント)ですと、月額 $9.99 でご利用いただけます。インストール後、7 日間は無料でご利用いただけます。
『インストール』ボタンをクリックすると以下の画面に遷移します。
右下の『アプリをインストール』ボタンをクリックして、アプリのインストールを行いましょう。
以下の管理画面が表示されます。
以上で、アプリのインストールは完了です。
アプリをテーマに追加
アプリをテーマに追加します。
自動でアプリをテーマに追加
管理画面の「設定」ページの「テーマに保証選択機能を追加」セクションでアプリをテーマに追加します。
追加したいテーマを選択し、「テーマに追加」ボタンをクリックしてください。
これでテーマにアプリを追加できます。
忘れないように、右上の「保存する」ボタンをクリックしてください。
手動でアプリをテーマに追加
手動でアプリをテーマに追加します。
管理画面の「設定」ページの「テーマに保証選択機能を追加」セクションから行います。
「テーマをプレビュー」ボタンをクリックしてください。
以下のように商品ページに移動します。
以下の画像の左側にある「テンプレート」内の「ブロックを追加」をクリックします。
表示されるモーダルの中の「アプリ」をクリックし、「シンプル延長保証|お手軽保証付き商品販売」をクリックします。
以上で「シンプル延長保証|お手軽保証付き商品販売」のアプリブロックを追加できました。忘れないように「保存する」ボタンをクリックしてください。
アプリ設定
次に、アプリの設定を行います。まずは、保証付き商品を追加しましょう。
保証付き商品の追加
「保証付き商品管理」ページへ移動し、「保証付き商品を追加」をクリックして下さい。
以下の画面に遷移します。
1. 保証を付けたい商品を選択する
まず保証を付けたい商品を選択します。
商品単位で保証付き商品を作成したい場合は「任意の商品」、コレクション単位で作成したい場合は「コレクション」にチェックをいれた上で、商品またはコレクションを選択します。
今回は商品単位で保証付商品を作成する手順を解説していきます。
「任意の商品」にチェックを入れ、商品検索欄をクリックします。
商品検索モーダルが出るので、保証を付与したい商品を検索・選択し、右下の追加ボタンをクリックします。
(ここで複数商品を選択すると、同じ保証商品を持つ保証付き商品を一気に複数個作成することができます。)
すると、選択した商品が追加されているのが確認できます。
2. 保証商品を選択する
このセクションでは、保証商品を選択します。
ここで追加された保証商品は、上で選択した「保証を付与したい商品」の商品ページで表示され、顧客が保証商品を選択できるようになります。また、保証商品は在庫を追跡せず、販売チャネルが設定されていない状態にすることをお勧めします。
それでは保証商品を選択していきましょう。
商品検索欄をクリックします。
商品検索モーダルが出るので、商品ページで表示させたい保証商品を検索・選択し、「追加」をクリックします。
保証商品は単数または複数選択できます。今回は 2 つの保証商品を選択します。
すると、保証商品が追加されているのが確認できます。
設定内容に問題がなければ「保存する」をクリックします。
表示されたモーダルの内容に問題がなければ再び「保存する」をクリックします。
保存が完了すると、保証付き商品管理ページに遷移し、先ほど追加した保証付き商品が表示されているのが確認できます。
設定した保証付き商品の商品ページに移動すると、設定した保証商品が表示されていることが確認できます。これで、顧客が保証商品を選択できるようになりました。
保証付き商品の編集・削除
保証付き商品管理に移動して、編集したい保証付き商品をクリックしてください。
以下のような保証付き商品編集画面に遷移します。
「削除する」をクリックで保証付き商品を削除できます。「保存する」をクリックで編集内容を保存できます。
保証付き商品の一括削除を行いたい場合は保証付き商品管理画面から、削除したい保証付き商品を選択して一括削除できます。
見た目のカスタマイズ
最後に見た目のカスタマイズをします。
「シンプル延長保証|お手軽保証付き商品販売」では、使用しているテーマに合わせて色やレイアウトを編集できます。
まず、カスタマイズ画面の商品ページに移動し、サイドバーのテンプレート内にある「シンプル延長保証|お手軽保証付き商品販売」をクリックして、カスタマイズ項目を表示しましょう。
保証商品のレイアウトを編集できます。
保証商品の文字揃えや各部の色など、スタイルを編集できます。
保証商品の上下の余白を編集できます。
以上で見た目のカスタマイズは終了です。
終わりに
今回は、「シンプル延長保証|お手軽保証付き商品販売」の解説を行いました。
少しでもご興味があれば、以下のリンクよりアプリをインストール頂けるとありがたいです。
ここまでお付き合い頂き、誠にありがとうございました。