Shopifyで商品ごとのクラウドファンディングを実現できるアプリについて徹底解説|ご利用ガイド

株式会社UnReactのアイコン
株式会社UnReact

はじめに

今回の記事は、Shopify アプリである「シンプルクラウドファンディング|お手軽自社クラファン」の解説記事です。

Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、とご認識頂いて大丈夫です。

「シンプルクラウドファンディング|お手軽自社クラファン」は、Shopify ストアにクラウドファンディング機能を導入できるアプリです。

「シンプルクラウドファンディング|お手軽自社クラファン」を使用することで、簡単に商品毎のクラウドファンディングを実現することができます。

ご興味のある方は、以下の URL よりアプリのインストールを行なってください。

シンプルクラウドファンディング|お手軽自社クラファン

「シンプルクラウドファンディング|お手軽自社クラファン」でできること

Shopify アプリである、『シンプルクラウドファンディング|お手軽自社クラファン』は、以下の画像のように Shopify ストアにクラウドファンディング機能を導入できるアプリです。このアプリを使うことで、簡単に商品毎のクラウドファンディングを実現することができます。

シンプルクラウドファンディング|お手軽自社クラファン

クラウドファンディング商品を選択し、いくつかの項目を入力するだけで、クラウドファンディングを設定できます。

クラウドファンディング設定を簡単にできる!

『シンプルクラウドファンディング|お手軽自社クラファン』を使うと、クラファン開始前の商品ページでは開始までのカウントダウンを表示させ、開始後は終了までのカウントダウンと購入ボタンを表示させることができます。

開始までのカウントダウンを表示できる!

『シンプルクラウドファンディング|お手軽自社クラファン』では、複数のクラウドファンディング設定を作成でき、一覧で確認・削除できます。

クラウドファンディング設定を一覧で確認・削除できる!

アプリのインストール

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

シンプルクラウドファンディング|お手軽自社クラファン

ストア管理画面左下の『設定』をクリックします。

設定をクリック

ストアの管理画面の『アプリと販売チャネル』画面に表示されている『Shopify App Store』をクリックして、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 時の追従ボタンの設定

枠線の有無・丸み・色を設定できます。

枠線の有無・丸み・色

追従ボタンのテキストの色を設定できます。

追従ボタンのテキストの色

追従ボタンの背景色を設定できます。

追従ボタンの背景色

画面の右側および下部からの距離を設定できます。

画面の右側および下部からの距離

スマホ時の追従ボタンの設定

ボーダーの有無および色を設定できます。

ボーダーの有無および色

追従ボタンの背景色を設定できます。

追従ボタンの背景色

追従ボタンのテキストの色を設定できます。

追従ボタンのテキストの色

おわりに

今回は、「シンプルクラウドファンディング|お手軽自社クラファン」の解説を行いました。

少しでも興味があれば、以下のリンクよりアプリをインストール頂けるとありがたいです。

ここまでお付き合い頂き、誠にありがとうございました。

シンプルクラウドファンディング|お手軽自社クラファン

シンプルクラウドファンディング|お手軽自社クラファン

recommendおすすめ記事

シンプル会員商品割引|お手軽ログイン商品セール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員商品割引ができるアプリについて徹底解説|ご利用ガイド

シンプルボリュームディスカウント|お手軽まとめ買い割引のアイコン
アプリ解説

Shopifyで商品毎にボリュームディスカウント(まとめ買い割引)を実現できるアプリについて徹底解説|ご利用ガイド

シンプルノベルティ|お手軽ギフト特典のアイコン
アプリ解説

Shopifyで条件を満たす注文にノベルティ商品を自動で付与できるアプリについて徹底解説|ご利用ガイド

シンプル期間限定セール|お手軽バーゲンセールのアイコン
アプリ解説

Shopifyでストア内の全商品に対する期間限定セールを簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプルおひとり様一点限りの購入制限設定のアイコン
アプリ解説

Shopifyで商品毎におひとり様一点限りの購入制限設定ができるアプリについて徹底解説|ご利用ガイド

シンプル決済カスタマイズ|お手軽条件ごとの決済方法のアイコン
アプリ解説

Shopifyで指定した条件下で特定の決済方法を非表示にできるアプリについて徹底解説|ご利用ガイド

シンプルVIP会員商品割引|お手軽VIP商品セール設定のアイコン
アプリ解説

ShopifyでVIP顧客の商品割引が実現できるアプリについて徹底解説|ご利用ガイド

シンプル配送カスタマイズ|お手軽条件ごとの配送方法のアイコン
アプリ解説

Shopifyで指定した条件に応じて特定の配送方法を非表示にできるアプリについて徹底解説|ご利用ガイド

シンプル会員初回注文割引|お手軽初回ログインセール設定のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入時に注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ注文割引|顧客タグ BtoB 割引のアイコン
アプリ解説

Shopifyで顧客タグに応じて自動注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員送料割引|お手軽ログイン送料無料のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員配送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員初回送料割引|お手軽初回ログイン送料無料のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入で、送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプルセット商品在庫連携|お手軽セット商品管理の自動化のアイコン
アプリ解説

Shopifyに在庫連携したセット商品販売機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員注文割引|お手軽ログインセール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプルVIP注文割引|お手軽VIP会員セール設定のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 注文割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル延長保証|お手軽保証付き商品販売のアイコン
アプリ解説

Shopifyに保証商品や保険商品を作成し延長保証機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプルVIP送料割引|お手軽VIP会員送料無料のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 送料割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル追従カート|追従購入ボタン(Buy Button)のアイコン
アプリ解説

