Shopifyで商品ごとのクラウドファンディングを実現できるアプリについて徹底解説|ご利用ガイド
はじめに
今回の記事は、Shopify アプリである「シンプルクラウドファンディング|お手軽自社クラファン」の解説記事です。
Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、とご認識頂いて大丈夫です。
「シンプルクラウドファンディング|お手軽自社クラファン」は、Shopify ストアにクラウドファンディング機能を導入できるアプリです。
「シンプルクラウドファンディング|お手軽自社クラファン」を使用することで、簡単に商品毎のクラウドファンディングを実現することができます。
ご興味のある方は、以下の URL よりアプリのインストールを行なってください。
「シンプルクラウドファンディング|お手軽自社クラファン」でできること
Shopify アプリである、『シンプルクラウドファンディング|お手軽自社クラファン』は、以下の画像のように Shopify ストアにクラウドファンディング機能を導入できるアプリです。このアプリを使うことで、簡単に商品毎のクラウドファンディングを実現することができます。
クラウドファンディング商品を選択し、いくつかの項目を入力するだけで、クラウドファンディングを設定できます。
『シンプルクラウドファンディング|お手軽自社クラファン』を使うと、クラファン開始前の商品ページでは開始までのカウントダウンを表示させ、開始後は終了までのカウントダウンと購入ボタンを表示させることができます。
『シンプルクラウドファンディング|お手軽自社クラファン』では、複数のクラウドファンディング設定を作成でき、一覧で確認・削除できます。
アプリのインストール
それでは、実際にアプリのインストールを行なっていきましょう。
ストア管理画面左下の『設定』をクリックします。
ストアの管理画面の『アプリと販売チャネル』画面に表示されている『Shopify App Store』をクリックして、Shopify app store に移動してください。
検索窓に、『シンプルクラウドファンディング|お手軽自社クラファン』と入力してください。
以下の画像のアプリをクリックしてください。
『インストール』ボタンをクリックして、ストアにアプリを追加しましょう。
Shopify パートナー用アカウント(通称:開発アカウント)にて開発ストアにインストールを行うと、全ての機能を無料でご利用いただくことができます。
マーチャント用のアカウント(実際に物販などで運用しているアカウント)ですと、月額 $29.99 でご利用いただけます。インストール後、7 日間は無料でご利用いただけます。
『インストール』ボタンをクリックすると以下の画面に遷移します。
右下の『アプリをインストール』ボタンをクリックして、アプリのインストールを行いましょう。
以下の管理画面が表示されます。
以上で、アプリのインストールは完了です。
アプリ設定
次に、アプリの設定を行います。
アプリをテーマに追加
まずは、アプリをテーマに追加しましょう。
以下の2つの機能をテーマに追加します。
- クラウドファンディング機能
- 追従ボタン機能
サイドバーの「設定」をクリックするか、「アプリを有効化する」をクリックして、設定画面に移動してください。
クラウドファンディング機能をテーマに追加
まず、クラウドファンディング機能をテーマに追加します。
クラウドファンディング機能を追加したいテーマを選択し、「クラウドファンディングを追加」ボタンをクリックすると、テーマにクラウドファンディング機能を追加できます。
「クラウドファンディングを追加」ボタンクリック後、何らかのエラーでアプリの自動インストールができない場合は手動でアプリを追加します。
以下の画像のように、サイドバーの「商品情報」セクション内にある「ブロックを追加」をクリックし、「アプリ」内にある「シンプルクラウドファンディング|お手軽自社クラファン」をクリックしてください。
アプリブロックが表示されているのが確認できたら、「保存ボタン」をクリックましょう。
追従ボタンをテーマに追加
次に、追従ボタンをテーマに追加します。
「追従ボタンを追加」ボタンをクリックすると、追従ボタン機能を追加できます。
追従ボタンを正常に追加できた場合は、次の「追従ボタンの表示設定」に進んでください。
「追従ボタンを追加」ボタンクリック後、何らかのエラーでアプリの自動インストールができない場合は手動でアプリを追加します。
以下の画像のように、サイドバーの「関連商品」セクション内にある「セクションを追加」をクリックし、「アプリ」内にある「シンプルクラウドファンディング|追従ボタン」をクリックしてください。
「シンプルクラウドファンディング|追従ボタン」のアプリブロックが表示されていることが確認できます。
追従ボタンの表示設定
追従ボタンを追加できたら、アプリの表示の設定をしていきます。
追従ボタンのアプリブロックが含まれているアプリセクションをクリックします。
すると、アプリセクションの設定画面に移動するので、「テーマ設定」内にある、「スクロールでセクションを表示する」のチェックを外し、「保存する」ボタンをクリックしましょう。
これで正常に追従ボタンが表示されるようになります。
以上でテーマへのアプリの追加が完了しました。
クラウドファンディングの作成
次に、クラウドファンディング設定を作成していきます。
アプリ管理画面のサイドバーから、クラウドファンディング管理画面へ移動し、「クラウドファンディング設定を追加」をクリックして下さい。
以下のクラウドファンディング作成画面に遷移します。
1. クラウドファンディングを設定する商品を選択する
まずクラウドファンディングを設定する商品を選択します。
商品検索欄をクリックしてください。
すると、商品検索画面が表示されるので、任意の商品を選択し、「追加」ボタンをクリックします。
また、ここで複数商品を選択することで、複数のクラウドファンディングを一括で作成することができます。
2. 目標金額を入力する
次にクラウドファンディングの目標金額を入力します。
クラウドファンディングで達成したい金額を入力してください。
目標金額は商品ページで表示されます。
3. 初期金額と初期サポーター数を入力する
次に、クラウドファンディングの初期金額と初期サポーター数を入力します。
ストアでクラウドファンディングを実施する前に、すでにある程度の資金を調達できている場合は、その金額とサポーター数を入力してください。
初期金額と初期サポーター数の値は、クラウドファンディングの達成金額とサポーター数の初期値になります。
4. 開始日時と終了日時を入力する
次に、クラウドファンディングの開始日時と終了日時を入力します。
開始日時を未来の日時にすると、商品ページでは開始までのカウントダウンが表示されます。
また、開始日時以降は終了までのカウントダウンが表示されます。
開始日の入力欄をクリックして、下部に表示されるカレンダーをクリックして開始日を設定してください。
また、「yyyy/mm/dd」の書き方で入力欄に直接入力することもできます。
次に、開始時刻をクリックして、表示されるドロップダウンから任意の時刻を選択してください。
また、「hh:mm」の書き方で入力欄に直接入力することもできます。
同じ要領で終了日時も設定しましょう。
5. クラウドファンディングを保存する
クラウドファンディングの設定が完了したら右下の「保存する」ボタンをクリックして設定を保存しましょう。
保存か完了するとクラウドファンディング管理画面に遷移し、作成したクラウドファンディング設定が表示されているのが確認できます。
以上でクラウドファンディングの作成が完了しました。
クラウドファンディングの編集・削除
クラウドファンディング管理に移動して、編集したいクラウドファンディング設定をクリックしてください。
以下のようなクラウドファンディング編集画面に遷移します。
「削除する」をクリックでクラウドファンディング設定を削除できます。「保存する」をクリックで編集内容を保存できます。
また、実施中や、既に終了しているクラウドファンディングを編集することはできません。ご了承ください。
クラウドファンディング設定の一括削除を行いたい場合はクラウドファンディング管理画面から、削除したいクラウドファンディング設定を選択して一括削除できます。
見た目のカスタマイズ
クラウドファンディングの設定が完了したら、ストアの見た目を整えていきましょう。
管理画面のサイドバーの「設定」をクリックして設定画面に移動し、「商品ページをプレビュー」をクリックして、商品ページのカスタマイズ画面へ移動してください。
クラウドファンディング情報のカスタマイズ
クラウドファンディング情報の表示設定をします。
サイドバーの「商品情報」セクション内の「シンプルクラウドファンディング|お手軽自社クラファン」ブロックをクリックしてください。
以下が表示を編集できる項目です。テキストや色を変更して、テーマに合ったデザインにカスタマイズしてください。
クラウドファンディング情報の設定
総額のテキストを編集できます。
目標金額のテキストを編集できます。
サポーターのテキストを編集できます。
開始まで・終了までの日数・時間のテキストと、終了後に表示するテキストを編集できます。
今すぐ購入ボタンのテキストを編集できます。
※ Shopify Payment の Shop Pay やウォレットでの決済を有効にしている場合、今すぐ購入ボタンのテキストは反映されません。
クラウドファンディング情報のスタイル
テキストの色を編集できます。
背景色を編集できます。
アクセントの色を編集できます。
達成率テキストの文字の色を編集できます。
枠線の太さ・色・丸みを編集できます。
余白の設定
上下の余白を設定できます。
追従ボタンのカスタマイズ
追従ボタンの表示設定をします。
サイドバーの「アプリ」セクション内の「シンプルクラウドファンディング|追従ボタン」ブロックをクリックしてください。
以下が表示を編集できる項目です。テキストや色を変更して、テーマに合ったデザインにカスタマイズしてください。
追従ボタンの設定
追従ボタンのテキストを設定できます。
PC 時の追従ボタンの設定
枠線の有無・丸み・色を設定できます。
追従ボタンのテキストの色を設定できます。
追従ボタンの背景色を設定できます。
画面の右側および下部からの距離を設定できます。
スマホ時の追従ボタンの設定
ボーダーの有無および色を設定できます。
追従ボタンの背景色を設定できます。
追従ボタンのテキストの色を設定できます。
おわりに
今回は、「シンプルクラウドファンディング|お手軽自社クラファン」の解説を行いました。
少しでも興味があれば、以下のリンクよりアプリをインストール頂けるとありがたいです。
ここまでお付き合い頂き、誠にありがとうございました。