How to Set Up Translations for Your Cart Drawer

Would you like to customize the text inside your cart drawer to match your target audience's language? Or perhaps you are selling internationally and want to display localized text for different countries?

The Translation feature in Snap Cart Drawer allows you to easily translate and customize every piece of text inside your cart drawer — from the announcement bar and reward progress bar to buttons and subtotal texts.

Here is a simple, step-by-step guide to setting up translations for your store.

Step 1: Add and Publish Your Target Language in Shopify

Before configuring translations in the app, you need to make sure your desired languages are active in your Shopify store settings:

1. From your Shopify Admin, go to Settings (bottom-left corner).
2. Click on Languages in the left sidebar.
3. Click the Add language button in the top-right corner.

4. In the pop-up, search for and select your desired language, then click Next and Add.

5. Scroll down to the newly added language, click the three dots (...) next to it, and select Publish.

Step 2: Open the Translation Dashboard in Snap Cart Drawer

1. Go to your Shopify Admin → Apps → Snap Cart Drawer.
2. In the left navigation menu, click on the Translation tab.
3. If you have configured multiple carts for different markets, click the dropdown under Auto-translation to select the specific cart you want to translate (e.g., Default, Cart 1, or Cart 2).

Step 3: Add Language Tabs for Translation

1. Under the You can publish language here section, click the +  button next to the default language tab.
2. In the pop-up, check the boxes next to the languages you want to translate (these are the languages you published in Shopify in Step 1).
3. Click to add them as active translation tabs.

Step 4: Fill in Your Localized Translations

1. Click on the language tab you want to edit (e.g., Vietnamese or Bulgarian).
2. Below, you will see all the translatable text fields grouped by elements (such as Announcement bar, Rewards bar, and buttons).
3. Type your custom translation in each text box.
4. Keep the Show Preview checkbox enabled to watch your translations update live in the cart preview on the right side of your screen.

💡 Time-saving Tip: Click the Translate all button next to the cart selector to automatically translate all text fields using the app's built-in auto-translation feature, and then fine-tune the translations manually.

Step 5: Save Your Changes

Once you are done translating all the fields:

1. Click the Save button in the top-right corner to apply the changes.
2. Visit your storefront, switch your website's language using your theme's language selector, and verify that the cart drawer displays the correct translated text!

Need More Help?

If you experience any issues or have questions, please don't hesitate to contact our support team at [email protected] or through our live chat - we're here to assist you!