Hoppy Upsell & Cross Sell allows merchants to create translations for the customer-facing texts shown inside the Upsell Widget.

This helps stores provide a more localized shopping experience for customers browsing the storefront in different languages ✨

Translations can be added for:

• 🏷️ Upsell Title
• 🛒 Upsell Button Text (Before adding to cart)
• ✅ Upsell Button Text (After adding to cart)

🌐 Before Adding Translations

Before translations can be added inside Hoppy Upsell & Cross Sell, the language must already exist inside your Shopify store settings.

The app 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 the app.

There's also a quick shortcut available inside the app:

→ Click “Add languages in Shopify Settings to translate” — it takes you directly to the Languages page in your Shopify Admin.

💡 To add a language to your Shopify store, you can follow Shopify's official guide:

→ Add a language to your online store

🔤 How the Default Language Works

Your store's primary (default) language does not need a translation.

The Upsell Widget automatically uses the base texts you configure inside the Content tab:

• Upsell Title
• Button Text (Before adding to cart)
• Button Text (After adding to cart)

Whenever a customer browses your storefront in the default language — or in any language that does not have a translation added — the widget simply falls back to these base texts.

That means:

✅ The default language is always covered
✅ Translations are only needed for additional storefront languages
✅ Customers never see an empty or broken widget ✨

🛠️ Step 1 — Open Hoppy Upsell & Cross Sell

Open the Hoppy Upsell & Cross Sell app from your Shopify Admin.

Then:

→ Open an existing Upsell setup
→ Or create a new Upsell setup

🎯 Step 2 — Navigate to the Translation Section

Once the setup is opened:

→ Make sure you are inside the Content tab
→ Scroll toward the bottom of the page
→ Locate the Translations section

This section allows you to add translated versions of the customer-facing texts shown inside the Upsell Widget.

➕ 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 the translated Upsell Title
• Add the translated button texts shown to customers

⚠️ Important:

If every available language already has a translation, the Add translation button becomes disabled. This is normal — it simply means all languages are already covered ✨

✍️ Step 4 — Configure Translation Content

Inside the Translation modal, enter the translated text you want customers to see on the storefront.

The following fields can be translated:

• 🏷️ Upsell Title → the heading shown above the upsell products (supports rich text formatting)
• 🛒 Upsell Button Text (Before adding to cart) → the button label customers see before adding the product, such as “Add to Cart”
• ✅ Upsell Button Text (After adding to cart) → the button label shown after the product is added, such as “Add Another”

⚠️ Important:

All translation fields are required. If any field is left empty, the translation cannot be confirmed and an error message will appear.

💡 Example Translation

If your base setup contains the button text:

“Add to Cart”

then a French translation could look like:

“Ajouter au panier”

Customers browsing your storefront in French will now see the French button text, while everyone else continues to see your base text ✨

✏️ Editing or Deleting a Translation

Once a translation is added, it appears as a list inside the Translations section.

→ Click the ⋯ (menu) icon next to a translation

From here, you can:

• Edit translation → update the translated texts for that language
• Delete → remove the translation completely

⚠️ Important:

Deleting a translation cannot be undone. Once deleted, customers browsing in that language will see the base texts from the Content tab again.

✅ Step 5 — Save & Publish

Once the translations are added:

→ Click Confirm translation inside the modal
→ Save the setup using the Save bar
→ Publish the Upsell

After publishing, customers browsing your storefront in the selected language will automatically see the translated Upsell Widget texts.

The widget detects the language the customer is currently browsing in and shows the matching translation — no extra setup needed 🌍

🎉 Final Result

Once configured successfully:

✅ Customers see translated Upsell titles and button texts
✅ The widget automatically matches the customer's browsing language
✅ Languages without a translation fall back to the default texts
✅ Shopping experience feels more localized and personalized ✨

Using translations properly can significantly improve the shopping experience for international storefront visitors 🚀

🛟 Troubleshooting

A language is missing from the translation dropdown

→ Make sure the language is added in Shopify Admin → Settings → Languages first. Only languages configured there become available inside the app.

The Add translation button is disabled

→ This happens when every available language already has a translation. Edit an existing translation instead, or add more languages in Shopify Settings.

Customers still see the default texts

→ Check that a translation exists for the exact language the customer is browsing in. If no translation matches, the widget always falls back to the base texts from the Content tab.

→ Also make sure the setup was Saved and Published after adding the translation.

Updated on: 15/09/2026