Multilingual URL Linking
  • 05 Jun 2024
  • 2 Minutes to read
  • Contributors
  • Dark
    Light
  • PDF

Multilingual URL Linking

  • Dark
    Light
  • PDF

Article summary

Introduction

Purpose

This user guide provides detailed instructions on how to link URLs to specific languages in the header navigation using the AppCMS.

Scope

The guide covers the necessary steps to access header navigation, enter captions, select languages, and add URLs.

Prerequisites

Requirements

  • Access to the Tools.

  • Appropriate user permissions to modify header navigation settings.

  • URLs for the language-specific pages you want to link.

Accessing AppCMS

Logging into AppCMS

  1. Open your web browser and go to the Tools login page.

  2. Enter the credentials and click Login.

  3. You will be directed to the dashboard.

  4. Select AppCMS option under the Tools menu.

AppCMS Navigation

Navigating to Header Navigation

  1. Click AppCMS in the main navigation menu.

  2. In the AppCMS interface, locate and click on Header Navigation. This will open the settings where you can manage navigation links and languages.

Header Navigation

Adding a URL to a Selected Language

Enter Caption

  1. In the Header Navigation settings, find the field to enter a Caption.

  2. Type the name you want to display for the link (e.g., "Home", "About Us").

Caption Field

Enable Locale

  1. Click AppCMS, go to the Settings page, and click on Localization.

  2. On the Localization page, enable the Enable Locale toggle. This setting allows you to add multiple URLs for different languages.

Enable Locale Toggle

Select Language

  1. In the language selection dropdown, choose the language for which you want to add a URL (e.g., English, Spanish).

Language Selection

Enter URL

  1. In the Linked to field under the selected language, enter the URL you want to link (e.g., https://mywebsite.com/home?lang=en for English).

Save Changes

  1. After entering the URL, save your changes to update the header navigation.

Notes

  1. Enable Locale Toggle: Ensure that the Enable Locale toggle is turned On before attempting to add URLs for multiple languages.

  2. Multiple URLs: You can link only one page for multiple captions and languages.

Examples

Linking URLs for Different Languages

Caption

Language

URL

Home

English

https://mywebsite.com

Home

Spanish

https://xyz.com

Home

Russian

https://abcd.com

Frontend Steps

Accessing the Linked URL

  1. Enter the Website: Open your web browser and enter the website name (e.g., https://mywebsite.com).

  2. Select Language: On the website, select the desired language from the dropdown menu located at the top right corner of the page.

  3. Click on Header Navigation Tab: Click on the tab in the header navigation that corresponds to the caption you set in the tool.

  4. Redirect to Desired Landing Page: You will be redirected to the desired landing page that you linked in the backend using the tool.

Important Information

  • Validation: Double-check the URLs entered in the tool to ensure they are correct and lead to the appropriate pages.

  • Backup: Create a backup of your current settings before making any changes to the header navigation.

  • Enable Locale Toggle: Ensure the Enable Locale toggle is turned On before adding URLs for multiple languages.

  • URL Accuracy: Verify that each language-specific URL is accurate and properly formatted to avoid 404 errors.

  • User Permissions: Confirm you have the appropriate permissions to modify header navigation settings.

  • Testing: Test the navigation links thoroughly across all intended languages and on different devices and browsers.


Was this article helpful?