Multilingual Addon - Vanilla Success
<main> <article class="userContent"> <p>Our <strong>Multilingual</strong> addon allows users to translate the interface of the community by selecting their preferred language. You must manually enable which languages will be available to your users, and each will be displayed in the footer (by default) for them to choose at any time.</p><p><strong>📝 NOTE</strong>: The Multilingual addon only translates your community's interface elements, <em>not </em>content generated by your users. This addon is perfect for bilingual communities where the main content will be in English (or another main language) but users may want to see the menu items in their local language.</p><h2 data-id="supported-languages">Supported languages</h2><p>Click <a href="https://explore.transifex.com/vanilla/vanilla/" rel="nofollow noreferrer ugc">here</a> to see the full list of supported languages. </p><h2 data-id="enable-the-multilingual-addon">Enable the Multilingual addon</h2><ol><li>Access the Dashboard.</li><li>Navigate to <strong>Settings > Addons > Addons</strong>.</li><li>Click the <strong>Multilingual </strong>toggle to enable it.</li></ol><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/7DA7C0JX5AU5/enable-multilingual.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/7DA7C0JX5AU5/enable-multilingual.png" alt="enable_multilingual.png" height="420" width="1273" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="enable-languages">Enable languages</h2><p>1. Access the Dashboard.</p><p>2. Navigate to <strong>Settings > Technical > Language Settings</strong>.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/UO5NRDKC0PXZ/access-language-settings.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/UO5NRDKC0PXZ/access-language-settings.png" alt="access_language_settings.png" height="501" width="1086" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>3. On the <strong>Localization </strong>tab, scroll down and enable any languages you need available to your users.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/1KBNV6RQ9J5K/enable-languages.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/1KBNV6RQ9J5K/enable-languages.png" alt="enable_languages.png" height="717" width="846" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="how-do-users-select-a-language">How do users select a language?</h2><p>By default, the enabled language options display in the footer:</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/6GPNWAON1YXX/languages-in-footer.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/6GPNWAON1YXX/languages-in-footer.png" alt="languages_in_footer.png" height="462" width="1196" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><strong>📝 NOTE</strong>: These language options only appear to logged in users, and will not be available to guests. Once users set their multilingual preference, it will be retained each time they log in until they change it themselves.</p><h2 data-id="what-is-translated">What is translated?</h2><p>As stated earlier, this addon does not translate user generated content, only Vanilla navigation elements. </p><p><strong>⭐️ EXAMPLE</strong>: As you can see below, the user content appears in English but the menu items are translated.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/XL95OUVI248B/translation-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/XL95OUVI248B/translation-example.png" alt="translation_example.png" height="602" width="1271" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p> </article> </main>