コード不要のロイヤルティページ表示

テンプレートセクションアプリに対応した Shopify 2.0 テーマでロイヤルティページを表示する方法を理解しましょう

注意: The Loyalty page feature is available on the Starter plan or higher. Check out our Pricing plans for more details.

はじめに

BON を使えば、魅力的でユーザーフレンドリーなロイヤルティページを、コーディング不要でストアに直接埋め込むことができます。このガイドでは、ロイヤルティページの設定方法をご案内し、すぐにお客様とのエンゲージメントを高め、ブランドの認知度を向上させられます。

注意:ご利用のテーマがテンプレートセクションアプリの追加に対応していない場合は、こちらのコーディングガイド付きロイヤルティページをご参照ください。

ロイヤルティページを有効化する

BON Loyalty > ブランディング > ロイヤルティページ > ステータス > ロイヤルティページを有効化します。

ストアフロントにロイヤルティページを表示

ロイヤルティページを有効化したら、お客様に見えるように設定しましょう!

1. テーマ内に新しいロイヤルティページテンプレートを作成

Shopify 管理画面 > 販売チャネル > オンラインストア > テーマ に進み、使用中またはランディングページを表示したいテーマでカスタマイズをクリックします。

Shopify > Theme

テーマ内で、ホームページ > ページ > テンプレートを作成 をクリックします。

Home pages > Pages > Create template

ロイヤルティページテンプレートに名前を付け、デフォルトページを選択 > テンプレート作成 をクリックします。

新しく作成したテンプレートで、テンプレート > ブロックを追加 > アプリ に進みます。

  • ロイヤルティページ全体のレイアウトを追加するには、「Loyalty Page」を追加します。
  •  ロイヤルティページの セクション順序を調整したり、 特定部分を 表示/非表示 にするには、 各セクション 個別に追加します。利用可能なセクションは以下の通りです:
    – ヘッダー:ロイヤルティプログラムのバナー画像を表示
    – プロフィール:顧客のポイントとリワード情報を表示(サインイン後にのみ表示)。
    – 仕組み:ロイヤルティプログラムの流れを3ステップで簡潔に説明
    – 獲得:顧客がポイントを獲得できるすべてのアクションを一覧表示
    – 交換:顧客がポイントで交換できるすべてのリワードを表示
    – 注文ブースト (*):追加の注文でより多くのポイントを獲得できる機能を紹介
    – 紹介:他の人を招待してリワードを獲得できる紹介プログラムを表示
    – ランク (*):VIPランクプログラムを紹介し、上位ランクで得られる特典を表示
    – よくある質問:ロイヤルティプログラムの利用規約に関するカスタムFAQを表示

注意:お使いのテーマがテンプレートセクションアプリに対応していない場合は、必要なコードを追加するためにロイヤルティページガイドをご参照ください。

重要:注文ブースター機能と VIP ランク機能(*)は、Growth プラン以上でご利用いただけます。

Loyalty page sections

2. ページセクションに新しいテンプレートを追加

次に、ストアで現在使用しているページに新しく作成したテンプレートを割り当てます。

Shopify 管理画面 > 販売チャネル > オンラインストア > ページ > ページを追加 に進みます。

Online store > Pages

テーマテンプレート欄で、作成した新しいテンプレートを選択します。ロイヤルティページに名前を付けます(例:リワードプログラム、ロイヤルティページ)。

Name your loyalty page and select the created template

3. コンテンツ > メニュー に新しいテンプレートを追加

最後に、ロイヤルティページをストアフロントに配置します。

Shopify 管理画面 > 販売チャネル > オンラインストア > コンテンツ > メニュー に進み、メインメニュー(ヘッダー)またはフッターメニューのいずれかにロイヤルティページを表示するよう設定します。

Main/Footer menu

メインメニュー または フッターメニュー をクリックし、メニュー項目を追加 を選択します。

  • ラベル:BON Loyalty など、ページ名を入力します

  • リンク:ページ を選択し、先ほど作成したロイヤルティページを選びます。

  • 最後に、保存をクリックして変更を適用します。

Add menu item
Link > Pages > BON Loyalty Page

Your ロイヤルティページ is now ready to engage and reward your customers! For a step-by-step visual guide, check out our tutorial video HERE.

このガイドは役に立ちましたか?