コンテンツに進む
ShopifyでのEC運営に役立つメディア
SlashApp - スラッシュアプリ

【徹底解説】会員制Shopifyストアを運用するなら「Bold Memberships」!初期設定方法をじっくり解説

【徹底解説】会員制Shopifyストアを運用するなら「Bold Memberships」!初期設定方法をじっくり解説

この記事でわかること

  • Bold Membershipsがどういうアプリか
  • Bold Membershipsの無料プランで設定できる機能

Bold Membershipsってどんなアプリ?

Bold Membershipsは、Shopifyアプリストア上で☆4.2の高評価を受けている有料会員制度を追加するアプリです。今回はShopifyのデフォルトにある会員機能では補えない、有料の会員制度を導入できるbold Membershipsについてご紹介します。

月額制から一回限りのサブスクリプションまで会員制度を設けられる

Bold Membershipsではユーザーに対して、それぞれの課金プランに応じた料金を請求できるShopifyアプリです。従来のShopify単体の会員機能では無料の会員機能しか搭載できませんが、Bold Membershipsでは1回のみの有料料金から月ごとの定額料金を請求することも可能です。

特定の会員にのみコンテンツを表示・非表示できる

有料会員と無料会員を分類する場合、無料会員には見せたくないコンテンツが発生することが多いですよね。Bold Membershipsでは、有料・無料会員の分類や請求機能に加えて、各会員の分類ごとにコンテンツの表示・非表示を切り替えることができます。例としては、商品の価格やブログ、特定の商品・コレクションの表示・非表示などを指定することが可能です。

自分のShopifyストアの規模にあった有料プランを選べる

Bold Membershipsは会員数を50ごとに分けた有料プランが用意されています。会員数が増える程月額利用料金は高くなりますが、これは会員数が少ない場合での利用では安価でBold Membershipsを利用できることと同義です。Bold Membershipsは無料トライアル期間が14日あるため、まず無料期間で運用してみて相性が良かったら導入するのをおすすめします。

会員数 利用できる機能 価格(月額)
50人まで
  • 有料・無料会員制度の導入
  • 有料・無料会員ごとのコンテンツ表示・非表示切り替え
  • ユーザーへの会員プランへの無料招待
  • PaypalもしくはStripeのアカウントとBold Membershipsとの紐づけ
$9.99
100人まで
  • 50人までのプランと同じ機能を利用可能
$19.99
1000人まで
  • 50人までのプランと同じ機能を利用可能
$49.99
5000人まで
  • 50人までのプランと同じ機能を利用可能
$199.99

Bold Membershipsの使い方

Bold Membershipsは直感的に操作がしやすく、わかりやすいShopifyアプリです。とはいえ、「この機能はどうやって設定すればいいのだろう?」と悩む機能があるのも事実です。本記事では、初期設定の流れから、少しわかりづらい機能設定の方法までご紹介します。

初期設定の流れ

    1. Bold MembershipsのShopifyアプリストアからインストールする。

Bold Membershipsの初期設定の流れ

Bold Membershipsアプリストアへ

 

    1. アプリのインストールを承認する
    2. サブスクリプションを承認する。
    3. ダッシュボードが表示されたら初期設定が完了です。
Bold Memberships初期設定の流れ

Bold Membershipsの有効化設定

Bold Membershipsは自動でテーマ適応する機能は搭載されていないため、手動でliquidコードをテーマファイルに挿入する必要があります。もしBold社にインストールを依頼する場合はダッシュボードから【Liquid Installation】をクリックしてください。以下では、Bold Membershipsを有効化するための手順をご紹介します。テーマによってコードがあるファイルが異なることがありますので、ご注意ください。

    1. オンラインストアから「コードを編集」画面へ移動する。
Bold Membershipsの有効化設定
    1. テーマファイル内部に以下のファイルがあるかを確認する。

あるかどうかを確認するファイル一覧

  • bold-memberships-addtocart.liquid
  • bold-memberships-article.liquid
  • bold-memberships-blog.liquid
  • bold-memberships-collection.liquid
  • bold-memberships-page.liquid
  • bold-memberships-price.liquid
  • bold-memberships-product.liquid
  • bold_mem_helper.liquid
  • bold-memberships-template.liquid
  • bold-memberships-index.liquid
    1. 【theme.liquid】のbody開始タグ前に以下のコードを埋め込み保存する。
  1. <!-- Bold: Memberships -->
  2. {% if customer %}
  3. <div class="bold_customer_id" hidden>{{ customer.id }}</div>
  4. {% endif %}
  5. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. オンラインストアから「コードを編集」画面へ移動する。
