# Translate booking widget text

If you're running a multilingual Shopify store, you can customize the language of the Tipo Appointment Booking calendar so it matches your storefront language. This ensures a seamless experience for your customers.

### 🛠️ **Steps**

1. Open the app > click **Settings** > **Translations**
2. Click the **➕** button (top-right) > select a language (example: **Vietnamese**) > click **Add**
3. Click the language you just added (example: **Vietnamese**) > use the category tabs to locate text:
   * **Button** (Book Now, Continue, Back…)
   * **Confirm** (confirmation messages)
   * **Calendar** (Next month, days, labels…)
   * **Validation & Error** (error messages)
   * **Other** (misc text)
   * Edit text in the **language column** (right side)

Note: Use the **Search content…** field to quickly locate a word like:

* “Book”
* “Confirm”
* “Next month”

5. Click **Save** to update the changes
6. Check your widget on the storefront

<figure><img src="/files/iO0E9vsPJtz1SComAUq1" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/VDxqy6zyhEc0HAKTxL16" alt=""><figcaption></figcaption></figure>

On the online store,   when customers select a new language, the text of the booking app is changed based on selected language too. &#x20;

***

### 💡 Tips & best practices

**Icon:** 💡

* Keep translation style consistent (formal vs friendly).
* Avoid changing special variables/placeholders (if your text includes ones like `{{ ... }}`).
* Translate the most visible items first: **buttons + calendar + confirmation**.\\

***

### 🌐 How the text displays on your storefront <a href="#how-it-works-on-your-storefront" id="how-it-works-on-your-storefront"></a>

When a customer selects a different language on your storefront, the booking calendar will automatically display the translated text based on the selected language as long as you’ve configured it in the app.

***

**🙋 Still need support?**

If you still need help, please feel free to contact us at <hi@tipo.io>. We’ll be happy to assist you further.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tipo.io/tipo-appointment-booking/widget-customization/translate-booking-widget-text.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.