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

Theme

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

Theme

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
  • Dashboard
    • Overview: Dashboard
    • 月間注文制限
    • Activity log
    • Customer activities
  • Customers
    • Overview: Customer data
    • Customer profiles
    • Delete and exclude customers
    • Import data
  • Earn Points
    • 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
  • Redeem Points
    • Overview: Redeem points
    • Amount discounts
    • Percentage discounts
    • Free products
    • 送料無料
    • Combine discounts
    • Set up the BON POS UI Extension
    • Check BON discounts in Shopify
  • Referral Program
    • Overview: Referral program
    • Referral steps
    • Avoid unsuccessful referrals
  • VIP Tiers Program
    • Overview: VIP Tiers
    • VIP tags
  • Limited-time Points Offer
    • Overview: Limited-time points offer
  • Branding
    • ウィジェットを表示する
    • 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 at checkout
  • Emails
    • Overview: Notification emails
    • Email attributes
    • Integrate with Klaviyo
    • Integrate with Dotdigital
  • Analytics
    • Overview: Analytics
  • Settings
    • 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

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.

Overview

Overview of the Theme features
Customize your widget with the Theme features

Overview of the Theme features

To personalize your loyalty program’s display and match it with your store’s branding, you can find all options in Branding > Click on the ‘カスタマイズ‘ button in the Theme tab to customize how your widget will appear.

Branding > Theme

There are several customizable settings for you to make changes to the widget appearing on your store-storefront:

  • Visibility: Decide which pages to display your widget on and select the loyalty sections to feature within the widget.
  • Colors: Customize theme colors for separate sections on your widget.
  • Other advanced customizations include changing the banner image, adjusting the corner of the widget, removing the BON brandmark, and adding your own custom CSS.

NOTE: Some features are only available from the Basic plan and higher. Check out our pricing plans here.

Customize your widget with the Theme features

1. Visibility

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 Branding > 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.

2. Colors

Theme > Colors

With the Theme color, the changes will be reflected in the primary button, background, program title, and icon of each section.

With the Section color, you can make changes to the loyalty sections on your widget.

With the Function button color, you can change the color of the action buttons in tabs like Redeem points and Earn points. To preview the changes, you’ll need to go to your store-front, open the widget, and go to a specific tab to view the buttons.

NOTE: To change the colors for the loyalty sections and function buttons, you need to be on the Basic plan and above to unlock these features.

3. Banner image

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

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 は、魅力的なポイント、報酬、紹介プログラムによって加盟店が顧客エンゲージメントを高めるのを支援する、信頼できる報酬および紹介ソリューション プロバイダーです。

製品

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

当社について

  • パートナーになりませんか
  • お問い合わせ

リソース

  • ブログ
  • ビデオ

法律上の

  • プライバシーポリシー
  • 利用規約
© 2021 BON Loyalty - Rewards & Referrals
facebooklinkedintwitteryoutube