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

エージェンシー

  • ホームページ
  • ドキュメント
  • エージェンシー
Import data
26 4月, 2022
Customize your widget text
26 4月, 2022

エージェンシー

26 4月, 2022
カテゴリー
Tags

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

Theme – BON Loyalty
  • ロイヤルティプログラムの設定
    • 概要: クイックスタートガイド
    • BONでの複数通貨
    • 購入後のページ
    • Point recommendation strategy
    • Customer interaction with BON Loyalty
  • ダッシュボード
    • Overview: Dashboard
    • 月間注文数上限
    • Activity log
    • Customer activities
  • 顧客管理
    • Overview: Customer data
    • Customer profiles
    • Delete and exclude customers
    • Import data
  • ポイント獲得ルール
    • Overview: Earn points
    • アカウントを作成
    • Complete an order
    • Delayed points for Completing an order
    • Refunded orders
    • お誕生日おめでとう
    • ニュースレターを購読
    • Complete profile
    • Social media actions
    • Encourage repeated purchases with Order Booster
  • ポイント交換ルール
    • Overview: Redeem points
    • Amount discounts
    • Percentage discounts
    • Free products
    • 送料無料
    • Combine discounts
    • Set up the BON POS UI Extension
    • Check BON discounts in Shopify
  • 紹介プログラム
    • Overview: Referral program
    • Referral steps
    • Avoid unsuccessful referrals
  • VIPランク設定
    • Overview: VIP Tiers
    • VIP tags
  • 期間限定ポイント
    • Overview: Limited-time points offer
  • ブランディング設定
    • ウィジェットを表示する
    • Widget theme
    • Widget icon
    • Widget text
    • Display in multiple languages
    • Loyalty page with no coding
    • Loyalty page with coding
    • How to promote BON with Loyalty page
    • Display Order Booster
    • Use app embeds for BON on Customer account pages
    • Post-purchase page
    • Points on Cart Page
    • Points at checkout
  • メール設定
    • Overview: Notification emails
    • Email attributes
    • Integrate with Klaviyo
    • Integrate with Dotdigital
  • 分析レポート
    • Overview: Analytics
  • その他の·設定
    • General settings explained
    • How the point expiration feature works
    • Include tax in order total
    • Integrate with OneMobile
    • BON Loyalty integrate with Subscription Apps
  • 料金プラン
    • How to change pricing plan

Customize your widget theme

Learn how to customize your widget using features in the Theme tab

Introduction

Branding > Theme

Appearance and branding play a crucial role in a successful loyalty program. A visually appealing design not only impresses customers but also fosters recognition, helping your business stand out from competitors. Strong, unique branding builds trust, creates lasting impressions, and reinforces customer loyalty. You can customize the widget by navigating to ブランディング設定 > カスタマイズ in the エージェンシー section.

Overview

Colors
Visibility
Banner image
Corner
カスタムCSS

Change the Colors of the widget

AI and color pallete
  • Customize widget: Click here if you want to let the AI assist you in generating theme settings tailored to your store’s branding.
  • Select a color palette: Choose a color palette that best aligns with your brand identity for a cohesive and visually appealing customer experience.
Theme > Colors
  • Theme colors: The color changes will apply to key visual elements such as the primary button, background, program title, and icons throughout each section.
  • Section colors: The color changes will apply to the main loyalty program sections, including Earn Points, Redeem Points, and more.
  • Function button colors: The color changes will apply to the action buttons within each tab, including Earn Points, Redeem Points, and more.

NOTE: Customizing Section and Button colors is a premium feature available on the Basic plan or higher.

Change the Visibility of the widget

To begin setting up your widget on the storefront, you need to decide where to place the widget, so that your customers can see it clearly. Go to ブランディング設定 > Select Visibility.

Here, you can decide which pages to display your widget on.

Choose where you want to display the widget on your storefront

Next, choose whether to display all loyalty sections or only the active ones. If you select “Only show sections with active rules,” the system will automatically determine which sections to display based on the activation status of each program (Earn points, Redeem points, Referral program, VIP Tier program).

Choose loyalty sections to display on your storefront

You can also customize the displayed content on your widget. This setting comes with two options:

  • Show illustrations: Check this box to display the hand and gift box illustrations on your widget’s banner.
  • Show program title: Check this box to display the name of your loyalty program. You can edit this name under Widget Text > Sign-in Page > Section 1. Reward program. Learn how to customize the Widget Text here.

Change the Banner image of the widget

This feature allows you to upload a banner image to enhance your store’s branding and product promotion. Image requirements:

  • Aspect ratio of 1.7:1 (e.g., 375x220px)
  • File size must be under 500KB
  • Accepted file formats: .png, .jpg, .svg, .gif

Change the Corner of the widget

Corner

Choose between Soft, Round, or Square corners to match your widget with your store’s branding.

Add Custom CSS to the widget

This option allows you to apply your own code to adjust basic design elements of the widget –  ideal if you’re familiar with CSS.

NOTE: This premium feature is available on the Growth plan or higher.

Once you finish customizing your widget’s Theme, don’t forget to click Save. If you click Reset settings to default, all the settings will be permanently reset.

Previous
« Import data
次へ
Customize your widget text »

Share
2
BON Loyaltyを無料で試そう!
無料で始める
Menu
BON Loyalty

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

製品情報

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

会社情報

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

リソース

  • ブログ
  • 動画

法的情報

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