Storefront Translation

Learn how to configure multi-language translations and automatic locale switching for your Request for Quote storefront experience.

Customize all customer-facing text, button labels, modal form fields, and notification banners for Request for Quote (RFQ) across multiple storefront languages.

With the Auto-Switch Quote Text by Customer Locale engine, your quote submission flow automatically adapts to the buyer’s language based on their active market context in Shopify, ensuring a seamless localized experience without language friction.

1. Overview & Key Benefits

When selling across international markets (such as bilingual regions or pan-European B2B commerce), having storefront navigation in the buyer’s native language while the quote submission form abruptly displays in English introduces friction and lowers conversion rates.

The RFQ Storefront Translation settings provide:

Per-Locale Translation Management: Define custom translations independently for each language activated in your store’s Shopify Markets.
Automatic Locale Detection: The storefront component detects the visitor’s current language preference and automatically displays the matching localized text.
Intelligent Language Fallback: If a specific translation field or an entire locale is left blank, the system automatically falls back to your store’s default primary language without breaking layouts or displaying empty labels.
Instant Live Preview: Test and review button labels, modal forms, eligibility notices, and toasts directly in your admin preview before saving.

A customer visits your store in a language, for example German (/de).
If you translated the quote texts into German, the quote button, form and messages show in German.
If not, or only partly, the missing texts fall back to your store’s default language (for example English).

2. Where to Configure RFQ Translations

To access the RFQ translation management console:

In Shopify Admin, open BSS B2B Quote.
In the navigation menu, select Translations > Request For Quote.
At the top of the editor, use the Locale Selector dropdown to select the target language you wish to customize.

[!NOTE] Plan Requirement: Multi-language storefront translation for Request for Quote is available on the Growth plan and above.

3. The 5 Translation Tabs

The texts are grouped in five tabs. The default English texts below are the ones the app uses until you change them.

3.1 Quote Button

Text	Default
Quote button	`Add to quote`
Total quantity label	`Total quantity`

3.2 Toast Notification

Message	Default heading	Default message
Items added	`Items added to Quote Request List`	`You have successfully added the items to your Quote Request List.` (button: `View Quote Request List`)
Items not added	`Failed to add items`	`There was an issue adding the items to your Quote Request List. Please try again.`
General error	`Something Went Wrong`	`An error occurred while processing your request. Please try again or contact the merchant`
Expired proposal link	`Link Error`	`This link has expired. Please contact the merchant to receive a new proposal.`
Quote approved	`Quote Approved Successfully`	`The quote has been successfully approved. Please check your mailbox to view your invoice.`
Quote rejected	`Quote Rejected Successfully`	`The quote has been successfully rejected. You can review the updated information in the quote details.`
Already approved / rejected	`Quote Already Approved` / `Quote Already Rejected`	`This quote has already been approved. You can view its current status in your Quote History.`
Reject confirmation	`Confirm Rejection`	`Are you sure you want to reject this quote? You can optionally provide a reason below.` (buttons `Cancel` / `Confirm`)

3.3 Eligibility Notification

Text	Default
Notice title	`Quote Request Eligibility Notice`
No item eligible	`Unfortunately, none of the items are eligible for a quote request. Please add quote-eligible products to proceed.`
Some items not eligible	`Certain items are not eligible for a quote:` then `You may proceed to continue with the eligible items or return to adjust.`
Buttons	`Return` / `Continue`

3.4 Quote Form

Text	Default
Modal header title	`Request For Quote`
Product section heading	`Quoted Products`
Offer price button / placeholder	`Offer price` / `Your price`
Product note placeholder	`Add additional requirements for this product`
PO number	`PO Number`
Form section heading	`Fill Information`
Submit button	`Submit Request`
Cancel button	`Continue Shopping`
Empty list	`No items in your Quote Request List` / `Please find and add products to request a quote`
After submit	`Quote Request Sent Successfully` / `Your quote request has been received. Our team will review it and get back to you shortly` (button `Back To Store`)
Field errors	for example `{{label}} is required`, `{{label}} is invalid`, `File size must not exceed {{maxSize}}MB`

3.5 Quote History

Text	Default
Page title / subtitle	`My Quote History` / `Track your created quotes and access comprehensive details for each request.`
Restricted access (guests)	`This page is for logged-in customers only` / `Please log in to your account to access this page` (buttons `Log in` / `Go back`)
Search, filter, sort	`Search quote`, `Status` (`All`), `Sort by` (`Newest` / `Oldest`)
Statuses and badges	`Unread`, `Under review`, `Converted`, `Rejected`, `Proposal sent`, `Expired`
Dates	`Created date`, `Expires`, `No expiry`
Quote detail	`Quote Detail #`, `QUOTED PRICE`, `PAYMENT INFORMATION`, `Final Amount`, `CHECKOUT`, `Awaiting merchant`, `Create similar quote`

Keep placeholders such as {{label}} or {{maxSize}} unchanged when you translate: the app replaces them with the real values.

4. Step-by-Step: Adding a New Language Translation

Follow these 4 steps to configure a localized quote flow for an additional market:

Step 1: Select Your Target Locale

Navigate to Translations > Request For Quote.
Click the Locale selector at the top-left of the page.
Choose the locale you wish to translate (e.g. de for German or fr for French).
- Note: Only locales currently published in your Shopify Markets settings will appear in this list.

Step 2: Enter Localized Text

Click through the 5 translation tabs (Quote Button, Toast Notification, Eligibility, Quote Form, Quote History).
Enter your localized copy into the respective text fields.
You do not need to fill out every field at once: any empty fields will automatically inherit your store’s primary language.

Step 3: Inspect Real-Time Previews

As you type into any text field, inspect the Interactive Live Preview on the right side of the screen.
Check button widths, text wrapping, and notification formatting to ensure your copy fits your storefront theme cleanly.

Step 4: Save & Publish

Click Save in the top-right corner.
Visit your live storefront, switch your currency/country picker to the localized market, and verify that the quote button, modal form, and notifications render in the target language.

5. Real-World Scenario: Multi-Market European Store

Store Context: A wholesale distributor based in the Netherlands sells across the DACH region and France:

Primary Language: English (en)
Target Markets: Germany (de) and France (fr)

Configuration:

In Translations > Request For Quote, the merchant selects de and translates key CTAs:
- Quote Button Content: Angebot anfordern
- Modal Header Title: Unverbindliches Angebot anfragen
- Submit Button: Anfrage absenden
Next, the merchant selects fr and configures French copy:
- Quote Button Content: Demander un devis
- Modal Header Title: Demande de devis professionnel
- Submit Button: Envoyer la demande
A buyer from Italy visits the store (it). Because Italian copy has not yet been translated, the system seamlessly displays the default English (Add to quote), preventing broken strings or missing buttons.