{"id":25626,"date":"2026-11-05T03:45:04","date_gmt":"2026-11-05T03:45:04","guid":{"rendered":"https:\/\/bonloyalty.com\/?post_type=docs&#038;p=25626"},"modified":"2026-11-05T06:30:31","modified_gmt":"2026-11-05T06:30:31","slug":"customize-your-loyalty-page","status":"publish","type":"docs","link":"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/","title":{"rendered":"Customize your Loyalty page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"25626\" class=\"elementor elementor-25626\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ab22c30 elementor-section-stretched sec-video elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ab22c30\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e3ddd3d left-col\" data-id=\"e3ddd3d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1fa0773 elementor-widget elementor-widget-text-editor\" data-id=\"1fa0773\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>      <script>\n        \/\/ Khai b\u00e1o ajaxurl ch\u1ec9 cho ri\u00eang shortcode n\u00e0y\n        const ajaxurl = \"https:\/\/bonloyalty.com\/wp-admin\/admin-ajax.php\";\n    <\/script>\n    <!-- \u00d4 nh\u1ecf -->\n    <div class=\"custom-search-box\">\n        <input type=\"text\" class=\"custom-search-input\" placeholder=\"Search\">\n        <div class=\"custom-search-icons\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/ico1.svg\" alt=\"icon 1\" class=\"icon\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/ico2.svg\" alt=\"icon 2\" class=\"icon\">\n        <\/div>\n    <\/div>\n\n    <!-- Popup full m\u00e0n -->\n    <div class=\"custom-search-popup\" id=\"customSearchPopup\">\n        <div class=\"popup-inner\">\n            <div class=\"popup-header\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\"> <path d=\"M11.5 21.5C16.7467 21.5 21 17.2467 21 12C21 6.75329 16.7467 2.5 11.5 2.5C6.25329 2.5 2 6.75329 2 12C2 17.2467 6.25329 21.5 11.5 21.5Z\" stroke=\"#292D32\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/> <path d=\"M22 22.5L20 20.5\" stroke=\"#292D32\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/> <\/svg>\n                <input type=\"text\" class=\"popup-search-input\" placeholder=\"Search for articles\">\n                <button class=\"popup-close\">Esc<\/button>\n            <\/div>\n            <div class=\"popup-results\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const input = document.querySelector('.custom-search-input');\n        const popup = document.getElementById('customSearchPopup');\n        const closeBtn = popup.querySelector('.popup-close');\n\n        input.addEventListener('focus', () => {\n            popup.classList.add('active');\n            document.body.classList.add('popup-open');\n            popup.querySelector('.popup-search-input').focus();\n        });\n\n        closeBtn.addEventListener('click', () => {\n            popup.classList.remove('active');\n            document.body.classList.remove('popup-open');\n        });\n\n        document.addEventListener('keydown', (e) => {\n            if (e.key === 'Escape') {\n                popup.classList.remove('active');\n                document.body.classList.remove('popup-open');\n            }\n        });\n\n        popup.addEventListener('click', (e) => {\n            if (e.target === popup) {\n                popup.classList.remove('active');\n                document.body.classList.remove('popup-open');\n            }\n        });\n    });\n\n    document.addEventListener('DOMContentLoaded', function() {\n        const popupInput = document.querySelector('.popup-search-input');\n        const resultsContainer = document.querySelector('.popup-results');\n        let timer;\n\n        popupInput.addEventListener('input', function() {\n            clearTimeout(timer);\n            const keyword = this.value.trim();\n\n            if (keyword.length < 2) {\n                resultsContainer.innerHTML = '';\n                return;\n            }\n\n            timer = setTimeout(() => {\n                fetch(`${ajaxurl}?action=custom_search_docs&s=${encodeURIComponent(keyword)}`)\n                    .then(response => response.json())\n                    .then(data => {\n                        if (!data.length) {\n                            resultsContainer.innerHTML = '<p class=\"nors\">No results found.<\/p>';\n                            return;\n                        }\n\n                        resultsContainer.innerHTML = data.map(item => `\n                            <div class=\"popup-result-item\">\n                                <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">On this page<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#itemtitle\" >${item.title}<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#Customize_your_Loyalty_page\" >Customize your Loyalty page<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#Introduction\" >Introduction<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#Open_the_Loyalty_page_editor\" >Open the Loyalty page editor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#Main_features\" >Main features<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#_1_Status\" >\u00a0 1. Status<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#_2_Branding%E2%80%8B\" >\u00a0 2. Branding\u200b<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#_21_Color_pallete\" >\u00a0 2.1. Color pallete<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#_22_Banner_image\" >\u00a0 2.2. Banner image<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#_23_Corner_and_colors\" >\u00a0 2.3. Corner and colors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#_24_VIP_Tier_icon_and_Referral_program\" >\u00a0 2.4. VIP Tier icon and Referral program<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#_3_Text_styles\" >\u00a0 3. Text styles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#_4_Displayed_text\" >\u00a0 4. Displayed text<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#Loyalty_blocks\" >Loyalty blocks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/customize-your-loyalty-page\/#Display_the_Loyalty_page_on_your_storefront\" >Display the Loyalty page on your storefront<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h4><span class=\"ez-toc-section\" id=\"itemtitle\"><\/span><a href=\"${item.link}\">${item.title}<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n                                    <p>${item.excerpt}<\/p>\n                            <\/div>\n                        `).join('');\n                    });\n            }, 300);\n        });\n    });\n    <\/script>\n\n    <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-126789d id-query elementor-widget elementor-widget-sidebar\" data-id=\"126789d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"how\" data-widget_type=\"sidebar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<aside id=\"widget_mfn_menu-2\" class=\"widget widget_mfn_menu\"><div class=\"menu-docs-menu-container\"><ul id=\"menu-docs-menu\" class=\"menu submenus-click\"><li id=\"menu-item-19277\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-19277\"><a href=\"\/docs\/about\/docs-overview\/\">Overview<\/a><\/li>\n<li id=\"menu-item-3087\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3087\"><a href=\"#\">Set Up Your Loyalty Program<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-15400\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15400\"><a href=\"https:\/\/bonloyalty.com\/docs\/set-up-a-loyalty-program\/overview-quick-start-guide\/\">Overview: Quick start guide<\/a><\/li>\n\t<li id=\"menu-item-4686\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-4686\"><a href=\"https:\/\/bonloyalty.com\/docs\/set-up-a-loyalty-program\/bon-loyalty-multiple-markets\/\">Multi-currency in BON<\/a><\/li>\n\t<li id=\"menu-item-9687\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-9687\"><a href=\"https:\/\/bonloyalty.com\/docs\/set-up-a-loyalty-program\/post-purchage-page\/\">Post-purchage page<\/a><\/li>\n\t<li id=\"menu-item-11449\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-11449\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/set-up-a-loyalty-program\/5-key-steps-for-a-successful-reward-system\/\">Point recommendation strategy<\/a><\/li>\n\t<li id=\"menu-item-3081\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-3081\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/set-up-a-loyalty-program\/customer-interaction\/\">Customer interaction with BON Loyalty<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-3080\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-has-children menu-item-3080\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/dashboard\/dashboard-overview\/\">Dashboard<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-7879\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7879\"><a href=\"https:\/\/bonloyalty.com\/docs\/dashboard\/dashboard-overview\/\">Overview: Dashboard<\/a><\/li>\n\t<li id=\"menu-item-5982\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-5982\"><a href=\"https:\/\/bonloyalty.com\/docs\/pricing\/monthly-order-limit\/\">Monthly order limit<\/a><\/li>\n\t<li id=\"menu-item-7878\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7878\"><a href=\"https:\/\/bonloyalty.com\/docs\/dashboard\/activity-log\/\">Activity log<\/a><\/li>\n\t<li id=\"menu-item-13107\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-13107\"><a href=\"https:\/\/bonloyalty.com\/docs\/customers\/customer-activities\/\">Customer activities<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-3499\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3499\"><a href=\"#\">Customers<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-3503\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-3503\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/customers\/customer-data\/\">Overview: Customer data<\/a><\/li>\n\t<li id=\"menu-item-3504\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-3504\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/customers\/customer-profile\/\">Customer profiles<\/a><\/li>\n\t<li id=\"menu-item-15639\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15639\"><a href=\"https:\/\/bonloyalty.com\/docs\/settings\/delete-exclude-customers\/\">Delete and exclude customers<\/a><\/li>\n\t<li id=\"menu-item-23311\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23311\"><a href=\"https:\/\/bonloyalty.com\/docs\/customers\/managing-and-merging-customers-profiles\/\">How to merge customers&#8217; profiles in BON<\/a><\/li>\n\t<li id=\"menu-item-3502\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-3502\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/customers\/import-customer-data-via-csv-file\/\">Import data<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-3089\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3089\"><a href=\"#\">Earn Points<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-3079\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-3079\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/earn-points\/overview\/\">Overview: Earn points<\/a><\/li>\n\t<li id=\"menu-item-4701\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-4701\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/create-an-account\/\">Create an account<\/a><\/li>\n\t<li id=\"menu-item-15168\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15168\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/complete-an-order\/\">Complete an order<\/a><\/li>\n\t<li id=\"menu-item-23677\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23677\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/point-multiplier-for-specific-products-or-collection\/\">Earn more points for a specific collection\/products<\/a><\/li>\n\t<li id=\"menu-item-15295\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15295\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/delayed-points-shopify-flow\/\">Delayed points for Completing an order<\/a><\/li>\n\t<li id=\"menu-item-23422\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23422\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/integrate-with-subscription-apps\/\">Integrate with Subscription apps<\/a><\/li>\n\t<li id=\"menu-item-7620\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7620\"><a href=\"https:\/\/bonloyalty.com\/docs\/set-up-a-loyalty-program\/refunded-order\/\">Refunded orders<\/a><\/li>\n\t<li id=\"menu-item-15385\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15385\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/happy-birthday\/\">Happy birthday<\/a><\/li>\n\t<li id=\"menu-item-23563\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23563\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/leave-a-review-judgeme\/\">Leave a review &#8211; Judgeme.io<\/a><\/li>\n\t<li id=\"menu-item-23552\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23552\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/leave-a-review-loox\/\">Leave a review &#8211; Loox<\/a><\/li>\n\t<li id=\"menu-item-23559\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23559\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/leave-a-review-lai-review\/\">Leave a review &#8211; LAI<\/a><\/li>\n\t<li id=\"menu-item-23660\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23660\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/leave-a-review-fera\/\">Leave a review &#8211; Fera<\/a><\/li>\n\t<li id=\"menu-item-15572\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15572\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/subscribe-to-newsletter\/\">Subscribe to newsletter<\/a><\/li>\n\t<li id=\"menu-item-14592\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-14592\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/complete-profile-earn-points-action\/\">Complete profile<\/a><\/li>\n\t<li id=\"menu-item-7019\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7019\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/social-media-actions\/\">Social media actions<\/a><\/li>\n\t<li id=\"menu-item-24125\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-24125\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/daily-checkins\/\">Daily check-ins<\/a><\/li>\n\t<li id=\"menu-item-24146\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-24146\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/anniversary-rewards\/\">Anniversary rewards<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-3495\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3495\"><a href=\"#\">Redeem Points<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-3496\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-3496\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/redeem-points\/redeem-points-tab-overview\/\">Overview: Redeem points<\/a><\/li>\n\t<li id=\"menu-item-6292\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-6292\"><a href=\"https:\/\/bonloyalty.com\/docs\/redeem-points\/amount-discount\/\">Amount discounts<\/a><\/li>\n\t<li id=\"menu-item-6383\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-6383\"><a href=\"https:\/\/bonloyalty.com\/docs\/redeem-points\/percentage-discount\/\">Percentage discounts<\/a><\/li>\n\t<li id=\"menu-item-15312\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15312\"><a href=\"https:\/\/bonloyalty.com\/docs\/redeem-points\/free-product\/\">Free products<\/a><\/li>\n\t<li id=\"menu-item-15341\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15341\"><a href=\"https:\/\/bonloyalty.com\/docs\/redeem-points\/free-shipping\/\">Free shipping<\/a><\/li>\n\t<li id=\"menu-item-16255\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-16255\"><a href=\"https:\/\/bonloyalty.com\/docs\/redeem-points\/combine-discounts\/\">Combine discounts<\/a><\/li>\n\t<li id=\"menu-item-24503\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-24503\"><a href=\"https:\/\/bonloyalty.com\/docs\/redeem-points\/configure-discounts-for-subscription-orders\/\">Discounts for Subscription orders<\/a><\/li>\n\t<li id=\"menu-item-16045\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-16045\"><a href=\"https:\/\/bonloyalty.com\/docs\/set-up-a-loyalty-program\/bon-pos\/\">Set up the BON POS UI Extension<\/a><\/li>\n\t<li id=\"menu-item-25488\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-25488\"><a href=\"https:\/\/bonloyalty.com\/docs\/set-up-a-loyalty-program\/scan-customer-qr-on-bon-pos\/\">Scan customer QR on BON POS<\/a><\/li>\n\t<li id=\"menu-item-24862\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-24862\"><a href=\"https:\/\/bonloyalty.com\/docs\/redeem-points\/how-to-view-redeem-points-in-shopify-customer-admin\/\">How to view and redeem points in Shopify Customer Admin<\/a><\/li>\n\t<li id=\"menu-item-15201\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15201\"><a href=\"https:\/\/bonloyalty.com\/docs\/redeem-points\/check-bon-discounts-in-shopify\/\">Check BON discounts in Shopify<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-7210\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7210\"><a href=\"#\">Referral Program<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-3494\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-3494\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/earn-points\/how-to-set-up-referral-program\/\">Overview: Referral program<\/a><\/li>\n\t<li id=\"menu-item-5861\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-5861\"><a href=\"https:\/\/bonloyalty.com\/docs\/referral-program\/how-customers-earn-referral-rewards\/\">Referral steps<\/a><\/li>\n\t<li id=\"menu-item-3492\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-3492\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/earn-points\/how-to-avoid-unsuccessful-referrals\/\">Avoid unsuccessful referrals<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-6660\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6660\"><a href=\"#\">VIP Tier Program<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-14438\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-14438\"><a href=\"https:\/\/bonloyalty.com\/docs\/vip-program\/how-to-set-up-vip-tier-program\/\">Overview: VIP Tier<\/a><\/li>\n\t<li id=\"menu-item-15425\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15425\"><a href=\"https:\/\/bonloyalty.com\/docs\/vip-program\/vip-tags\/\">VIP Tier tags<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-23460\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-23460\"><a href=\"#\">B2B Tier program<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-23459\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23459\"><a href=\"https:\/\/bonloyalty.com\/docs\/vip-program\/b2b-tier-program\/\">How to set up B2B Tier Program<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-15881\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-15881\"><a href=\"#\">Limited-time Points Offer<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-15882\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15882\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/limited-time-points-offer\">Overview: Limited-time points offer<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-17756\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-17756\"><a href=\"#\">Order Booster<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-16840\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-16840\"><a href=\"https:\/\/bonloyalty.com\/docs\/earn-points\/order-booster\/\">Overview: Order booster<\/a><\/li>\n\t<li id=\"menu-item-16841\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-16841\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/order-booster-display\/\">Order booster display<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-3506\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3506\"><a href=\"#\">Branding<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-10235\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-10235\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/display-widget\/\">Display the widget<\/a><\/li>\n\t<li id=\"menu-item-7332\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7332\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/widget-theme\/\">Widget theme<\/a><\/li>\n\t<li id=\"menu-item-8029\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-8029\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/widget-icon\/\">Widget icon<\/a><\/li>\n\t<li id=\"menu-item-3509\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-3509\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/branding\/widget-text\/\">Widget text<\/a><\/li>\n\t<li id=\"menu-item-15417\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15417\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/display-multiple-languages\/\">Display in multiple languages<\/a><\/li>\n\t<li id=\"menu-item-16411\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-16411\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/promote-your-loyalty-program-with-feature-loyalty-page\/\">Overview: Loyalty Page<\/a><\/li>\n\t<li id=\"menu-item-15951\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15951\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/loyalty-page-no-coding\/\">Loyalty page with no coding<\/a><\/li>\n\t<li id=\"menu-item-15952\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-15952\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/loyalty-page-coding\/\">Loyalty page with coding<\/a><\/li>\n\t<li id=\"menu-item-25670\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-25670\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/customize-your-loyalty-page\/\">Customize your Loyalty page<\/a><\/li>\n\t<li id=\"menu-item-24324\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-24324\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/how-to-connect-bonloyalty-to-klaviyo-customer-hub\/\">Connect BON to Klaviyo&#8217;s Customer Hub<\/a><\/li>\n\t<li id=\"menu-item-23776\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23776\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/integrate-with-pagefly\/\">Integrate with PageFly<\/a><\/li>\n\t<li id=\"menu-item-23812\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23812\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/integrate-with-gempages\/\">Integrate with GemPages<\/a><\/li>\n\t<li id=\"menu-item-24766\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-24766\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/integrate-with-ecomposer\/\">Integrate with EComposer<\/a><\/li>\n\t<li id=\"menu-item-18676\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-18676\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/reward-display-setup\/\">Reward display setup<\/a><\/li>\n\t<li id=\"menu-item-18681\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-18681\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/points-on-product-page\/\">Points on Product page<\/a><\/li>\n\t<li id=\"menu-item-16505\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-16505\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/points-on-customer-account-page\/\">Points on Customer account page<\/a><\/li>\n\t<li id=\"menu-item-17383\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-17383\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/point-on-cart-page\/\">Points on Cart page<\/a><\/li>\n\t<li id=\"menu-item-14935\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-14935\"><a href=\"https:\/\/bonloyalty.com\/docs\/set-up-a-loyalty-program\/points-at-checkout\/\">Points on Checkout page<\/a><\/li>\n\t<li id=\"menu-item-14729\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-14729\"><a href=\"https:\/\/bonloyalty.com\/docs\/set-up-a-loyalty-program\/post-purchage-page\/\">Points on Post-purchase page<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-8017\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-8017\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/email-overview\">Emails<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-7876\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-7876\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/email-overview\">Overview: Notification emails<\/a><\/li>\n\t<li id=\"menu-item-23532\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23532\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/verify-email-sender\/\">Verify email sender<\/a><\/li>\n\t<li id=\"menu-item-17731\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-17731\"><a href=\"https:\/\/bonloyalty.com\/docs\/branding\/email-attributes\/\">Email attributes<\/a><\/li>\n\t<li id=\"menu-item-13696\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-13696\"><a href=\"https:\/\/bonloyalty.com\/docs\/email\/integrate-with-klaviyo\/\">Integrate with Klaviyo<\/a><\/li>\n\t<li id=\"menu-item-13695\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-13695\"><a href=\"https:\/\/bonloyalty.com\/docs\/email\/integrate-with-dotdigital\/\">Integrate with Dotdigital<\/a><\/li>\n\t<li id=\"menu-item-23645\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23645\"><a href=\"https:\/\/bonloyalty.com\/docs\/email\/integrate-with-omnisend\/\">Integrate with Omnisend<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-13108\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13108\"><a href=\"#\">Analytics<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-13283\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-13283\"><a href=\"https:\/\/bonloyalty.com\/docs\/analytics\/how-analytics-feature-works\/\">Overview: Analytics<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-3517\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3517\"><a href=\"#\">Settings<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-3519\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-3519\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/settings\/general-settings-explained\/\">Overview: Settings<\/a><\/li>\n\t<li id=\"menu-item-3520\" class=\"menu-item menu-item-type-post_type menu-item-object-docs menu-item-3520\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/settings\/how-the-point-expiration-feature-works\/\">Point expiration<\/a><\/li>\n\t<li id=\"menu-item-23490\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-23490\"><a href=\"https:\/\/bonloyalty.com\/docs\/settings\/exclude-customers-by-tag\/\">Customer Eligibility<\/a><\/li>\n\t<li id=\"menu-item-4527\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-4527\"><a href=\"https:\/\/bonloyalty.com\/docs\/settings\/include-tax-in-order-total\/\">Include tax in order total<\/a><\/li>\n\t<li id=\"menu-item-24923\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-24923\"><a href=\"https:\/\/bonloyalty.com\/docs\/settings\/how-to-send-automatic-notifications-to-your-customers-via-line\/\">Integrate with LINE<\/a><\/li>\n\t<li id=\"menu-item-16189\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-16189\"><a href=\"https:\/\/bonloyalty.com\/docs\/set-up-a-loyalty-program\/how-to-integrate-with-onemobile\/\">Integrate with OneMobile<\/a><\/li>\n\t<li id=\"menu-item-16889\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-16889\"><a href=\"https:\/\/bonloyalty.com\/docs\/settings\/integrate-with-subscription-apps\/\">BON Loyalty integrate with Subscription Apps<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-5983\" class=\"menu-item menu-item-type-taxonomy menu-item-object-docscategory menu-item-has-children menu-item-5983\"><a href=\"https:\/\/bonloyalty.com\/ja\/docs\/pricing\/\">Pricing<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-6195\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-6195\"><a href=\"https:\/\/bonloyalty.com\/docs\/pricing\/how-to-change-plan\/\">How to change pricing plans<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul><\/div><\/aside>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6167b0d right-col\" data-id=\"6167b0d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c9dde8a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"c9dde8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Customize_your_Loyalty_page\"><\/span>Customize your Loyalty page<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33f627c elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"33f627c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><em>Understand what each Loyalty page setting does and how to set up a branded loyalty page for your store<\/em><\/p><p><strong>NOTE<\/strong>: The Loyalty page feature is available on the <em><strong>Starter plan or higher<\/strong>.<\/em> Check out our <a href=\"https:\/\/bonloyalty.com\/pricing-plans\/\">Pricing plans<\/a>\u00a0for more details.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eab3c8c elementor-widget elementor-widget-heading\" data-id=\"eab3c8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Introduction\"><\/span>Introduction<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68ce9f2 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"68ce9f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div id=\"introduction\" class=\"elementor-element elementor-element-d211a69 elementor-widget elementor-widget-text-editor\" data-id=\"d211a69\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><div class=\"elementor-widget-container\"><p>The Loyalty page is a dedicated page on your storefront where customers can learn how your program works, see how to earn and redeem points, check their VIP tier, and join your referral program. Signed-in members can also see their points balance and available rewards.<\/p><p>This guide walks you through every setting in the Loyalty page editor so you can match the page to your brand without writing any code. When you are ready to publish the page on your storefront, follow the <a href=\"https:\/\/bonloyalty.com\/docs\/branding\/loyalty-page-no-coding\/\" target=\"_blank\" rel=\"noopener\">Loyalty page display with no coding<\/a> guide.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b15e3a elementor-widget elementor-widget-heading\" data-id=\"9b15e3a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"key-benefits\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Open_the_Loyalty_page_editor\"><\/span>Open the Loyalty page editor<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-809acd3 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"809acd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Go to <strong>BON Loyalty &gt; Branding &gt; In-app tab &gt; Loyalty page<\/strong> &gt; Click <strong>Customize<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f4c4ae elementor-widget elementor-widget-image\" data-id=\"2f4c4ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125125-1024x516.png\" class=\"attachment-large size-large wp-image-25666\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125125-1024x516.png 1024w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125125-300x151.png 300w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125125-768x387.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125125-18x9.png 18w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125125-150x75.png 150w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125125-480x242.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd78880 elementor-widget elementor-widget-heading\" data-id=\"fd78880\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"main-features\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Main_features\"><\/span>Main features<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38040b6 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"38040b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The editor has two tabs:<\/p><ul><li><strong>Full page:<\/strong> Customize and activate the complete Loyalty page. The label next to the tab shows whether the page is <strong>Active<\/strong> or <strong>Inactive<\/strong>.<\/li><li><strong>Loyalty blocks:<\/strong> Add individual loyalty sections (such as the header or referral block) to any page of your theme.<\/li><\/ul><p>In the <strong>Full page<\/strong> tab, use the <strong>Page<\/strong> dropdown to move between the four groups of settings: <strong>Status, Branding, Text styles <\/strong>and<strong> Displayed text.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dacc872 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"dacc872\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>NOTE: <\/b><i>Reset settings to default <\/i>(top right) restores all Loyalty page settings to BON&#8217;s defaults. Only use it if you want to start over.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1a42e9 elementor-widget elementor-widget-image\" data-id=\"e1a42e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"964\" height=\"479\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125512.png\" class=\"attachment-large size-large wp-image-25665\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125512.png 964w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125512-300x149.png 300w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125512-768x382.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125512-18x9.png 18w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125512-150x75.png 150w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125512-480x239.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:964px) 100vw, 964px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-198a9f1 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"198a9f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3><span class=\"ez-toc-section\" id=\"_1_Status\"><\/span>\u00a0 1. Status<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-482b8eb elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"482b8eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Status controls whether your Loyalty page is live.<br \/>Select <strong>Page &gt; Status<\/strong> &gt; Under <strong>Status<\/strong>, choose <strong>Enabled<\/strong> to activate the Loyalty page, or <strong>Disabled<\/strong> to turn it off.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8b4d21 elementor-widget elementor-widget-image\" data-id=\"f8b4d21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"962\" height=\"737\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125554.png\" class=\"attachment-large size-large wp-image-25655\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125554.png 962w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125554-300x230.png 300w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125554-768x588.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125554-16x12.png 16w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125554-98x75.png 98w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-125554-480x368.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:962px) 100vw, 962px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e12648d elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"e12648d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>IMPORTANT NOTE:<\/strong> Enabling the status activates the page in BON, but customers will only see it after you turn on the program in Settings, and add the page to your theme and menu. Kindly follow the <a href=\"https:\/\/bonloyalty.com\/docs\/branding\/loyalty-page-no-coding\/\">Loyalty page display with no coding<\/a> guide for your further information.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79b7243 elementor-widget elementor-widget-text-editor\" data-id=\"79b7243\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default elementor-inline-editing pen\" contenteditable=\"true\" data-elementor-setting-key=\"title\" data-pen-placeholder=\"Type Here...\"><span class=\"ez-toc-section\" id=\"_2_Branding%E2%80%8B\"><\/span>\u00a0 2. Branding\u200b<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-248c030 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"248c030\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Branding controls the look of the page: theme colors, banner images, corner style and icons.<\/p><p>To edit your loyalty page branding, select <strong>Page &gt; Branding<\/strong> from the dropdown menu for Page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8162dbd elementor-widget elementor-widget-image\" data-id=\"8162dbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"744\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.58.50-1024x744.png\" class=\"attachment-large size-large wp-image-25662\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.58.50-1024x744.png 1024w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.58.50-300x218.png 300w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.58.50-768x558.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.58.50-18x12.png 18w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.58.50-103x75.png 103w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.58.50-480x349.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f853e97 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f853e97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><span class=\"ez-toc-section\" id=\"_21_Color_pallete\"><\/span>\u00a0 2.1. Color pallete<span class=\"ez-toc-section-end\"><\/span><\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88450de elementor-widget elementor-widget-text-editor\" data-id=\"88450de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Pick a ready-made palette that suits your store category: <em>Default, Apparel, Beauty &amp; Fitness, Food &amp; Drink, Home &amp; Garden, Toy &amp; Hobbies, Health, Pet &amp; Animals, Sport, or Art &amp; Entertainment. <\/em><\/p><p>The palette fills in all colors at once, and you can fine-tune them below.<\/p><p>You can also use the <strong>Magic theme builder<\/strong> at the top of the panel, or click <strong>Contact us<\/strong> for a free design consultation with our team.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6d7584 elementor-widget elementor-widget-image\" data-id=\"d6d7584\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"989\" height=\"1024\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.59.46-989x1024.png\" class=\"attachment-large size-large wp-image-25661\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.59.46-989x1024.png 989w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.59.46-290x300.png 290w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.59.46-768x795.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.59.46-12x12.png 12w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.59.46-72x75.png 72w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.59.46-480x497.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:989px) 100vw, 989px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34c0350 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"34c0350\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><span class=\"ez-toc-section\" id=\"_22_Banner_image\"><\/span>\u00a0 2.2. Banner image<span class=\"ez-toc-section-end\"><\/span><\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bb37dd elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7bb37dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Banner height:<\/strong> Set the height of the hero banner (in %).<\/li><li><strong>Desktop banner image:<\/strong> Upload a .gif, .jpeg, .jpg, .png or .webp file. Recommended: 14:5 ratio (e.g. 1920px x 940px), less than 5MB.<\/li><li><strong>Mobile banner image:<\/strong> Upload a separate image for phones. Recommended: 1.3:2 ratio (e.g. 320px x 514px), less than 150KB.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0be1253 elementor-widget elementor-widget-image\" data-id=\"0be1253\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"751\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.00.45-1024x751.png\" class=\"attachment-large size-large wp-image-25660\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.00.45-1024x751.png 1024w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.00.45-300x220.png 300w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.00.45-768x563.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.00.45-16x12.png 16w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.00.45-102x75.png 102w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.00.45-480x352.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-548ae47 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"548ae47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><span class=\"ez-toc-section\" id=\"_23_Corner_and_colors\"><\/span>\u00a0 2.3. Corner and colors<span class=\"ez-toc-section-end\"><\/span><\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86c6f28 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"86c6f28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Corner:<\/strong> Choose Square, Soft or Round corners for buttons and blocks.<\/li><li><strong>Branding color:<\/strong> Primary and secondary colors for icons and buttons.<\/li><li><strong>Background color:<\/strong> Section color (the page background) and block color (the cards inside each section).<\/li><li><strong>Hero banner text color:<\/strong> Heading and body text colors on top of the banner.<\/li><li><strong>Page text color:<\/strong> Heading and body text colors for the rest of the page.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93222df elementor-widget elementor-widget-image\" data-id=\"93222df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.01.29-1024x613.png\" class=\"attachment-large size-large wp-image-25659\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.01.29-1024x613.png 1024w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.01.29-300x180.png 300w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.01.29-768x460.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.01.29-18x12.png 18w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.01.29-125x75.png 125w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.01.29-480x287.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b6e4ec elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"3b6e4ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><span class=\"ez-toc-section\" id=\"_24_VIP_Tier_icon_and_Referral_program\"><\/span>\u00a0 2.4. VIP Tier icon and Referral program<span class=\"ez-toc-section-end\"><\/span><\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f89b289 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f89b289\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>VIP tier icon:<\/strong> Choose one of the available icons, or upload your own (1:1 ratio, e.g. 60px x 60px, less than 50KB).<\/li><li><strong>Referral program:<\/strong> Set the primary and secondary background colors of the referral section. Tick <strong>Show referral image<\/strong> and upload an image to display next to the referral content (recommended 4:3 ratio, e.g. 960px x 677px, less than 5MB).<\/li><\/ul><p><strong>NOTE<\/strong>: The VIP Tier section is available from the <em><strong>Growth plan or higher.<\/strong><\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edad211 elementor-widget elementor-widget-image\" data-id=\"edad211\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"880\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.05-1024x880.png\" class=\"attachment-large size-large wp-image-25658\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.05-1024x880.png 1024w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.05-300x258.png 300w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.05-768x660.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.05-14x12.png 14w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.05-87x75.png 87w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.05-480x412.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f30203 elementor-widget elementor-widget-text-editor\" data-id=\"3f30203\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default elementor-inline-editing pen\" contenteditable=\"true\" data-elementor-setting-key=\"title\" data-pen-placeholder=\"Type Here...\"><span class=\"ez-toc-section\" id=\"_3_Text_styles\"><\/span>\u00a0 3. Text styles<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cf9def elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"1cf9def\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Text styles control the fonts and font sizes used across the page.<br \/>Select<strong> Page &gt; Text styles.<\/strong><\/p><ul><li><strong>Font:<\/strong> Choose a <strong>Heading font style<\/strong> and a <strong>Body font<\/strong> style. Pick fonts close to your store&#8217;s theme so the page feels like part of your site.<\/li><li>Size: Set the font size (in px) for <strong>Banner heading, Section heading, Sub-section heading, Block heading <\/strong>and<strong> Body text.<\/strong><\/li><\/ul><p>You can also use <strong>Magic text styles<\/strong> at the top of the panel.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c2a593 elementor-widget elementor-widget-image\" data-id=\"4c2a593\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"752\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.59-1024x752.png\" class=\"attachment-large size-large wp-image-25657\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.59-1024x752.png 1024w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.59-300x220.png 300w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.59-768x564.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.59-16x12.png 16w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.59-102x75.png 102w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.02.59-480x353.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d2ba7e elementor-widget elementor-widget-text-editor\" data-id=\"8d2ba7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default elementor-inline-editing pen\" contenteditable=\"true\" data-elementor-setting-key=\"title\" data-pen-placeholder=\"Type Here...\"><span class=\"ez-toc-section\" id=\"_4_Displayed_text\"><\/span>\u00a0 4. Displayed text<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3d7a23 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a3d7a23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Displayed text controls the words customers read on each section of the page.<br \/>Select <strong>Page &gt; Displayed text.<\/strong> Use the <strong>Before log in<\/strong> and <strong>After log in<\/strong> buttons to edit the text for visitors and for signed-in members.<\/p><ul><li><strong>Language:<\/strong> Choose which language you are editing. Visit the Setting tab to add or delete languages.<\/li><li><strong>Banner:<\/strong> Heading text, body text, and the labels of the primary button (e.g. Join now) and secondary button (e.g. <i>Sign in<\/i>).<\/li><li><strong>How it works:<\/strong> The section heading and the title and description of each of the 3 steps.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2fce02 elementor-widget elementor-widget-image\" data-id=\"e2fce02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"803\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.03.54-1024x803.png\" class=\"attachment-large size-large wp-image-25656\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.03.54-1024x803.png 1024w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.03.54-300x235.png 300w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.03.54-768x602.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.03.54-15x12.png 15w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.03.54-96x75.png 96w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.03.54-480x377.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e5d304 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"1e5d304\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Ways to earn points<\/b><span style=\"font-weight: 400;\">, <\/span><b>Ways to redeem points<\/b><span style=\"font-weight: 400;\">, <\/span><b>VIP Tiers<\/b><span style=\"font-weight: 400;\">: The heading of each section.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Referral program<\/b><span style=\"font-weight: 400;\">: The <\/span><b>Give<\/b><span style=\"font-weight: 400;\"> text (the reward for the friend) and <\/span><b>Get<\/b><span style=\"font-weight: 400;\"> text (the reward for the referrer), the body text and the button label.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>FAQs<\/b><span style=\"font-weight: 400;\">: The section heading. Click <\/span><b>Add new FAQs<\/b><span style=\"font-weight: 400;\"> to add your own questions and answers, such as program terms and conditions.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>For excluded customer<\/b><span style=\"font-weight: 400;\">: The message shown to customers who are not eligible for the program (for example, customers excluded by tag).<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43911b9 elementor-widget elementor-widget-image\" data-id=\"43911b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"754\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.04.36-1024x754.png\" class=\"attachment-large size-large wp-image-25664\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.04.36-1024x754.png 1024w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.04.36-300x221.png 300w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.04.36-768x565.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.04.36-16x12.png 16w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.04.36-102x75.png 102w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.04.36-480x353.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9be187 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f9be187\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>NOTE:<\/strong> Displaying the page in multiple languages is available <strong>from the Basic plan or higher.<\/strong> BON translates the default content automatically into French, Spanish, Dutch, German, Italian, Turkish, Portuguese, Chinese (Traditional and Simplified) and Japanese. For other languages, translate the content manually. See <a href=\"https:\/\/bonloyalty.com\/docs\/branding\/display-multiple-languages\/\">Display in multiple languages<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38c3161 elementor-widget elementor-widget-heading\" data-id=\"38c3161\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Loyalty_blocks\"><\/span>Loyalty blocks<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d768a7 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6d768a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you want loyalty content on an existing page (for example, your homepage) instead of a separate Loyalty page, use Loyalty blocks.<br \/>Go to<strong> Loyalty page &gt; Loyalty blocks<\/strong> tab. Available blocks:<\/p><ul><li>Loyalty Page Header: Encourages visitors to create an account and join your program.<\/li><li>How it works\/FAQs: Step-by-step instructions to join and your most frequently asked questions.<\/li><li>Point program rules: An interactive section showing how to earn points and redeem them for discounts.<\/li><li>Loyalty Page Tier: Shows your VIP tiers and their benefits.<\/li><li>Loyalty Page Referral: Invites members to refer friends.<\/li><li>Loyalty Page Profile: Shows a customer&#8217;s points balance and available rewards after they sign in.<\/li><\/ul><p>To add a block, make sure the Loyalty page is enabled in the Full page tab, then in your theme editor click <strong>Add section &gt; Apps &gt; select the block<\/strong>. Click <strong>Preview in theme<\/strong> editor on any block to open it in your theme.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50955c5 elementor-widget elementor-widget-image\" data-id=\"50955c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"866\" src=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.05.09-1024x866.png\" class=\"attachment-large size-large wp-image-25663\" alt=\"\" srcset=\"https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.05.09-1024x866.png 1024w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.05.09-300x254.png 300w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.05.09-768x649.png 768w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.05.09-14x12.png 14w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.05.09-89x75.png 89w, https:\/\/bonloyalty.com\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-05-at-13.05.09-480x406.png 480w\" sizes=\"(max-width:767px) 480px, (max-width:1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-877d434 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"877d434\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To hide or remove a block, click it in the theme editor, then change its visibility to <strong>hidden<\/strong> or click <strong>Delete<\/strong>. To hide the whole Loyalty page, go to your store&#8217;s <strong>Pages<\/strong>, select the Loyalty page and set its visibility to <strong>hidden<\/strong>, or click <strong>Delete<\/strong> page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c919cec elementor-widget elementor-widget-heading\" data-id=\"c919cec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Display_the_Loyalty_page_on_your_storefront\"><\/span>Display the Loyalty page on your storefront<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fca7ee0 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"fca7ee0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>After you finish customizing, add the page to your theme and navigation menu:<\/p><ul><li><strong>For Online Store 2.0 themes:<\/strong> <a href=\"https:\/\/bonloyalty.com\/docs\/branding\/loyalty-page-no-coding\/\">Loyalty page display with no coding<\/a><\/li><li><strong>For themes that don&#8217;t support app sections:<\/strong> <a href=\"https:\/\/bonloyalty.com\/docs\/branding\/loyalty-page-coding\/\">Loyalty page display with coding<\/a><\/li><\/ul><p>Your Loyalty page is now ready to engage and reward your customers. If you need help, contact our support team via live chat in the app.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d983748 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d983748\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65d5b1d elementor-widget elementor-widget-page-helpful\" data-id=\"65d5b1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"page-helpful.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"page-helpful\" data-widget-id=\"65d5b1d\">\r\n            <p class=\"ph-title\">Was this guide helpful?<\/p>\r\n            <div class=\"ph-buttons\">\r\n                <button class=\"ph-button ph-sad\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M10 20C4.48604 20 0 15.514 0 10C0 4.48604 4.48604 0 10 0C15.514 0 20 4.48604 20 10C20 15.514 15.514 20 10 20ZM10 1.25C5.17521 1.25 1.25 5.17521 1.25 10C1.25 14.8248 5.17521 18.75 10 18.75C14.8248 18.75 18.75 14.8248 18.75 10C18.75 5.17521 14.8248 1.25 10 1.25ZM14.6546 14.3092C14.728 14.2725 14.7935 14.2217 14.8473 14.1597C14.901 14.0977 14.9421 14.0257 14.9681 13.9478C14.994 13.8699 15.0044 13.7877 14.9986 13.7058C14.9928 13.624 14.9709 13.544 14.9342 13.4706C14.8758 13.3542 13.4715 10.625 10 10.625C6.52854 10.625 5.12417 13.3542 5.06583 13.4704C4.99207 13.6181 4.97985 13.789 5.03187 13.9457C5.08389 14.1023 5.19589 14.232 5.34333 14.3062C5.49106 14.3805 5.66216 14.3934 5.81934 14.3421C5.97653 14.2908 6.10706 14.1794 6.1825 14.0323C6.22771 13.9442 7.31875 11.875 10 11.875C12.6812 11.875 13.7723 13.9442 13.8158 14.0296C13.8677 14.1336 13.9476 14.221 14.0465 14.282C14.1454 14.3431 14.2594 14.3753 14.3756 14.375C14.4694 14.375 14.5648 14.354 14.6546 14.3092ZM13.125 8.75C12.4356 8.75 11.875 8.18937 11.875 7.5C11.875 6.81062 12.4356 6.25 13.125 6.25C13.8144 6.25 14.375 6.81062 14.375 7.5C14.375 8.18937 13.8144 8.75 13.125 8.75ZM6.875 8.75C6.18563 8.75 5.625 8.18937 5.625 7.5C5.625 6.81062 6.18563 6.25 6.875 6.25C7.56437 6.25 8.125 6.81062 8.125 7.5C8.125 8.18937 7.56437 8.75 6.875 8.75Z\" fill=\"#4A4A4A\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button class=\"ph-button ph-neutral\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M10 20C4.48604 20 0 15.514 0 10C0 4.48604 4.48604 0 10 0C15.514 0 20 4.48604 20 10C20 15.514 15.514 20 10 20ZM10 1.25C5.17521 1.25 1.25 5.17521 1.25 10C1.25 14.8248 5.17521 18.75 10 18.75C14.8248 18.75 18.75 14.8248 18.75 10C18.75 5.17521 14.8248 1.25 10 1.25ZM13.125 8.75C12.4356 8.75 11.875 8.18937 11.875 7.5C11.875 6.81062 12.4356 6.25 13.125 6.25C13.8144 6.25 14.375 6.81062 14.375 7.5C14.375 8.18937 13.8144 8.75 13.125 8.75ZM6.875 8.75C6.18563 8.75 5.625 8.18937 5.625 7.5C5.625 6.81062 6.18563 6.25 6.875 6.25C7.56437 6.25 8.125 6.81062 8.125 7.5C8.125 8.18937 7.56437 8.75 6.875 8.75ZM14.375 13.125C14.375 12.9592 14.3092 12.8003 14.1919 12.6831C14.0747 12.5658 13.9158 12.5 13.75 12.5H6.25C6.08424 12.5 5.92527 12.5658 5.80806 12.6831C5.69085 12.8003 5.625 12.9592 5.625 13.125C5.625 13.2908 5.69085 13.4497 5.80806 13.5669C5.92527 13.6842 6.08424 13.75 6.25 13.75H13.75C13.9158 13.75 14.0747 13.6842 14.1919 13.5669C14.3092 13.4497 14.375 13.2908 14.375 13.125Z\" fill=\"#4A4A4A\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button class=\"ph-button ph-happy\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M10 20C4.48604 20 0 15.514 0 10C0 4.48604 4.48604 0 10 0C15.514 0 20 4.48604 20 10C20 15.514 15.514 20 10 20ZM10 1.25C5.17521 1.25 1.25 5.17521 1.25 10C1.25 14.8248 5.17521 18.75 10 18.75C14.8248 18.75 18.75 14.8248 18.75 10C18.75 5.17521 14.8248 1.25 10 1.25ZM15.5592 12.1546C15.6327 12.0072 15.6449 11.8366 15.5931 11.6803C15.5413 11.5239 15.4297 11.3943 15.2827 11.32C15.1352 11.2458 14.9643 11.2327 14.8072 11.2836C14.65 11.3344 14.5193 11.4451 14.4431 11.5917C14.3973 11.6796 13.2871 13.75 10 13.75C6.72083 13.75 5.60812 11.6898 5.55729 11.5925C5.48295 11.4449 5.35303 11.3328 5.19609 11.281C5.03916 11.2292 4.86806 11.2418 4.72042 11.316C4.647 11.3527 4.58152 11.4035 4.52774 11.4655C4.47395 11.5275 4.43291 11.5995 4.40695 11.6774C4.38098 11.7553 4.37061 11.8375 4.37643 11.9194C4.38224 12.0012 4.40413 12.0812 4.44083 12.1546C4.49917 12.2708 5.91062 15 10 15C14.0894 15 15.5008 12.2708 15.5592 12.1546ZM13.125 8.75C12.4356 8.75 11.875 8.18937 11.875 7.5C11.875 6.81062 12.4356 6.25 13.125 6.25C13.8144 6.25 14.375 6.81062 14.375 7.5C14.375 8.18937 13.8144 8.75 13.125 8.75ZM6.875 8.75C6.18563 8.75 5.625 8.18937 5.625 7.5C5.625 6.81062 6.18563 6.25 6.875 6.25C7.56437 6.25 8.125 6.81062 8.125 7.5C8.125 8.18937 7.56437 8.75 6.875 8.75Z\" fill=\"#4A4A4A\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"page-helpful-message\" style=\"display: none;\">\r\n                <div class=\"wpforms-container wpforms-container-full\" id=\"wpforms-20901\"><form id=\"wpforms-form-20901\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"20901\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/ja\/wp-json\/wp\/v2\/docs\/25626\" data-token=\"b92c58b3883b6184aa59d550622cc151\" data-token-time=\"1794205850\"><noscript class=\"wpforms-error-noscript\">\u3053\u306e\u30d5\u30a9\u30fc\u30e0\u306b\u5165\u529b\u3059\u308b\u306b\u306f\u3001\u30d6\u30e9\u30a6\u30b6\u30fc\u3067 JavaScript \u3092\u6709\u52b9\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/noscript><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-20901-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-20901-field_1\" ><\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-20901-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-20901-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><textarea id=\"wpforms-20901-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" placeholder=\"Could you provide more details?\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-20901-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-20901-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-20901-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"20901\"><input type=\"hidden\" name=\"wpforms[time_token]\" value=\"1794205850.9a8a4096d8962a428d66b301e23142b428d70675ac662cb9d440e281a018cee0\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/bonloyalty.com\/ja\/wp-json\/wp\/v2\/docs\/25626\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-20901\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/bonloyalty.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"\u8aad\u307f\u8fbc\u307f\u4e2d\"><\/div><\/form><\/div>  <!-- .wpforms-container -->            <\/div>\r\n        <\/div>\r\n        <script>\r\n            (function() {\r\n                var widgetId = \"65d5b1d\";\r\n                var storageKey = 'page-helpful-' + widgetId;\r\n                var container = document.querySelector('.page-helpful[data-widget-id=\"' + widgetId + '\"]');\r\n                if (!container) return;\r\n\r\n                var buttons = Array.prototype.slice.call(container.querySelectorAll('.ph-button'));\r\n\r\n                function stateFromButton(btn) {\r\n                    if (btn.classList.contains('ph-sad')) return 'sad';\r\n                    if (btn.classList.contains('ph-neutral')) return 'neutral';\r\n                    if (btn.classList.contains('ph-happy')) return 'happy';\r\n                    return '';\r\n                }\r\n\r\n                function applyState(state) {\r\n                    buttons.forEach(function(btn) {\r\n                        var active = state && state === stateFromButton(btn);\r\n                        btn.classList.toggle('ph-selected', active);\r\n                        btn.setAttribute('aria-pressed', active ? 'true' : 'false');\r\n                    });\r\n                }\r\n\r\n                \/\/ Initialize from localStorage\r\n                var saved = localStorage.getItem(storageKey);\r\n                if (saved) {\r\n                    applyState(saved);\r\n                }\r\n\r\n                \/\/ Click handlers\r\n                buttons.forEach(function(btn) {\r\n                    btn.addEventListener('click', function() {\r\n                        var state = stateFromButton(btn);\r\n                        if (!state) return;\r\n\r\n                        var current = localStorage.getItem(storageKey);\r\n                        if (current === state) {\r\n                            \/\/ toggle off if clicking again\r\n                            localStorage.removeItem(storageKey);\r\n                            applyState(null);\r\n                        } else {\r\n                            localStorage.setItem(storageKey, state);\r\n                            applyState(state);\r\n                        }\r\n\r\n                        \/\/ show message\r\n                        var messageDiv = container.querySelector('.page-helpful-message');\r\n                        if (messageDiv) {\r\n                            messageDiv.style.display = 'block';\r\n                        }\r\n                    });\r\n                });\r\n            })();\r\n        <\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d49cedd elementor-widget elementor-widget-text-editor\" data-id=\"d49cedd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"next-pre\"><div class=\"pre\"><div class=\"pagination-nav__sublabel font-bold\">Previous<\/div><div class=\"pagination-nav__label font-semibold\">\u00ab <a href=\"https:\/\/bonloyalty.com\/ja\/docs\/set-up-a-loyalty-program\/scan-customer-qr-on-bon-pos\/\" rel=\"prev\">Scan customer QR on BON POS<\/a><\/div><\/div><div class=\"nextt no\"><div class=\"pagination-nav__sublabel font-bold text-base\">Next<\/div><div class=\"pagination-nav__label font-semibold\"><\/div><\/div><\/div>\t\t\t\t<p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Customize your Loyalty page Understand what each Loyalty page setting does and how to set up a branded loyalty page for your store NOTE: The Loyalty<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":35,"featured_media":5764,"template":"","class_list":["post-25626","docs","type-docs","status-publish","has-post-thumbnail","hentry","docscategory-branding"],"acf":[],"_links":{"self":[{"href":"https:\/\/bonloyalty.com\/ja\/wp-json\/wp\/v2\/docs\/25626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bonloyalty.com\/ja\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/bonloyalty.com\/ja\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/bonloyalty.com\/ja\/wp-json\/wp\/v2\/users\/35"}],"version-history":[{"count":22,"href":"https:\/\/bonloyalty.com\/ja\/wp-json\/wp\/v2\/docs\/25626\/revisions"}],"predecessor-version":[{"id":25679,"href":"https:\/\/bonloyalty.com\/ja\/wp-json\/wp\/v2\/docs\/25626\/revisions\/25679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bonloyalty.com\/ja\/wp-json\/wp\/v2\/media\/5764"}],"wp:attachment":[{"href":"https:\/\/bonloyalty.com\/ja\/wp-json\/wp\/v2\/media?parent=25626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}