Introduction
This comprehensive guide is designed for international brands that want to provide a seamless multilingual experience for their Rivo Loyalty program. With Weglot's powerful translation solution, you can automatically translate all your Rivo Loyalty elements including your Floating Widget, Dedicated Loyalty Page, Account Dashboard, VIP Tiers, Referral Program, Checkout Extensions, and Loyalty Prompts into 100+ languages.
Rivo's loyalty program includes hundreds of customer-facing text elements - from simple button labels to complex reward descriptions and VIP tier messaging. This guide will show you exactly how to ensure every piece of your loyalty program is properly translated for your international customers.
β¨ See Weglot's free and paid plan features here. Weglot offers a 10-day free trial with no payment information required.
What's Weglot?
Weglot is a powerful translation solution that helps brands translate and localize their websites to reach a broader international audience. Their Shopify app seamlessly integrates with your store to provide automatic translation capabilities for all content, including complex third-party applications like Rivo Loyalty.
No coding required - Simple setup process with automatic detection
Automatically translates your store content - Covers product pages, collections, checkout, and third-party apps
Works with dynamic content - Translates JavaScript-loaded content like loyalty widgets and account dashboards
Professional translation quality - Combines machine translation with human editing capabilities
SEO optimization - Creates multilingual URLs and optimizes for international search
Real-time editing - Edit translations directly from your website with visual editor
π Note: While we are not officially partnered with Weglot, we've thoroughly tested their solution to ensure it works seamlessly with Rivo Loyalty to translate 100% of your on-site loyalty displays, including complex features like VIP tiers, referral campaigns, and checkout extensions.
Installing Weglot
If you already use Weglot, you can skip to Translating your on-site displays as dynamic elements. For new users, follow these simple steps to install Weglot. Note that Weglot offers a 10-day free trial that doesn't require payment information upfront. You can uninstall the app from your Shopify admin if it doesn't meet your needs.
Install the Weglot app from the Shopify App Store
Create your Weglot account to begin your free trial
Select your primary language and add the languages you want to translate to, then click Save
When prompted to enable Weglot in your App embeds, click the Activate button to open your theme editor, then click Save after enabling it
Return to Weglot, click Check activation, and then Continue
In the final step, click Go to the settings page to access Weglot settings where you can customize the language selector, add subdomains, and configure other options. To manage your translations, click Edit my translations in the top menu.
Understanding Rivo's Loyalty Program Elements
Before setting up Weglot translation, it's helpful to understand what loyalty program elements will be translated. Rivo's loyalty program includes hundreds of customer-facing text elements across multiple interfaces:
Core Loyalty Elements
Floating Widget - The main loyalty interface that appears on your storefront, including points balance, ways to earn, rewards, referral sharing, and account management
Dedicated Loyalty Page - A full-page loyalty experience with detailed program information, VIP tiers, activity history, and reward redemption
Account Dashboard Embed - Loyalty information integrated into your customer account pages, showing points balance and quick actions
Loyalty Prompts - Pop-up forms for email signup, birthday collection, and other engagement actions
VIP Tier Displays - Tier names, benefits, progress indicators, and achievement messaging
Referral Program - Referral sharing interfaces, reward descriptions, and tracking displays
Checkout Extensions - Points redemption and earning displays during the checkout process
What Gets Translated
Rivo's loyalty program includes over 300 different text elements that can be translated, including:
Interface Labels - Buttons, headers, navigation elements
Earning Rules - Descriptions of how customers earn points (orders, social actions, birthdays, etc.)
Reward Descriptions - Names and details of available rewards and their requirements
VIP Tier Content - Tier names, benefits, progress messages, and achievement notifications
Referral Messaging - Sharing prompts, reward explanations, and status updates
Error Messages - User-friendly error handling and validation messages
Activity Descriptions - Points history, transaction details, and account activity
Terms and Conditions - Reward expiration dates, minimum requirements, and usage terms
Setting Up Dynamic Translation
After enabling Weglot, it will automatically translate most of your Shopify store content. However, to translate your Rivo Loyalty program elements (which are loaded dynamically via JavaScript), you need to add them as "dynamic elements" in Weglot. This ensures all your loyalty content is properly translated for your international customers.
From your Weglot dashboard, click Edit my translations
In the new tab that opens, click Settings in the top menu
Select Shopify Settings from the menu
Click Add Dynamic button and a popup form will appear
In the Selector field, enter the appropriate CSS selector for each loyalty element you want to translate:
.ba-loy-app
- For your Floating Widget#rivo-page-wrapper
- For your Dedicated Loyalty Page#rivo-form-####{{id}}-iframe
- For Loyalty Prompts (see how to find your prompt ID)#loyalty-program-header
- For the Account Page Embed header.account-loyalty-wrapper
- For the Account Page Embed content
In the Description field, enter a descriptive name for this element (e.g., "Rivo Floating Widget") - this is for your reference only
Click Save to add the element, then repeat steps 4-7 for each loyalty element you want to translate
Visit your store in a new tab and switch languages to verify that your loyalty elements are now being translated
π‘ Pro Tip: For better quality translations, you can manually edit any automatically translated text in Weglot. This is especially useful for loyalty-specific terminology. Learn more about editing your translations.
Finding Your Loyalty Prompt ID
To translate your Loyalty Prompts, you'll need to find the unique ID for each prompt. Follow these steps:
Visit your store and wait for the Loyalty Prompt to appear (using an incognito window is recommended)
Open your browser's inspect tools:
Chrome:
Ctrl
+Cmd
+I
(Mac) orCtrl
+Shift
+I
(Windows)Firefox:
Ctrl
+Opt
+I
(Mac) orCtrl
+Shift
+I
(Windows)Safari:
Ctrl
+β₯
+I
(Mac)
Click the element selector tool in the inspector panel (highlighted below)
Click on the Loyalty Prompt to select it and view its HTML code
Look for the ID number in the element (in this example, it's
11512
)Use the complete selector format in Weglot:
#rivo-form-11512-iframe
(replacing 11512 with your prompt's ID)
Frequently Asked Questions
I've enabled Weglot but my loyalty elements aren't being translated. What should I do?
If your loyalty elements aren't translating properly after adding them as dynamic elements, try these troubleshooting steps in order:
Verify your selectors - Double-check that you've added all the necessary selectors for each loyalty element you want to translate
Check selector accuracy - Ensure you've entered the CSS selectors exactly as shown in this guide, including proper spacing and punctuation
Clear your cache - Clear your browser cache and any caching plugins on your site, then wait 5-10 minutes for changes to propagate
Test in incognito mode - Open your site in an incognito/private browser window to bypass any cached content
Check Weglot's translation status - In your Weglot dashboard, verify that the dynamic content feature is enabled and your selectors are saved
Manual JavaScript integration - As a last resort, you can manually add the Weglot JavaScript snippet to your theme. Find your API key on the Weglot setup page and add this code to your
theme.liquid
file just before the</head>
tag:
<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script> <script> Weglot.initialize({ api_key: 'YOUR_API_KEY_HERE' }); </script>
How can I improve the quality of my loyalty program translations?
Weglot's automatic translations are generally good, but for the best customer experience with loyalty programs, consider these optimization strategies:
Review loyalty-specific terminology - Edit translations for terms like "points," "rewards," "tiers," and "referrals" to match your brand voice
Customize reward descriptions - Manually translate reward names and descriptions to ensure they're compelling in each language
Localize point values and currencies - Ensure point values and currency symbols display correctly for each market
Translate VIP tier names - If you use custom VIP tier names, translate them to maintain brand consistency
Review call-to-action buttons - Optimize button text like "Earn Points," "Redeem Reward," and "Join Now" for each language
Use Weglot's visual editor - Edit translations directly on your website using Weglot's visual translation editor
Test the customer journey - Navigate through your loyalty program in each language to identify any awkward translations
π‘ Pro Tip: Focus your manual translation efforts on high-impact elements like reward names, earning rule descriptions, and VIP tier benefits, as these directly influence customer engagement and conversion.
Will translating my loyalty program affect its functionality?
No, translating your loyalty program with Weglot won't affect any functionality. Customers will still be able to earn points, redeem rewards, and participate in your loyalty program regardless of which language they choose to view your store in.
I need help with Weglot. Can Rivo support assist me?
While we're happy to help with questions about setting up Weglot with your Rivo loyalty elements, for specific Weglot functionality questions or technical issues with the translation service itself, we recommend contacting Weglot's support team directly.
Do I need to translate my loyalty program for each language separately?
No, once you've set up Weglot and added your loyalty elements as dynamic content, Weglot will automatically translate your loyalty program into all languages you've configured in your Weglot settings. The translation happens in real-time as customers switch languages on your site.
What languages does Weglot support for loyalty program translation?
Weglot supports over 100 languages, including all major international markets. Popular languages for loyalty programs include Spanish, French, German, Italian, Portuguese, Dutch, Japanese, Korean, Chinese (Simplified and Traditional), Arabic, and many more. You can view the complete list in your Weglot dashboard when setting up your languages.
Will my loyalty program data (points, rewards, etc.) be affected by translation?
No, translation only affects the display text and interface elements. Your customers' points balances, reward history, VIP tier status, and all loyalty program data remain completely unchanged. Customers can switch between languages freely without losing any progress or data.
Can I exclude certain loyalty elements from translation?
Yes, you have full control over which elements get translated. Simply don't include the CSS selectors for elements you want to keep in your original language. For example, if you want to keep your brand name or specific product names untranslated, you can exclude those specific selectors or use Weglot's exclusion rules.
How quickly do translation changes appear on my site?
Translation changes typically appear within 5-10 minutes after saving in your Weglot dashboard. If you don't see changes immediately, try clearing your browser cache or viewing your site in an incognito window.