BON Loyalty & GemPages連携:ロイヤルティプログラムをシームレスに表示する

このドキュメントでは、GemPagesで構築したページにBON Loyaltyの各要素を組み込む手順を詳しく説明します。顧客体験の向上、プログラムの認知拡大、そしてリピート購入の促進にお役立てください。

ご注意:本連携機能はBasicプラン以上でご利用いただけます。詳しくは料金プランをご確認ください。

はじめに

この連携では、GemPagesの柔軟なページビルダーを活用してBON Loyaltyプログラムをストアフロントに深く組み込み、以下の目的の実現に直接貢献します。

  • 認知度の向上: BON Loyaltyブロックを使用して、GemPagesテーマ上にロイヤルティ機能を目立つ形で表示します。
  • 利用促進: 充実した機能と明確なCTA(行動喚起)により、顧客がロイヤルティプログラムに参加・利用するよう促します。
  • コンバージョンの改善: 商品ページにリワード情報を直接表示することで、購買意欲を高めます。

I. ロイヤルティプログラム要素の追加(テンプレートセクション)

この連携により、GemPagesで構築したテーマ(専用ロイヤルティページやホームページなど)にBON Loyaltyブロックを直接追加できます。追加できるBON Loyaltyブロックは以下のとおりです。

  • ロイヤルティヘッダー
  • ポイント獲得セクション
  • ポイント利用セクション
  • VIPランクセクション
  • 紹介プログラムセクション

追加手順は以下のとおりです:

  1. GemPages の Pages を開き、新規ページを作成 するか、ページの種類に応じた 既存テンプレートを選択 します。

2. Appsセクション に移動します。

3. BON Loyaltyを選択: 「BON Loyalty」アプリ連携を見つけて選択します。

4. ドラッグ&ドロップ: 追加したいロイヤルティ要素(例:「VIPランクセクション」)をページレイアウト上にドラッグします。

5. 自動同期: 表示される情報(ポイント・ランク・テキスト)は、BON Loyaltyアプリ内で設定した内容と自動的に同期されます。

お客様にシームレスなショッピング体験を提供するため、この機能ではGemPagesで構築した商品ページに専用のCTA(行動喚起)リンクを挿入できます。

注意: この拡張機能を有効にするには、BON Loyaltyの Growthプラン以上 へのご登録が必要です。

1. 目的

商品詳細ページに動的なメッセージとリンクを挿入し、その商品で獲得できるポイント数をお客様に伝えることで、リワードを訴求してコンバージョンを向上させます。

2. 実装手順

  • 商品ページテンプレートを編集: GemPagesで、編集したい商品ページテンプレートまたは特定の商品ページを開きます。
  • 次に、Appsセクション > BON Loyalty > 「商品ページのポイント表示」 を選択します。

注記: この拡張機能を商品ページに表示するには、事前にBON Loyalty側でこの機能を有効化する必要があります。

  • 保存して公開: GemPagesで変更を保存し、ページを公開することでストアフロントに拡張機能が反映されます。

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