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
✕

テーマ

  • ホームページ
  • ドキュメント
  • テーマ
データのインポート
26 4月, 2022
ウィジェットのテキストをカスタマイズ
26 4月, 2022

テーマ

26 4月, 2022
カテゴリ
タグ

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は定期購入アプリと連携
  • 料金プラン
    • 従量課金制
    • 料金プランの変更方法

ウィジェットテーマをカスタマイズ

テーマタブの機能を使ってウィジェットをカスタマイズする方法

はじめに

Branding > Theme

ロイヤリティプログラムの成功には、見た目とブランドイメージが重要です。 魅力的なデザインはお客様に好印象を与え、認知度を高め、競合他社との差別化に役立ちます。 強く独自のブランドは信頼を築き、印象に残り、顧客ロイヤリティを強化します。 ウィジェットは、テーマのブランド設定 > カスタマイズから自由に調整できます。

概要

カラー
表示設定
バナー画像
角の形状
カスタムCSS

ウィジェットのカラーを変更

AI and color pallete
  • ウィジェットをカスタマイズ: AIが店舗ブランドに合わせたテーマ設定を生成するサポートを希望する場合は、ここをクリックします。
  • カラーパレットを選択: ブランドイメージに最も合ったカラーパレットを選び、統一感のある魅力的な顧客体験を作ります。
Theme > Colors
  • テーマカラー: 主要なボタン、背景、プログラムタイトル、各セクションのアイコンなどの主要ビジュアル要素に色の変更が適用されます。
  • セクションカラー: ポイント獲得、ポイント交換など、主要なロイヤリティプログラムのセクションに色の変更が適用されます。
  • 機能ボタンのカラー: 各タブ内のアクションボタンに色の変更が適用されます。ポイント獲得、ポイント交換などを含みます。

注意: セクションとボタンのカラーカスタマイズは、Basicプラン以上で利用可能なプレミアム機能です。

ウィジェットの表示設定を変更

ストアフロントにウィジェットを設定するには、まずお客様に見やすい場所を決める必要があります。 ブランド設定 > 表示設定 に進みます。

こちらで、ウィジェットを表示するページを選択できます。

Choose where you want to display the widget on your storefront

次に、すべてのロイヤリティセクションを表示するか、アクティブルールのあるセクションのみ表示するかを選択します。 「アクティブルールのあるセクションのみ表示」を選ぶと、各プログラム(ポイント獲得、ポイント交換、紹介プログラム、VIPランクプログラム)の有効状況に応じて、表示するセクションが自動的に決まります。

Choose loyalty sections to display on your storefront

ウィジェットに表示されるコンテンツもカスタマイズ可能です。この設定には、以下の2つのオプションがあります。

  • イラストを表示: このボックスをチェックすると、ウィジェットのバナーに手とギフトボックスのイラストが表示されます。
  • プログラムタイトルを表示: このボックスをチェックすると、ロイヤリティプログラムの名前が表示されます。名前はウィジェットテキスト > サインインページ > セクション1. リワードプログラムで編集できます。ウィジェットテキストのカスタマイズ方法はこちらをご覧ください。

ウィジェットのバナー画像を変更

こちらの機能では、店舗のブランドイメージや商品プロモーションを強化するためのバナー画像をアップロードできます。 画像の要件は以下の通りです。

  • アスペクト比: 1.7:1(例:375x220px)
  • ファイルサイズ:500KB以下である必要
  • 対応ファイル形式:.png、.jpg、.svg、.gif

ウィジェットの角の形状を変更

角の形状

店舗のブランドイメージに合わせて、ソフト、ラウンド、またはスクエアの角を選択できます。

ウィジェットにカスタムCSSを追加

こちらのオプションでは、ご自身のコードを使ってウィジェットの基本的なデザイン要素を調整できます。CSSに詳しい方に最適です。

注意: このプレミアム機能はGrowthプラン以上で利用可能です。

カスタマイズが完了したら、必ず保存をクリックしてください。 設定をデフォルトにリセットをクリックすると、すべての設定が永久にリセットされますのでご注意ください。

前の
« データのインポート
次へ
ウィジェットのテキストをカスタマイズ »

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

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

製品情報

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

会社情報

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

リソース

  • ブログ
  • 動画

法的情報

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