Deploying MultiLipi on Shopify

Transform your storefront into a global sales engine.

Shopify is built for commerce, but true global scale requires more than just currency conversion. By integrating MultiLipi, you deploy a Neural Translation Infrastructure that localizes your entire storefront—from product descriptions to checkout flows—while automatically handling the complex SEO signals required to rank your products in foreign markets.

This guide details the integration process using Shopify's tema.líquido arquitetura.

1. Pré-requisitos para o desdobramento

Before modifying your theme, ensure you have the following credentials:

Chave API MultiLipi

Localize isto no seu Painel abaixo Cenários > Gerais .

Shopify Admin Access

You must have permissions to edit themes.

2. Step 1: Access the Theme Architecture

We will inject the translation engine directly into your store's global layout file to ensure it loads on every page (Products, Collections, Pages).

1
Inicie sessão no seu Painel de administração da Shopify .
2
Navegue até Loja Online > Temas .
3
Locate your active theme (Live) and click the Três Pontos (⋮) botão.
4
Selecione Edit Code.

Shopify Admin interface showing Online Store > Themes page with the Dawn theme marked as Current theme and a Customize button highlighted

3. Passo 2: Injetar o Script de Infraestrutura

1
In the file directory (left sidebar), locate the Diagramação folder.
2
Aberto tema.líquido . This is the master template for your storefront.
3
Scroll down to find the closing </head> tag.

Shopify theme editor showing Edit code button highlighted in the Dawn theme customization menu

Ação: Colar o Script de Ligação

Paste the following connection script immediately acima the </head> tag:

HTML

<script 
  src="https://multilipistorage.blob.core.windows.net/static/js/page_translations.js" 
  key="YOUR_API_KEY_HERE"
></script>

⚠️Configuração Crítica

• Substituir YOUR_API_KEY_HERE com a API Key real copiada do seu painel MultiLipi.
• Clique em Gravar No canto superior direito.

Shopify code editor showing theme.liquid file with MultiLipi script injection before closing head tag, highlighted in blue box on line 308-309

4. Step 3: Validation & Launch

Once saved, the infrastructure is live.

Open Storefront

Navigate to your live website URL.

Verify UI

You should see the Language Switcher anchored to the bottom-left corner (default position).

Test Translation

Switch to a target language. Verify that product titles, descriptions, and "Add to Cart" buttons translate instantly.

Protocolo de Resolução de Problemas

•
Don't see the switcher? Ensure the script is above the closing </head> tag, not below it.
•
Caching: If you use a third-party caching app, purge the cache.
•
Incógnito: Test in an Incognito/Private window to bypass local browser caching.

5. Next Steps: Commerce Optimization

Now that the engine is running, optimize it for sales:

Tranque a Sua Marca

Use the Glossary to prevent product names or trademarked terms from being translated literally.

SEO Activation

Ensure "Slug Translation" is enabled in your MultiLipi settings so your product URLs (e.g., /products/red-shoes) become indexed keywords in target markets (e.g., /products/zapatos-rojos).

Checkout Alignment

Verify that your Checkout settings in Shopify allow for localized fields if you are using Shopify Plus.

MultiLipi – Guia de integração do Shopify