Illustration of a rocket taking off from a shopping bag Promotify.io
home portfolio blog about me contact

Liquid Translator

Promotify.io • View on Shopify App Store • E-Commerce
Liquid Translator Screenshot

Roles

Role

Rocco Ghielmini - Shopify App Developer

April 2025

Technologies Used

RemixReact Router v7ReactTypeScriptShopify Admin APICloudflare WorkersCloudflare Durable ObjectsCloudflare KVGraphQL

Translating Liquid without breaking templates

Liquid Translator gives Shopify merchants a safe way to localise pages, email templates, and blog posts. It parses the Liquid AST, isolates the strings customers see, and leaves tags, filters, and control flow untouched so a translation pass never breaks production themes.

Problem

Most localisation tools treat Liquid like plain HTML, so variables and capture blocks get rewritten or duplicated. That leads to broken storefronts, mangled dynamic content, and support escalations right when teams expand into new markets.

Solution

  • Shipped Remix admin designed to be as simple as possible for merchants to use.
  • Built a Cloudflare Workers/Workflows pipeline that tokenises the Liquid input, calls translation providers, and rehydrates the document while guaranteeing placeholders stay intact.
  • Added support for batches so merchants can translate to multiple languages at once.