Boost Shopify Sales with Multilingual Pages Using SiteLocaleAI
Background
A fashion‑forward Shopify store, Nordic Threads, sold premium apparel primarily to English‑speaking customers in the US and UK. The owners wanted to tap into the lucrative Central European market—Germany, France, and the Netherlands—without hiring a full‑time translation team or overhauling their tech stack.
Solution Overview
SiteLocaleAI offered a perfect fit:
- Drop‑in JavaScript library that works with any front‑end framework, including Shopify’s Liquid templates.
- Self‑hosted LLM integration – the store used its existing OpenAI API key (GPT‑4o‑mini) to generate translations on‑the‑fly, keeping data in‑house and costs predictable.
- Psychological price rounding per currency, e.g., €19,99 → €20,00, which boosted conversion rates.
- CLI pre‑rendering that generates fully translated static HTML for crawlers, ensuring hreflang tags are indexed correctly.
- No Node.js requirement for WordPress – not needed here but worth noting for future expansions.
Below is a step‑by‑step walk‑through of how Nordic Threads implemented the solution and the ROI they achieved.
1. Adding the Library to Shopify
Shopify themes are built with Liquid, HTML, and optional JavaScript. SiteLocaleAI’s script can be injected directly into the theme’s theme.liquid file.
<!-- theme.liquid – just before </head> -->
<script src="https://cdn.sitelocaleai.com/v1/site-locale.js"></script>
<script>
SiteLocale.init({
apiKey: 'YOUR_OPENAI_API_KEY', // keep it secret in Shopify admin → Settings → Files
defaultLang: 'en',
supportedLangs: ['en', 'de', 'fr', 'nl'],
priceRounding: true,
// optional: custom rounding rules per currency
roundingRules: {
EUR: 0.99,
GBP: 0.95,
USD: 0.99
}
});
</script>
The library automatically detects the visitor’s Accept‑Language header, injects the appropriate translations, and rewrites price elements marked with data-price.
2. Translating Product Data
Shopify exposes product JSON via the Storefront API. SiteLocaleAI can translate any string on the client side, but for SEO we need server‑side pre‑rendered pages. The CLI does exactly that.
# Install the CLI locally (once per dev machine)
npm i -g site-locale-cli
# Generate static, translated pages for each locale
npx site-locale seo --output ./public --locales de fr nl
The command fetches product data, runs the LLM to produce German, French, and Dutch titles, descriptions, and alt‑texts, then writes static HTML files into ./public. These files are later uploaded to Shopify’s Online Store > Pages section or served via a CDN.
3. Hreflang Tag Integration
Search engines rely on hreflang to serve the correct language version to users. SiteLocaleAI injects these tags automatically when the pre‑rendered HTML is served.
<link rel="alternate" hreflang="de" href="https://nicthreads.com/de/products/123" />
<link rel="alternate" hreflang="fr" href="https://nordicthreads.com/fr/products/123" />
<link rel="alternate" hreflang="nl" href="https://nordicthreads.com/nl/products/123" />
<link rel="alternate" hreflang="x-default" href="https://nordicthreads.com/products/123" />
These tags are placed in the <head> of each generated page, ensuring Google and Bing index the language‑specific URLs correctly.
4. Price Localization & Psychological Rounding
SiteLocaleAI reads the raw price from the Shopify data-price attribute, converts it using the latest exchange rates (via the LLM API or a third‑party service), and applies the rounding rule.
<span class="price" data-price="49.99" data-currency="USD">$49.99</span>
When a French visitor lands on the page, the library displays €42,00 instead of €41,99, a tiny tweak that research conversion rates by ~3% in A/B tests.
5. Measured Results (3‑Month Window)
| Metric | Before | After (all three locales) | % Change |
|---|---|---|---|
| Organic sessions (EU) | 12,400 | 17,600 | 42% |
| Revenue from EU | $28,900 | $39,000 | 35% |
| Avg. order value (EU) | $78.5 | $82.3 | +5% |
| Bounce rate (EU) | 48% | 38% | -10 pts |
| Page‑load time (pre‑rendered) | 3.8 s | 2.1 s | -45% |
The biggest driver was the SEO‑friendly pre‑rendered pages. Google Search Console showed a 68% increase in indexed pages for the new locales, and the hreflang tags eliminated duplicate‑content warnings.
6. Cost Overview
SiteLocaleAI pricing for the store’s traffic volume (≈150k page‑views/month) fell under the Growth $99 plan, which includes up to 500k API calls per month. The total monthly cost was $99, a fraction of the $1,200‑$1,800 they would have spent on a professional translation agency for the same volume.
7. Lessons Learned & Best Practices
- Pre‑render for SEO – Even though the JS library works client‑side, static HTML guarantees that crawlers see the full translated content.
- Use currency‑specific rounding – Psychological pricing adds a small but measurable lift.
- Monitor exchange‑rate freshness – SiteLocaleAI can cache rates for 24 h; for high‑volatility markets, schedule a daily refresh.
- Leverage internal docs – The Installation Guide and SEO Pre‑rendering Docs helped the dev team resolve edge cases quickly.
8. Next Steps for Other Merchants
If you run a Shopify store and want to replicate Nordic Threads’ success, start with the Indie $5 plan to test a single extra language. Once you validate traffic lift, upgrade to Growth $99 for unlimited locales and advanced price rounding.
Ready to go global?
Try SiteLocaleAI today, add a few lines of JavaScript, and watch your international SEO and sales soar. Visit https://sitelocaleai.com to start your free trial.