company logo

Help Center

Go to Ryviu
HomePricingDashboardShopify AppWoocommerce Plugin
All collectionsShopifyLoyalty & Reward Add-onLoyalty layouts

Loyalty layouts

You can customize the Loyalty reward panel and button to fit your store layout.

Yen Ma·July 29, 2026

Loyalty Layout allows you to customize how your loyalty program appears across your store—from the launcher button to on-page labels and popups.

You can adjust styles, colors, and placement to match your brand and improve customer experience.

info icon
This feature requires the Loyalty Program add-on. All actions are disabled until you upgrade your subscription.

How to access Loyalty Layout

  1. Go to Widgets in your Ryviu dashboard

  2. Select Loyalty Layout

  3. Click Customize on the layout you want to edit

Available layouts

You can customize the following components:

  • Launcher button

  • Launcher panel

  • Product points label

  • Cart points label

  • Reminder popup

Each layout includes a live preview on the right side. If a layout is not yet added, click Add now to enable it.

Launcher button

info icon
Make sure the Reward Points embed is enabled to display the Loyalty Launcher Button on your storefront.

Customize the launcher button to match your brand and control how it appears on your store.

Settings

  • Display type: Choose between Icon only, Text only, or Icon & text

  • Button text: Set the label and text color

  • Button icon: Select a default icon or upload a custom one

  • Background: Choose a solid color or gradient

  • Placement: Set the position and spacing on your site

  • Style: Adjust size and shape

  • Visibility: Control where the button appears

Use the Change status toggle to enable or disable the launcher button.

Launcher panel

Customize the loyalty panel that opens when customers click the launcher button.

Settings

  • Primary color: Main color for the panel and buttons

  • Secondary color: Text and supporting content color

  • Banner: Image displayed at the top of the panel

  • Signup CTA banner: Image shown below the “Become a member” section

  • Typography: Choose the font family

  • Language: Select a language or customize text content

Product Points Label

Display how many points customers can earn directly on product pages.

info icon
This feature works only when Place order (based on amount spent) is enabled in Earn Programs

Customization

  • Text & colors: Set label content and styling

  • Icon: Choose or upload an icon

  • Status: Activate or deactivate the label

How to enable on product pages

  1. In Shopify admin, go to Online Store → Themes

  2. Click Customize

  3. Select a product template

  4. Click Add block / Add section → Apps

  5. Choose Ryviu Product Points Label

  6. Drag and drop to your desired position

  7. Click Save

Cart Points Label

Show how many points customers will earn in the cart.

info icon
This label works only when Place order (based on order) is enabled.

Customization

  • Text & colors

  • Icon

  • Status (Activate/Deactivate)

How to enable on the cart page

  1. In Shopify admin, go to Online Store → Themes

  2. Click Customize

  3. Select the Cart page

  4. Click Add block / Add section → Apps

  5. Choose Ryviu Cart Points Label

  6. Drag and drop to your desired position

  7. Click Save

Reminder Popup

Remind customers to use their points before checkout.

Customization

  • Edit the pop-up message

  • Preview changes in real time on the right panel


Need help?

Get in touch with our support team through live chat or email at [email protected]. We're here to help!

Did this answer your question?
😞
😐
😁