Multi-language (GTranslate)

Want visitors to read your site in their own language? The free GTranslate plugin adds instant, on-the-fly translation with a clean language switcher you can drop right into your menu. Paired with the Shortcode in Menus plugin, you can place the switcher directly in your Leverage navigation.

Step 1: Install the plugins

1. Add GTranslate. In WordPress, go to Plugins » Add New, search for GTranslate, then install and activate it.

2. Add Shortcode in Menus. Still under Plugins » Add New, search for Shortcode in Menus, then install and activate it. This lets you place shortcodes inside WordPress menus.

Step 2: Configure GTranslate

1. Open the settings. Go to Settings » GTranslate.

2. Choose the look. Set Widget look to Flags for a compact, flag-based switcher.

3. Pick your languages. Check the languages you want to offer visitors.

4. Save. Save your changes.

Tip

Start with just the languages your audience actually uses. You can always add more later — a shorter list keeps the switcher tidy.

Step 3: Add the switcher to your menu

Now place the language switcher in your navigation using a shortcode menu item.

1. Open Menus. Go to Appearance » Menus.

2. Add a Shortcode item. In the left panel, open the Shortcode section (added by Shortcode in Menus). Give it a title and put the following in the content field:

   [gtranslate]

3. Add and save. Click Add to Menu, position the item where you want it, then click Save Menu.

Note

Not seeing a Shortcode panel? Make sure the Shortcode in Menus plugin is active. Some setups instead use a Custom Link item with the shortcode placed in its label — either approach works.

Optional: Style the switcher

To fine-tune how the switcher sits in your header, add a little custom CSS under Theme Settings » Advanced » Custom CSS:

.navbar-nav .glink { margin: 0 5px; }
.menu .menu-item-object-gs_sim { display: flex; padding: 15px 0; }

The first rule adds breathing room between flags; the second vertically aligns and pads the switcher menu item. Adjust the values to match your header’s spacing.

Related

• Navigation Menu
• Header Builder