- Item Name : LetzChat, Inc. - Language and Analytics Website Plugin
- Item Version : 6.0.0
- Author : LetzChat, Inc.
- Copyright : 2024
Welcome to the documentation for the LetzChat, Inc - Language and Analytics Website Plugin! This page will guide you on how to use, customize, and implement the plugin to your website.
Unlock the World: Transform Your Website into a Multilingual Gateway with LetzChat's Quick Integration and Unbounded Analytics!
The LetzChat website plugin is an innovative solution designed to help developers seamlessly integrate multilingual capabilities into their web applications. With this plugin, websites can offer real-time translation of content into multiple languages, effectively broadening their reach and accessibility to a global audience. The integration process is straightforward, involving the inclusion of a JavaScript snippet into the HTML of the site. Once installed, the plugin detects the user’s browser language or allows users to manually select their preferred language from a customizable dropdown menu. This functionality not only enhances user engagement by providing content in the user’s native language but also improves the overall user experience.
Developers can further tailor the LetzChat plugin to meet specific needs. The tool comes with comprehensive documentation that covers everything from basic setup to advanced Exclude Elements options. For instance, developers can exclude certain parts of the webpage from being translated, such as technical terms, sensitive data, or brand names, by using the data-notranslate attribute. If an element has this attribute none of this data will be transmitted to LetzChat. Additionally, the plugin supports various Exclude Elements options that allow developers to maintain the site's branding while using the translation features. This level of Exclude Elements ensures that the integration of the plugin does not detract from the site’s original design and functionality.
On the analytics front, LetzChat offers a robust analytics tool that provides insights into how the translation features are being used on the site. The analytics dashboard displays data on user interactions, language preferences, and usage patterns. This information is invaluable for developers looking to optimize the user experience and enhance the efficiency of the translation services provided. The analytics tool helps in understanding the impact of the multilingual features on user engagement and can guide further enhancements based on user behavior and preferences. Overall, LetzChat’s website plugin and analytics tool provide developers with a powerful suite of features to create a more inclusive and engaging web environment for users around the globe.

Copy the following line of JavaScript. Open your website's HTML and paste the copied script just before the closing </head> tag. This ensures the script loads correctly on your website.
Once installed, this script will only be collecting analytic data. No translations will occur until activated by a LetzChat Tech Member
<script src="https://letzchat.pro/firestoreconfig/plugin/letzchat.js"></script>
Step 1: Test the Website in English
- Load the website in your browser.
- Review all visible text (headings, paragraphs, buttons, forms, menus, etc.) to ensure everything is correct in English.
- If any English text seems incorrect, note it down with a screenshot and the URL of the page.
Step 2: Open the Browser Console
- Open the Developer Tools Console:
- Google Chrome or Edge:
- Right-click anywhere on the page and select Inspect, then go to the Console tab.
- Alternatively, press Ctrl+Shift+I (Windows/Linux) or Cmd+Option+I (Mac), and select the Console tab.
- Firefox:
- Right-click anywhere on the page, select Inspect, then go to the Console tab.
- Alternatively, press Ctrl+Shift+K (Windows/Linux) or Cmd+Option+K (Mac).
- Google Chrome or Edge:
- You’ll use this console to switch languages during testing.
Step 3: Switch to a Different Language
- Type the following command in the console to change the language:
lzSwitchLanguage('es');
This command switches the website into Spanish. - Test the following languages by replacing 'es' in the command above with these codes:
- Japanese: lzSwitchLanguage('ja')
- French: lzSwitchLanguage('fr')
- German: lzSwitchLanguage('de')
- Chinese (Simplified): lzSwitchLanguage('zh')
Step 4: Look for Missing Translations
- After switching to a language:
- Read through the entire website.
- Look for any text that remains in English or another language instead of the selected language.
- Pay special attention to:
- -Buttons
- -Forms
- -Menus
- -Pop-ups
- -Headers/footers
- For missing translations:
- Take a screenshot of the untranslated text.
- Note down the URL of the page.
- If possible, inspect the element to find the HTML class of the untranslated text:
- Right-click the text and select Inspect.
- Look for the class or id attribute of the element in the Elements tab.
- Include this information in your report.
Step 5: Check Formatting
- Look for formatting issues such as:
- Misaligned text.
- Overlapping text or buttons.
- Text that appears cut off or runs out of its container.
- For any issues:
- Take a screenshot of the problem.
- Note down the URL of the page.
Step 6: Document Your Findings
- For each issue you find, document the following:
- Type of issue: Missing translation, incorrect translation, or formatting issue.
- Screenshot: Include a clear screenshot showing the problem.
- URL: Provide the exact link to the page with the issue.
- HTML class (if applicable): For untranslated text, include the HTML class or ID if you can find it.
Example Report:
Type of Issue | Screenshot | URL | HTML Class |
---|---|---|---|
Missing translation |
![]() |
https://example.com/page | .button-text |
Formatting issue |
![]() |
https://example.com/home | N/A |
Step 7: Repeat for Each Language
- Repeat steps 3–6 for all the languages listed:
- Spanish (es)
- Japanese (ja)
- French (fr)
- German (de)
- Chinese (zh)
Final Notes
- Use Japanese (ja) or Chinese (zh) for easier spotting of untranslated text due to the difference in scripts.
- Provide detailed feedback in your report to ensure the issues are resolved effectively.
Thank you for your careful attention during testing!
If there are elements on your website that you do not want to be translated, such as certain text or code snippets, sensitive data, specialized terms, form fields, and more, you can use the data-notranslate attribute. This attribute can be added to any HTML element to prevent it from being translated by the LetzChat Website Plugin. This attribute also prevents anything in the element from being passed to LetzChat for maximum security. Here's how to use it:
<p data-notranslate><Your non-translatable content here.</p>