Shopifyストアに追従カート・追従購入ボタンを追加するアプリについて徹底解説|ご利用ガイド

シンプルパンくずリスト|お手軽 Breadcrumbsのアイコン
アプリ解説

Shopifyにパンくずをノーコードで表示できるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ送料割引|お手軽顧客タグ送料無料のアイコン
アプリ解説

Shopifyに顧客タグに応じた自動送料割引機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事カスタマイズ|お手軽ブログテンプレートのアイコン
アプリ解説

Shopifyブログ記事のデザインを簡単にカスタマイズできるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事目次|自動見出し一覧挿入のアイコン
アプリ解説

Shopifyのブログ記事にブログ目次を自動で作成できるアプリについて徹底解説|ご利用ガイド

シンプルお知らせ一覧|お手軽ブログ一覧挿入アプリのアイコン
アプリ解説

Shopifyストアにお知らせセクションを挿入してブログ・ニュース一覧を表示できるアプリについて徹底解説|ご利用ガイド

シンプルスライドショー|お手軽画像スライダーのアイコン
アプリ解説

Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説|ご利用ガイド

シンプル流れるロゴ|流れるロゴリスト挿入アプリのアイコン
アプリ解説

Shopifyに流れるロゴリストを設置して画像のスライドショーを表示できるアプリについて徹底解説|ご利用ガイド

シンプル名入れ|お手軽名前入りギフトオプションのアイコン
アプリ解説

Shopifyに名入れオプションを追加するアプリについて徹底解説|ご利用ガイド

シンプル在庫数表示|お手軽残りわずか表示のアイコン
アプリ解説

Shopifyで残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説|ご利用ガイド

シンプル購入制限|お手軽注文制限について徹底解説のアイコン
アプリ解説

Shopifyに購入制限機能を追加して数量制限・注文規制を実現できるアプリについて徹底解説|ご利用ガイド

シンプルギフトラッピング|お手軽ギフト包装アプリのアイコン
アプリ解説

Shopifyでギフトラッピング機能を実現するアプリについて徹底解説|ご利用ガイド

シンプルランキング表示|お手軽ベストセラーのアイコン
アプリ解説

Shopifyにランキングバッジを導入するアプリについて徹底解説|ご利用ガイド

シンプル顧客タグごとの限定販売|お手軽ロイヤリティのアイコン
アプリ解説

Shopifyに顧客タグごとの限定販売機能を追加するアプリについて徹底解説|ご利用ガイド

シンプル余白調整|お手軽レイアウトのアイコン
アプリ解説

Shopifyに余白(マージン)を挿入してページデザインの調整ができるアプリについて徹底解説|ご利用ガイド

シンプルロゴ一覧|お手軽ロゴリスト表示のアイコン
アプリ解説

Shopifyでロゴ一覧をノーコードで実現できるアプリについて徹底解説|ご利用ガイド

シンプルのし(熨斗)アプリのアイコン
アプリ解説

Shopifyにのし(熨斗)を設定できるアプリについて徹底解説|ご利用ガイド

シンプル画像バナー|お手軽広告バナーアプリのアイコン
アプリ解説

Shopifyに画像バナーを追加できるアプリについて徹底解説|ご利用ガイド

シンプル Q&A|どこでも FAQのアイコン
アプリ解説

Shopifyに Q&A を設置してよくある質問・FAQ を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル流れる告知|流れるお知らせ挿入アプリのアイコン
アプリ解説

Shopifyに流れる告知を設置してお知らせを表示できるアプリについて徹底解説|ご利用ガイド

シンプルモバイルアプリバナー|スマホアプリに誘導のアイコン
アプリ解説

Shopifyでモバイルアプリに誘導するバナーを簡単に設置できるアプリについて徹底解説|ご利用ガイド

シンプル売り切れ非表示|在庫切れ商品の表示変更のアイコン
アプリ解説

Shopifyに売り切れ商品・在庫切れ商品を非表示にする機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルレビュー|お手軽口コミのアイコン
アプリ解説

Shopifyにレビュー(口コミ)機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員限定販売|お手軽アカウント必須販売のアイコン
アプリ解説

Shopifyで会員限定販売を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員ランク|お手軽顧客タグ付けのアイコン
アプリ解説

Shopifyに会員ランク機能を導入して自動で顧客タグを付与できるアプリについて徹底解説|ご利用ガイド

シンプル Wishlist|お手軽お気に入りのアイコン
アプリ解説

Shopifyにお気に入り(wishlist)を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル Coming Soon|商品ページ発売予告アプリのアイコン
アプリ解説

Shopifyで Coming Soon(発売予告)を実施するアプリについて徹底解説|ご利用ガイド

シンプルセット販売|お手軽クロスセルのアイコン
アプリ解説

Shopifyでセット販売(クロスセル)を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル予約販売|受注販売や在庫切れ商品販売で使えるのアイコン
アプリ解説

Shopifyに予約販売機能を追加して受注販売や在庫切れ販売を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル販売期間設定|商品ごとに期間限定販売のアイコン
アプリ解説

Shopifyで販売期間設定を商品毎に行うことができるアプリについて徹底解説|ご利用ガイド

シンプルVIPプログラム|お手軽VIP会員限定販売のアイコン
アプリ解説

ShopifyでVIP会員限定販売ができるアプリについて徹底解説|ご利用ガイド

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリのアイコン
アプリ解説

Shopifyにポイント機能を導入できるポイントアプリについて徹底解説|ご利用ガイド