Kalium Documentation
HomeAccountPricingChangelog
  • Getting Started
    • Introduction
      • Before Getting Started
        • Hosting and Domain
        • WordPress Installation
        • Server Requirements
      • How To Purchase Kalium
    • Installation
      • Installing theme via WordPress
      • Installing theme via FTP
      • License Activation
      • Importing a Starter Site
      • Installing Required Plugins
      • Child Theme
      • Updating Kalium
    • License
      • Managing Licenses
      • Activation Scope
      • Prorating Plan Updates
    • Dashboard
    • Customizer
    • Migrating from Kalium 3 to 4
      • Migrating Automatically
      • Migrating Manually
  • General
    • Header
      • Layouts
      • Custom Header
        • Elements
      • Styling
      • Top Bar
      • Sticky Header
      • Mobile Menu
      • Other Options
      • In Page Options
    • Footer
      • Adding/Editing Content
      • Styling
    • Sidebars
      • Troubleshooting Sidebar
  • Post Types
    • Blog
      • Blog Page
      • Post Page
      • Creating a Blog Page
      • Creating a Blog Post
    • Portfolio
      • Portfolio Page
      • Project Page
      • Creating a Portfolio Page
      • Creating a Portfolio Item
        • Side Portfolio
        • Columned
        • Carousel
        • Zig Zag
        • Fullscreen
        • Lightbox
        • Design Your Own
    • WooCommerce
      • General Settings
        • Mini Cart
        • Free Shipping Bar
        • Product Badges
      • Product Catalog
        • Product Card
      • Product Page
      • Product Images
      • Cart & Checkout
      • My Account
      • Store Notice
    • Search Results
  • Typography
    • Fonts
      • How to Add a Font
        • Adding Adobe Fonts
        • Adding Self-Hosted Fonts
        • Adding External Fonts
      • Custom Selectors
      • Advanced Settings
    • Font Sizes
    • Typography Settings
  • Styling
    • Brand and Logo
    • Colors
    • Buttons
    • Forms
    • Layout
    • Link Styles
    • Site Frame
  • Translation
    • Translation introduction
    • Translating with WPML
    • Translating with Loco Translate
    • Translating with Poedit
    • Adding a Language Switcher
    • RTL Languages
  • Other
    • Social Icons
    • Image Placeholder
    • Breadcrumbs
    • Scroll to Top
    • Maintenance Mode
    • Lightbox
    • Custom CSS
  • Troubleshooting
    • Manage Options in Customizer
    • Bad Hosting Environment
Powered by GitBook
On this page
  • Adding a Language Switcher in the Header
  • Language Switcher Options
  • Adding a Language Switcher via Widget
  • Adding a Language Switcher via Shortcode
  1. Translation

Adding a Language Switcher

PreviousTranslating with PoeditNextRTL Languages

Last updated 9 months ago

Kalium supports multilingual websites through WPML, allowing you to add a language switcher in various locations. This guide covers how to add a language switcher in Kalium using WPML through three methods: Header, Widget, and Shortcode.

Adding a Language Switcher in the Header

Kalium makes it easy to integrate a language switcher into your site's header. Follow these steps to enable the language switcher in the header:

Enable the Language Switcher in the Header:

  1. Go to Appearance -> Customize.

  2. Navigate to Header -> Other Settings.

  3. Find the "Language Switcher" option and toggle it on.

Language Switcher Options

Once you’ve enabled the language switcher, you can adjust its appearance and functionality to fit your site’s design.

Show Flag:

Choose whether to display flags for each language. Enable this option to show flags or disable it if you prefer not to use them.

Flag Position:

Select the position of the flags relative to the language names. You can choose to display flags on the left or right side of the language names.

Show Label:

Decide whether to display language names alongside the flags. Toggle this option to show or hide labels for the languages.

Label Format:

Choose how language names are displayed:

  • Native Name: Displays the language name in its native script (e.g., "Français").

  • Translated Name: Displays the language name in the language of the site (e.g., "French").

  • Initials: Shows language initials (e.g., "EN" for English).

  • Native Name (Translated Name): Displays the language name in its native script followed by the translated name (e.g., "Français (French)").

  • Translated Name (Native Name): Displays the translated name followed by the native name (e.g., "French (Français)").

Using a Custom Header:

If you are using a custom header, you'll need to manually add the language switcher element.

Adding a Language Switcher via Widget

To add a language switcher using a widget:

  1. Navigate to Appearance -> Widgets in your WordPress admin panel.

  2. Find the "WPML Language Switcher" widget in the list of available widgets and drag and drop the widget into your desired widget area (e.g., Sidebar, Footer).

  3. Customize the widget settings as needed, including options for display style and language selection.

Adding a Language Switcher via Shortcode

WPML also provides a shortcode to insert a language switcher into posts, pages, or any content area, add the following shortcode where you want the language switcher to appear:

[wpml_language_switcher]

Please check the article on setting on adding elements to your custom header and also the language switcher element article to see the available options:

You can customize the shortcode by following for additional parameters and options. Edit the page or post where you want to add the language switcher and paste the shortcode to add it there.

custom header
WPML's documentation
Language Switcher