bon-loyaltybon-loyaltybon-loyaltybon-loyalty
  • 特徴
  • ドキュメント
  • ブログ
    • 最新アップデート
    • ブログ
  • 料金プラン
  • リソース
    • BON LoyaltyとSmile.ioの比較
    • BON LoyaltyとRivoの比較
    • BON LoyaltyとGrowaveの比較
    • BON LoyaltyとLoyaltyLionの比較
    • BON LoyaltyとYotpoの比較
  • パートナー
  • jaJA
    • en_USEN
  • 無料で始める
  • デモを予約
  • 無料で始める
  • デモを予約
Download
✕

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

  • ホームページ
  • ドキュメント
  • コード表示ロイヤルティページ
『ニュースレター購読』によるポイント獲得アクション
27 2月, 2023
金額割引
15 4月, 2023

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

28 2月, 2023
カテゴリ
タグ

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

コーディング付きロイヤリティページ表示
  • ロイヤルティプログラムの設定
    • 概要: クイックスタートガイド
    • BONでの複数通貨
    • 購入後のページ
    • ポイント付与戦略のおすすめ
    • BON Loyaltyとのお客様のやり取り
  • ダッシュボード
    • 概要:ダッシュボード
    • 月間注文数上限
    • アクティビティログ
    • 顧客アクティビティ
  • 顧客管理
    • 顧客データの概要
    • 顧客プロフィール
    • 顧客の削除と除外
    • データのインポート
  • ポイント獲得ルール
    • ポイント獲得の概要
    • アカウント作成
    • 注文完了
    • 注文完了時のポイント付与の遅延
    • 返金された注文
    • 誕生日特典
    • ニュースレターを購読
    • プロフィール完了
    • SNSアクション
  • ポイント交換ルール
    • ポイント交換の概要
    • 定額割引
    • パーセント割引
    • 無料商品
    • 送料無料
    • 割引併用
    • BON POS UI拡張機能設定
    • ShopifyでBON割引確認
  • 紹介プログラム
    • 紹介プログラムの概要
    • 紹介のステップ
    • 紹介のトラブル回避
  • VIPランクプログラム
    • 概要:VIPランク
    • VIPランクタグ
  • 期間限定ポイント
    • 概要:期間限定ポイントオファー
  • 注文ブースター
    • 概要:注文ブースター
    • 注文ブースター表示
  • ブランディング設定
    • ウィジェット表示
    • ウィジェットテーマ
    • ウィジェットアイコン
    • ウィジェットテキスト
    • 多言語表示
    • コード不要のロイヤルティページ
    • コード付きロイヤルティページ
    • LoyaltyページでBONをアピール
    • 商品ページのポイント表示
    • 顧客アカウントページのポイント
    • リワード表示設定
    • カートページのポイント
    • 購入後ページのポイント
    • チェックアウトページのポイント
  • メール設定
    • 概要:通知メール
    • メール属性
    • Klaviyo と連携
    • Dotdigital と連携
  • 分析レポート
    • 概要:アナリティクス
  • その他の設定
    • 概要:設定
    • ポイント有効期限
    • 注文合計に税金を含める
    • OneMobileと連携
    • BON Loyaltyは定期購入アプリと連携
  • 料金プラン
    • 従量課金制
    • 料金プランの変更方法

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

非2.0 Shopify テーマでのロイヤルティページ表示方法 without template section apps)

重要なお知らせ:BON のロイヤルティランディングページ表示はBasic プラン以上で利用可能です。詳しくは料金プランをご確認ください。

はじめに

少しのコード調整で、競合と差をつける魅力的なロイヤルティページを作成できます。ぜひこの機会を活かして、お客様のエンゲージメントを高め、売上アップにつなげましょう!

概要

ロイヤルティページを有効化する
ストアフロントにロイヤルティページを表示

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

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

Enable the Loyalty page

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

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

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

Shopify 管理画面 > 販売チャネル > オンラインストア > テーマ に進み、3点ボタンをクリック > コードを編集 を選択します。

Templates フォルダで 新しいテンプレートを追加 をクリック > ページ を選択し、Liquid を選択 > ファイル名(例:bon-loyalty)を入力 > 完了 をクリックします。

テンプレート欄に以下のコードを貼り付け、Liquid をフォーマットを選択 > 保存をクリックします。

重要:表示の不具合を防ぐため、このコードは編集しないでください。

{% liquid
      assign bonLoyaltyPageInfo = shop.metafields.bonLoyaltyPageInfo.bonLoyaltyPageInfo
      assign bonShopInfo = shop.metafields.bonShopInfo.bonShopInfo
  %}
  <script> var bonLoyaltyPageInfo = {{ bonLoyaltyPageInfo | json }}; </script>
  <script> var bonShopInfo = {{ bonShopInfo | json }}; </script>
  <div class='shopify-section'>
      {{ page.content }}
      <script id='script-bon-loyalty-page' src='https://d31wum4217462x.cloudfront.net/loyalty_page/js/app.js'></script>
  </div>
 

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

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

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

Online store > Pages

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

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

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

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

Main/Footer menu

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

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

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

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

Add menu item
Link > Pages > BON Loyalty Page

これでロイヤルティページが完成し、お客様とのエンゲージメントやリワード提供を開始できます!

前の
« 『ニュースレター購読』によるポイント獲得アクション
次へ
金額割引 »

Share
2
BON Loyaltyを無料で試そう!
無料で始める
メニュー
BON Loyalty

BON Loyaltyは、魅力的なポイント・リワード・紹介制度を通じて、顧客エンゲージメントの向上を支援する信頼のソリューションプロバイダーです。

製品情報

  • ホームページ
  • 特徴
  • アップストア

会社情報

  • パートナー募集
  • お問い合わせ

リソース

  • ブログ
  • 動画

法的情報

  • プライバシーポリシー
  • 利用規約
  • データ処理契約(DPA)
© 2021 BON Loyalty - Rewards & Referrals
facebooklinkedintwitteryoutube