Website translation WordPress

Advanced configuration

Follow Advanced configuration guide if:

• You want to change the language switcher appearance.
• You want to change how the languages are displayed.
• You want to customize the machine translation bar.
• See full settings list.

How to get there?

1. On the Wordpress administrator dashboard, open Plugins.
2. In the list find "Tilde Website Translator".
3. Click Settings.

Add access key

To enable machine translation, input your access key (provided by our Sales team) into the plugin settings.

To add the access key:

1. On the Wordpress administrator dashboard, open Plugins > Tilde Website Translator > Settings.
2. In plugins settings, open Automated Translation tab.
3. Enter your access key.
4. Click Save Changes at the bottom of the page.

Select translation languages

To select the translation languages:

1. Open the Tilde Website Translator plugins Settings.
2. In the General tab, set the default language of your website.
3. In the All Languages section, select the language(-es) and domains, and click Add.
4. At the bottom of the page, click Save Changes.
5. Adjust the language order by dragging and dropping.

Verify plugin is set-up correctly

To verify that the plugin is set-up correctly:

1. Open your website.
2. Look for the floating language selector at the top of the page.
3. Select a translation language.
4. The page will reload, displaying the translated content.
5. A translation notice bar should appear.

Configure language switcher

The language switcher offers three display options:

• Floating selection: Positioned at the top right corner of the page (default).
• Shortcode: Embedded directly into your page content.
• Menu item: Integrated into your website's navigation menu.

Floating language selection

The floating language switcher offers three themes: default (dark red), dark, and light. Choose from four placement options: top right, top left, bottom right, or bottom left.

To change the floating language menu appearance:

1. In the plugin’s settings, open the General tab.
2. At the bottom of the page, find the Language switcher section.
3. Under Floating language selection, select:
   1. How to display the language names.
   2. The theme: Light, Dark, Default.
   3. Position where to display it: Bottom right, Bottom left, Top right, Top left.
4. Click Save Changes.

Disable default floating language switcher

When using the shortcode or menu item language switchers, the default floating language switcher can be hidden.

To disable the floating language selection:

1. In the plugin’s settings, open the General tab.
2. At the bottom of the page, find the Language switcher section.
3. Unselect Floating language selection.
4. Click Save Changes.

Shortcode

Add a language switcher to any page using the [language-switcher] shortcode. Depending on your WordPress theme and version, you may need to add it as a widget or customize your theme's template.

Add to a page

To add a shortcode language switcher to a single page:

1. In the editor, open the page you want to edit.
2. Add a text block and type “[language-switcher]”.
3. At the top of the page, click Update.

Edit widget

To add a shortcode language switcher to footer, header, or sidebar:

1. On the WordPress dashboard, open Appearance > Widgets.
2. Find the header/footer/sidebar widget.
3. Click “+” and add a text block.
4. Type “[language-switcher]”.
5. At the top of the page, click Update.

Edit theme

👉Theme confguration steps might differ depending on your theme.

To edit the theme and add the shortcode:

1. On the WordPress dashboard, open Appearance > Themes.
2. Click Customize for your selected theme.
3. Click Patterns.
4. Select Header or Footer.
5. Add a shortcode block and type “[language-switcher]”.
6. At the top of the page, click Save.

Menu item

To add the language switcher to any menu:

1. On the WordPress dashboard, open Appearance > Menus.
2. Create a new menu or edit an existing one.
3. Select display location of the menu.
4. Under Add menu items, expand Language switcher.
5. Select the languages.
6. Click Add to menu.
7. Reorder the languages by dragging, if needed.
8. Save changes.

Language switcher is added to website header:

Customize Language Names in Language switcher

Customize language display in the plugin's Settings > General tab. Choose between English or native language names for languages in the language switcher.

1. Next to Native language name, select “Yes” or “No” from the dropdown.

To change how the languages are displayed:

2. At the bottom of the page, find the Language switcher section.
3. Under the language switcher you are using, select the language appearance:
   • Full Language Names,
   • Short Language Names,
   • Flags with Full Language Names,
   • Flags with Short Language Names,
   • Only Flags.
4. Click Save Changes.

Customize machine translation notice bar

A default notice bar appears at the top of machine-translated pages, informing visitors of the translation and offering an option to restore the original language. The notice bar message is also machine translated.

Change display position

Translation notice can be displayed at the top or bottom of the page.

To change the display position:

1. In the plugin’s settings, open the Automated translation tab.
2. Next to Machine translation notice position, select “Top” or “Bottom”.
3. At the bottom of the page, click Save Changes.

Edit the translation notice text

To edit the translation notice bar message:

1. Open the Translation editor.
2. Hover over the notice bar and click the edit icon.
3. Edit the translation.
4. At the top of the page, click Save translation.

Display translation notice in English

To display the notice in English for website visitors:

1. In the plugin’s settings, open the Advanced tab.
2. Find the Exclude strings section.
3. Under Exclude selectors only from automated translation, add “.translation-notice” to the selectors.
4. At the bottom of the page, click Save Changes.

Hide the translation notice bar

To disable the notice bar completely:

1. In the plugin’s settings, open the Automated translation tab.
2. Next to Show machine translation notice, select “No”.
3. At the bottom of the page, click Save Changes.