Creating Anchor Links for Multilingual content in SolidWeb

This guide offers a straightforward method for creating anchor links in SolidWeb, enhancing the accessibility of multilingual content. By implementing anchor links, readers can easily navigate to their preferred language sections, improving user experience. The guide also includes practical tips for linking to these sections, making it valuable for anyone looking to streamline content for diverse audiences. Following these steps will make your multilingual content more organized and user-friendly.

Chris Skelly
37 steps
2 minutes

Uaw

When creating multilingual content, you want to make it easy for the reader to jump down on the page to their native language. To do this, we need to insert an anchor link for each language, and insert an index at the top which will link to each language. In the editor window, highlight the first language we'll assign an anchor link to.

Click and drag to select all the text of "English"

Click here on the flag icon to insert an anchor link.

Click the "Anchor name" field.

Type "english"

Click the checkmark(save) icon.

Alert! You'll notice, once an anchor link is applied, there will be a red flag to the left of the text.

Scroll down the next language. Click and drag to select "Spanish (Español)"

Click the flag icon. Then click in the "Anchor field"

Type "spanish"

Click the checkmark(save) icon.

Scroll down to the next language. Click and drag to select "Yemini"

Click the flag icon. Then click in the "Anchor field"

Type "yemini"

Click the checkmark(save) icon.

Tip! "Anchor links" also known as "Jump links" take visitors to a different place within the same page, or "jump" down to the section that is linked to. Once an anchor is created, linking to it is done by inserting the pound sign "#" followed by the anchor name. Example: #english

Now we'll insert a language index at the top of the page that links to each language on the page. Click the top line and insert a line break (Enter).

Click "Text alignment"

Choose the center align.

Type "English | Spanish | Yemini"

Click and highlight the first language "English", then click the link icon.

Type "#english"

Click "Save"

Click "English | Spanish | Yemini"

Click this icon.

Type "#spanish"

Click this icon.

Click "Save"

Click "English | Spanish | Yemini"

Click here.

Type "#yemini"

Click "Save"

Click "English | Spanish | Yemini"

Now we'll save the page and test out the links. Click "Save"

Click "Spanish"

Click "Yemini"

Click "English"

Tip! If the links "jumped" to the relevant section it's working. Use anchor links on social media and other communications to specifically links to other language sections. Example:\ \ English: <https://region1.uaw.org/local653/bargaining-challenge-manufacturing/strike-faqs#english> Spanish: <https://region1.uaw.org/local653/bargaining-challenge-manufacturing/strike-faqs#spanish> Yemini: <https://region1.uaw.org/local653/bargaining-challenge-manufacturing/strike-faqs#yemini>

Creating Anchor Links for Multilingual content in SolidWeb

Chris Skelly
37 steps
2 minutes

Uaw

Click and drag to select all the text of "English"

Click here on the flag icon to insert an anchor link.

Click the "Anchor name" field.

Type "english"

Click the checkmark(save) icon.

Alert! You'll notice, once an anchor link is applied, there will be a red flag to the left of the text.

Scroll down the next language. Click and drag to select "Spanish (Español)"

Click the flag icon. Then click in the "Anchor field"

Type "spanish"

Click the checkmark(save) icon.

Scroll down to the next language. Click and drag to select "Yemini"

Click the flag icon. Then click in the "Anchor field"

Type "yemini"

Click the checkmark(save) icon.

Now we'll insert a language index at the top of the page that links to each language on the page. Click the top line and insert a line break (Enter).

Click "Text alignment"

Choose the center align.

Type "English | Spanish | Yemini"

Click and highlight the first language "English", then click the link icon.

Type "#english"

Click "Save"

Click "English | Spanish | Yemini"

Click this icon.

Type "#spanish"

Click this icon.

Click "Save"

Click "English | Spanish | Yemini"

Click here.

Type "#yemini"

Click "Save"

Click "English | Spanish | Yemini"

Now we'll save the page and test out the links. Click "Save"

Click "Spanish"

Click "Yemini"

Click "English"