Overview
A mid‑size Shopify retailer selling home‑decor items wanted to tap into the German, French, and Dutch markets. Their site was English‑only, which limited SEO visibility and caused high cart abandonment for non‑English speakers. By integrating SiteLocaleAI, they added fully translated product pages, hreflang tags, and SEO‑friendly pre‑rendered HTML.
Implementation
1. Drop‑in JavaScript
<script src="https://cdn.sitelocaleai.com/v1/locale.js"></script>
<script>
Locale.init({
apiKey: "YOUR_LLM_API_KEY",
languages: ["de", "fr", "nl"],
defaultLang: "en",
priceRounding: true
});
</script>
The library works with any Shopify theme because it only injects a script tag. No Node.js or build step is required.
2. Hreflang Generation
SiteLocaleAI automatically injects the correct <link rel="alternate" hreflang="…"> tags for every language version. The resulting head section looks like:
<link rel="alternate" hreflang="en" href="https://example.com/">
<link rel="alternate" hreflang="de" href="https://example.com/de/">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/">
<link rel="alternate" hreflang="nl" href="https://example.com/nl/">
Search engines can now index each localized URL separately.
3. SEO Pre‑rendering CLI
npx locale-cli prerender \
--site https://example.com \
--out ./prerendered \
--langs de,fr,nl
The CLI crawls the live store, renders the translated pages, and writes static HTML files. These files are served to bots via a simple Nginx rule, guaranteeing that Google sees the fully translated markup.
4. Price Localization
Using psychological rounding, €99.99 becomes €100, €49.95 becomes €50, etc. The rounding logic lives in the client library:
function roundPrice(value, currency) {
const rounding = { EUR: 5, GBP: 1, USD: 1 };
const step = rounding[currency] || 1;
return Math.round(value / step) * step;
}
Results
| Metric | Before (English‑only) | After 3 months |
|---|---|---|
| Organic sessions | 12,400 | 18,800 (+52%) |
| Conversion rate | 2.1% | 2.9% (+38%) |
| Avg. order value | $84 | $86 |
| Bounce rate (non‑English) | 68% | 42% |
| Revenue (USD) | $1.02 M | $1.42 M (+39%) |
Key takeaways
- SEO lift: hreflang tags + pre‑rendered HTML helped Google index 3× more pages.
- User experience: Prices displayed in local currency with round numbers reduced friction.
- Cost efficiency: Because the retailer used their own LLM API key (GPT‑4o‑mini), translation cost stayed under $0.02 per 1,000 characters, far cheaper than hiring translators.
Why SiteLocaleAI?
- Framework‑agnostic – works on Shopify, WordPress, Vue, React, or plain HTML.
- Self‑hosted – you keep control of API keys and data privacy.
- One‑click SEO – CLI and automatic hreflang generation require no extra plugins.
- Scalable pricing – the retailer started on the $49 Starter plan (up to 10 k page‑views) and upgraded to $99 Growth after hitting 30 k monthly views.
Next Steps
If you run a Shopify store and want to replicate these results, follow the quick‑start guide in the docs and launch a multilingual version in under an hour.
Ready to boost your international sales? Try SiteLocaleAI today and see the ROI for yourself.