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 theme.liquid architecture.

1. Deployment Prerequisites

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

MultiLipi API Key

Locate this in your Dashboard under Settings > General.

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
سجل الدخول إلى لوحة إدارة Shopify .
2
التوجه إلى المتجر الإلكتروني > الثيمات .
3
Locate your active theme (Live) and click the Three Dots (⋮)button.
4
سيلكت تعديل الكود .

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

3. Step 2: Inject the Infrastructure Script

1
In the file directory (left sidebar), locate the التصميم folder.
2
Open theme.liquid . This is the master template for your storefront.
3
Scroll down to find the closing </head>العلامة.

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

Action: Paste the Connection Script

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

HTML

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

⚠️ Critical Config

•استبدال YOUR_API_KEY_HERE with the actual API Key copied from your MultiLipi dashboard.
•انقر حفظ in the top-right corner.

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.

Troubleshooting Protocol

•
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.
•
Incognito: 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:

Lock Your Brand

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 – دمج Shopify