Introduction
This guide is designed for brands that support multiple languages in their store and want to provide a seamless multilingual experience for their Loyalty program. With Weglot, you can automatically translate all your Rivo Loyalty elements including your Dedicated Page, Widgets, and Prompts into 100+ languages.
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.
No coding required - simple setup process
Automatically translates your store content into multiple languages
Works with all content types including product pages, third-party apps, checkout pages, and email notifications
Optimizes your store for multilingual SEO to improve discoverability
📝 Note: While we are not officially partnered with Weglot, we've ensured their solution works seamlessly with Rivo Loyalty to translate 100% of your on-site loyalty displays.
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.
Translating Your Loyalty Program Elements
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), 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 solutions:
Verify you've added all the necessary selectors for each loyalty element
Check that you've entered the correct CSS selectors exactly as shown in this guide
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.liquidfile 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:
Review and edit translations for loyalty-specific terminology
Pay special attention to translating point values, tier names, and reward descriptions
Use Weglot's translation management tools to make manual edits to any automatic translations
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.