Bold Membershipsの有効化設定
    1. article.liquidファイルの冒頭に以下のコードを埋め込み保存する。
  1. <!-- Bold: Memberships (Article) -->
  2. {% include 'bold_mem_helper' with 'article' %}
  3. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. blog.liquidファイルの冒頭に以下のコードを埋め込み保存する。
  1. <!-- Bold: Memberships (blog) -->
  2. {% include 'bold_mem_helper' with 'blog' %}
  3. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. page.liquidファイルの{{ page.content }} section前に以下のコードを埋め込み保存する。
  1. <!-- Bold: Memberships (page) -->
  2. {% include 'bold_mem_helper' with 'page' %}
  3. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. search.liquidファイルの{% for item in search.results %}または{% for product in search.results %}の後に以下のコードを埋め込み保存する。
  1. <!-- Bold: Memberships (search) -->
  2. {% include 'bold_mem_helper' with 'search' %}
  3. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. account.liquidファイルの冒頭に以下のコードを埋め込む。
  1. <!-- Bold: Memberships (accounts) -->
  2. {% include 'bold-memberships-salt' %}
  3. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. account.liquidファイルの
      • <h1 class="title clearfix">
      タグの後に以下のコードを埋め込み保存する。
  1. <!-- Bold: Memberships (manage memberships) -->
  2. <span class="note"><a href="/apps/memberships/accountDetails/?id={{customer.id}}&h={{bold_memberships_hash}}">Manage Memberships</a></span>
  3. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. collection.liquidファイルの冒頭に以下のコードを埋め込む。
  1. <!-- Bold: Memberships (collection) -->
  2. {% include 'bold_mem_helper' with 'collection' %}
  3. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. collection.liquidファイルの中から{% for product in collection.products %}を探し、このコードの後に下のコードを埋め込む。
  1. <!-- Bold: Memberships (collection products) -->
  2. {% include 'bold-memberships-product' %}
  3. {% if bold_hide_item == true %}
  4. {% continue %}{% endif %}
  5. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. collection.liquidファイルの中から{{ product.price | money }}を探し、以下のコードで包んで保存する。
  1. <!-- Bold: Memberships (collection price) -->
  2. {% include 'bold-memberships-price' %}
  3. {% if bold_hide_item == false %}
  4. <!-- price code stuff -->
  5. {% endif %}
  6. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. product.liquidファイルの冒頭に以下のコードを挿入して保存する。
  1. <!-- Bold: Memberships (product) -->
  2. {% include 'bold_mem_helper' with 'product' %}
  3. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. product.liquidファイルから
      • <button type="submit"
      を探して以下のコードで包む。
  1. <!-- Bold: Memberships (cadd to cart) -->
  2. {% include 'bold-memberships-addtocart' %}
  3. {% if bold_hide_item == false %}
  4. <!-- Addtocartbutton here -->
  5. {% endif %}
  6. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. product.liquidファイルから{{ product.price | money }}を探して以下のコードで包んで保存する。
  1. <!-- Bold: Memberships (product price) -->
  2. {% include 'bold-memberships-price' %}
  3. {% if bold_hide_item == false %}
  4. <!-- price code stuff -->
  5. {% endif %}
  6. <!-- end Bold code -->
Bold Membershipsの有効化設定
    1. index.liquidファイルの冒頭に以下のコードを挿入して保存する。
  1. <!-- Bold: Memberships (index) -->
  2. {% include 'bold_mem_helper' with 'index' %}
  3. <!-- end Bold code -->
Bold Membershipsの有効化設定

まとめ

本記事のポイント

  • 運営するShopifyストアを会員制にしたいのであれば、表示・非表示切り替えまで出来るBold Membershipsがおすすめ。
  • 手動でのアプリ有効化が難しければBold社に無料で依頼するのもあり
  • 会員数に応じて月額費用が変わるため、無駄なコストを発生させずに済む

有料会員システムを導入できるShopifyアプリ「Bold Memberships」をご紹介しました。無料版はないものの、会員数が少ない場合には月額約1000円から運用できるShopifyアプリであるため、あまり運用コストをかかえたくないという方にもおすすめできるShopifyアプリです。有料会員システムを導入したいと思った時には、ぜひ一度無料トライアルを試してみてください。

Bold Membershipsアプリストアへ
ご覧いただいてる皆様へ

本記事でご紹介したShopifyアプリの性能やプラン料金、無料プランでの制限などは記事公開時の情報となっております。本記事公開後、アプリ運営会社がアップデートや方針変更をした場合には本記事の情報の限りではございません。最新のアプリ情報は、各Shopifyアプリストアページをご参照ください。

Shopifyアプリの開発、承ります。

SlashApp運営チームは、アプリ開発も行っております。開発したいアプリの概要を教えていただければ、仕様設計から細かくサポートいたします。 ぜひお問い合わせください。