BON × PageFly連携で、ロイヤルティプログラムの表示をさらに魅力的に強化しましょう
ロイヤルティプログラムにおいて、デザインやブランディングは非常に重要です。BON Loyaltyはこのたび、Shopifyで人気No.1のページビルダーアプリ「PageFly」と連携しました。
この連携により、ブランドやロイヤルティプログラムの認知を高め、顧客により良い印象を与えながら、顧客ロイヤルティの向上につなげることができます。
ご注意：本連携機能はBasicプラン以上でご利用いただけます。詳しくは料金プランをご確認ください。
初期設定
カスタマイズを行う前に、以下の必須設定を完了する必要があります。
- BONアプリ内：本機能はBasicプラン以上のストアでご利用いただけます。プログラムステータスおよびロイヤルティページのステータスを有効にする必要があります。
プログラムステータスを有効にするには、 BON ＞ Settingsタブ ＞「有効化（Activate）」をクリック ＞「保存（Save）」をクリックしてください。
ロイヤルティページ機能を有効にするには、 ブランディング ＞ ロイヤルティページ（Branding ＞ Loyalty Page） ＞ ステータスバーをクリック ＞「有効（Enabled）」を選択 ＞「保存（Save）」をクリックしてください。
- PageFly側：BON連携（BON integration）を有効にする必要があります。
Go to Extra functions > Integration > Click on the search icon 🔍 > Type “BON” > Click the “Activate” button to integrate:
PageFlyアプリでロイヤルティページを作成する方法
このオプションを使用すると、BONのロイヤルティページ機能を利用しながら、PageFly上でロイヤルティページを作成できます。
1. In the Pages tab of PageFly, you can customize the existing pages, or create a new page.
左側のメニューバーで「サードパーティ要素を追加（Add third-party elements）」を選択します。
検索バーで「BON」と入力するか、「Loyalty and Rewards」カテゴリから選択できます。
Click on the BON app and you will find 10 elements to add in the page:
These blocks are the segments for a loyalty program – technically supported by the BON Loyalty app:
- Loyalty Page Earning
- Loyalty Page FAQS
- Loyalty Page Header
- Loyalty Page How It Works
- LoyaltyPage Order Booster
- Loyalty Page Profile
- Loyalty Page Redeem
- Loyalty Page Referral
- Loyalty Page Tier
3. 選択した要素をクリックし、そのままページ上にドラッグ＆ドロップします。
4. Click “Save” after you’ve finished the customization.
注記：
- PageFlyアプリでは、BONの各セクションを一部またはすべて選択して使用できます。
- 示内容（画像、カラーなど）を変更するには、BONアプリの「ブランディング ＞ ロイヤルティページ（Branding ＞ Loyalty page）」で編集してください。
例えば、このストアではロイヤルティプログラムの一部を商品レビューページに表示しています。
商品ページにBONのハイパーリンクを作成する方法
この機能を使用すると、商品ページにBONのロイヤルティプログラムの特典やオファーを表示でき、ロイヤルティプログラムの認知向上につながります。
1. In PageFly app > Pages tab > Create from template or edit a current page
2. 左側のメニューバーで「サードパーティ要素を追加（Add third-party elements）」を選択します。
検索バーで「BON」と入力するか、「Loyalty and Rewards」カテゴリから選択できます。
Click on the BON app > Select “Hyperlink loyalty program”.
3. Click and drag the selected item to the Product details element.
4. カスタマイズが完了したら、「保存（Save）」をクリックします。
重要：ロイヤルティプログラムのハイパーリンクセクションは、Product detailsエレメント内でのみ動作します。このセクションがProduct detailsエレメントの外に配置されている場合は、エラー通知が表示されます。
設定を完了してページを公開すると、テキストとハイパーリンクが表示されます。お客様が青色のハイパーリンクをクリックすると、ウィジェットが自動的に表示されます。
ご注意：ハイパーリンクの内容はデフォルト設定のため、編集することはできません。
このガイドは役に立ちましたか？
