Adding hyperlinks
  • 29 Jun 2022
  • 4 Minuten te lezen
  • Bijdragers
  • Donker
    Licht
  • Pdf

Adding hyperlinks

  • Donker
    Licht
  • Pdf

There is no Dutch content available for this article, You are viewing the fallback version (English).

Add hyperlink to a letter, symbol, word, phrase, paragraph, image, or file in your article or category page. You can do this in both the editor toolbars (Markdown or WYSIWYG).

You can add three different hyperlinks to your article or category page.

  • Search & link to an existing article
  • Link to current article heading
  • Link to any URL

You can link to another article in your knowledge base by highlighting any text in your current article and clicking on the link icon in your editor toolbar.

Start typing the name of the article you like to link in the Paste URL or type to search field. A list of matching article names will appear in a dropdown.

Select the article to link, check the box if you'd like it to open in a new tab, and then click Ok in the Markdown editor or Insert in the WYSIWYG editor.


Interlinking inside the article content is essential when working with long articles or category pages. Users can search for and add links to the heading (H2, H3, H4) from the same article.

The H3 and H4 tags would show up in the linking inside the article dropdown only when enabled in Settings.
Go to Settings → Article settings & SEO → Article settings → Article right. The H3 and H4 should be selected.

1_Screenshot-Bookmarking_heading_links_in_article

Just click on the hyperlink tool in either of the editors (Markdown or WYSIWYG) and scroll down the overlay to find link to current article heading. Click on the dropdown and select from the Heading tags available in the article. The slug URL would be added to the Destination URL at the top, type in the Link text and click on Ok.


How to add an email link in the article?

Follow the below method for Markdown editor:

  • Type in the Markdown syntax in this format → [link_text](mailto:email_id)

For example, you want to add an email hyperlink to test@gmail.com and add link text as Email support
Type in the below Markdown syntax in the desired place [Email support](mailto:test@gmail.com)
Outcome: Email support


Follow the below method for WYSIWYG (HTML) editor:

  1. Click Insert link and the Insert link popup appears
  2. Type in the desired Link text and add the desired email in this format → (mailto:email_id)
  3. Click Insert

For example, you want to add test@gmail.com as email and Email support as link text
2_Screenshot-Email_hyperlink_wysiwyg


Does an article heading hyperlink still work when I change the heading?

No, hyperlinks would not work when you change the heading name.

For example, you have added a hyperlink for H3 "Markdown editor", and later you change the H3 as "The Markdown editor", the hyperlink would not work.

How to overcome this scenario?
This method is applicable only in the WYSIWYG editor. When you directly update the heading name, both the heading link and name get updated. The HTML tag for the heading id should be updated to change the heading and not update the heading link.

In general, the heading of H2 is <h2>Heading name</h2>. However, we can replace this tag with the following tag where heading link and name are splitted <h2><a name="heading-link"></a>Heading name</h2>

For example, you want to update the H2 heading name 'How Risk Analytics Works' to 'Risk Analytics'

  • Your current heading tag would be <h2>How Risk Analytics Works</h2>
  • Replace it with <h2><a name="How-Risk-Analytics-Works"></a>How Risk Analytics Works</h2>
    Heading link - How-Risk-Analytics-Works
    Heading name - How Risk Analytics Works
  • Now change the heading name to Risking analytics, and don't change the heading link
    <h2><a name="How-Risk-Analytics-Works"></a>Risk Analytics</h2>
  • If you have added a hyperlink for this heading, it will work fine even after changing the heading name. This is because the heading link is kept the same.

What happens to the hyperlinks when I do a machine translation?

When you do translation for an article, all the hyperlinks in the default language will be directed to the respective translated language in the new/draft article.

For example, you have an article in English language, which has internal hyperlink(s). These internal hyperlinks are directed to the links in the English language. When you translate this article to French, all the internal hyperlink(s) are directed to the respective links in the French language.

Since the hyperlinks are redirected to the respective translated language, there might be a chance for broken links in the knowledge base.

Maintaining the same article slug for similar articles across all languages is recommended to avoid broken links.

For example, if you have a Getting started an article in the English language with slug /getting-started, maintain a similar slug in the German language as /getting-started. This is because when you add a redirect rule, the hyperlink URL text for English language is domain_name/en/article_slug and for German language is domain_name/de/article_slug


Types of URLs

Absolute path/URL

An Absolute path/URL contains the entire address from the protocol (HTTPS/HTTP) to the domain name (https://docs.document360.com) and includes the location within your website(/overview/interface) names within the URL.
It is the complete web address of a webpage.

For example: https://docs.document360.com/docs/v3/overview/interface

Relative path/URL

A Relative path/URL contains the location following the domain (https://docs.document360.com). It assumes that the link you add is on the same site and is part of the same root domain.
The relative path starts with the forward-slash (/). It is used to navigate and link within site. In Document360, you can observe this while using the linking feature in the editor, Article redirect rule, Tag redirect rule, Ticket deflector, and a few other instances.

For example:
URL: https://docs.document360.com/docs/v3/overview/interface
Relative path: /v3/overview/interface


Was dit artikel behulpzaam

What's Next