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

Widget icon

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

Widget icon

26 4月, 2022
カテゴリ
タグ

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

Widget icon – 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
  • ポイント交換ルール
    • 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 Tier Program
    • Overview: VIP Tier
    • VIP Tier tags
  • 期間限定ポイント
    • Overview: Limited-time points offer
  • Order Booster
    • Overview: Order booster
    • Order booster display
  • ブランディング設定
    • ウィジェットを表示する
    • Widget theme
    • Widget icon
    • Widget text
    • Display in multiple languages
    • Loyalty page with no coding
    • Loyalty page with coding
    • Promote BON with Loyalty page
    • Points on Customer account page
    • Points on Post-purchase page
    • Points on Cart page
    • Points on Checkout page
  • メール設定
    • Overview: Notification emails
    • Email attributes
    • Integrate with Klaviyo
    • Integrate with Dotdigital
  • 分析レポート
    • Overview: Analytics
  • その他の·設定
    • Overview: Settings
    • ポイント有効期限設定
    • Include tax in order total
    • Integrate with OneMobile
    • BON Loyalty integrate with Subscription Apps
  • 料金プラン
    • How to change pricing plans

Customize your widget icon

How to brand your widget with the Widget Icon feature

Introduction

The widget is a floating bubble that appears in the corner of your screen, designed to grab your customers’ attention and direct them to your loyalty program. To ensure your widget is both visually captivating and aligned with your brand identity, BON Loyalty offers a range of customization features for your widget icon. You can find these options by navigating to ブランディング設定 > カスタマイズ in the Widget Icon section.

ウィジェットのみ

Overview

Visibility
Hyperlink
Type
Placement
Title
Icon

Change the Visibility of the widget

Visibility

You can choose from the following visibility settings based on your preferences:

  • Visible on all devices: Displayed on both desktop and mobile.
  • Hide on mobile: Displayed only on desktop.
  • Hide on desktop: Displayed only on mobile.
  • Hide on all devices: The widget will not be displayed on any device.

Set up a Hyperlink leading to the loyalty program

IMPORTANT NOTE: Hyperlink customization is available from the Basic plan or higher. Explore our pricing plans for more advanced features.

Hyperlink

The Hyperlink is an icon or text added to your website that triggers the Loyalty Program pop-up when clicked. For instance, you can customize a built-in reward gift box icon and place it in the menu bar for easy access.

Change the Type of the widget

To adjust the type of your widget icon, go to the Type section after accessing the Widget Icon tab.

  • Here, you can choose how the widget icon appears — with both a title and icon, or with the title/icon only for mobile and desktop views.
  • You can also select from different sizes: Small, Medium, or Large for mobile and desktop views.

IMPORTANT NOTE: Changing the widget icon type is available from the Basic plan or higher. Explore our pricing plans for more advanced features.

Change the Placement of the widget

To modify where the widget icon appears on the screen, navigate to the Placement section within the Widget Icon tab.

Placement

You can position the widget icon in various locations on the screen:

  • Top left*
  • Side left*
  • Bottom left
  • Top right*
  • Side right*
  • Bottom right

IMPORTANT NOTE (*): Changing the widget icon placement beyond the Bottom Left and Bottom Right is available from the Basic plan or higher. Explore our pricing plans for more details.

For more precise placement, you can manually enter exact spacing measurements to position the icon exactly where you want it.

Placement

Change the Title of the widget

To update the title of your widget icon, go to the Title section within the Widget Icon tab.

BON Pro Tip: If you want the widget to be available in multiple languages, set up the languages first, then customize the title for each language. Click here to learn more about the multi-language display feature available in our paid plans.

Change the Icon of the widget

To change the logo of your widget icon, go to the Icon section within the Widget Icon tab.

Icon

You can either upload an image of your own or select one from our icon collection.

NOTE: The icon image must be in a 1:1 ratio (e.g., 60x60px) and should be less than 50KB.
Accepted file formats are .png, .jpg, .svg, and .gif.

After you’ve completed all the settings, don’t forget to click Save to ensure your changes are applied!

Previous
« Import data
次へ
Customize your widget text »

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

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

製品情報

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

会社情報

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

リソース

  • ブログ
  • 動画

法的情報

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