π Free Shipping Upsell Bar β Translation
Hoppy Free Shipping allows merchants to create translations for customer-facing Free Shipping messages and reward texts.
This helps stores provide a more localized shopping experience for customers browsing the storefront in different languages β¨
Translations can be added for:
- π― Goal Messages
- π Progress Messages
- π Goal Reached Messages
- π Free Shipping Messages
- π Reward-related Texts
π Before Adding Translations
Before translations can be added inside Hoppy Free Shipping, the language must already exist inside your Shopify store settings.
Hoppy Free Shipping automatically detects the languages configured in:
β Shopify Admin β Settings β Languages
Only the languages configured there will become available inside the app for translation.
β οΈ Important:
If a language is not added in Shopify Settings first, it will not appear in the Translation section inside Hoppy Free Shipping.
π‘ To add a language to your Shopify store, you can follow:
β βHow to add a language in a Shopify store?β
π οΈ Step 1 β Open Hoppy Free Shipping
Open the Hoppy Free Shipping app from your Shopify Admin.
Then:
β Open an existing Free Shipping Upsell setup
β Or create a new Free Shipping Upsell setup
π― Step 2 β Navigate to the Translation Section
Once the setup is opened:
β Make sure you are inside the Goal tab
β Scroll toward the bottom of the setup page
β Locate the Translations section
This section allows you to add translated versions of the customer-facing messages shown throughout the Free Shipping Bar.
β Step 3 β Add a Translation
Inside the Translations section:
β Click Add Translation
Once clicked, a Translation modal will appear.
Inside this modal, you can:
- Select the language
- Add translated messages
- Configure storefront-facing translation content
βοΈ Step 4 β Configure Translation Content
Inside the Translation modal, manually enter the translated text you want customers to see on the storefront.
β οΈ Important:
Do not remove dynamic variables such as:
{order-value}{order-value-progress}
These variables are required for dynamic cart progress and reward calculations to appear correctly.
π‘ Example Translation
If your base setup contains the message:
βFree shipping for orders over {order-value}β
then a Spanish translation could look like:
βEnvΓo gratuito para pedidos superiores a {order-value}β
Notice that the variable {order-value}is still preserved inside the translated message.
This ensures the progress value updates dynamically on the storefront β¨
β Step 5 β Confirm & Publish
Once the translations are added:
β Click Confirm Translation
β Save the setup
β Publish the Free Shipping Upsell
After publishing, customers browsing your storefront in the selected language will automatically see the translated Free Shipping messages.
This creates a more localized and user-friendly storefront experience π
π Final Result
Once configured successfully:
β Customers see translated Free Shipping messages
β Goal progress updates dynamically in translated content
β Multiple storefront languages become supported
β Shopping experience feels more localized and personalized β¨
Using translations properly can significantly improve customer experience for international storefront visitors π
Updated on: 03/06/2026
Thank you!