Linking to a Part of an Article

Sometimes you'll want to send your customers to a specific part of an article. Maybe they only need the instructions for Windows, or want to know which animal creates sparkles.

The great part is we make this super easy using Headers. We'll automatically create an id for each headerβ€”Sparkling Unicorns header gets #sparkling_unicorns ID. πŸ¦„βœ¨

Add the ID at the end of your article URL and you're good to go. You can get to the link in different ways:

With the Table of Contents

If your article has a Table of Contents, you're in for a treat. 🍰 In the Table of Contents, click the header you want to link to. You can then copy and paste the URL that shows up in your address bar.

With the Extension

If you're not using a Table of Contents, you can get the link using our Chrome extension.

  1. On your browser toolbar, click the HelpDocs icon
  2. Search for an article and read it in the extension
  3. Hover over the header you want to link to
  4. Click the πŸ‘ˆ emoji that shows up

βœ¨β€”the link is in your clipboard. Paste it liberally. πŸ™ƒπŸ™ƒπŸ™ƒ

Showing steps to find the link to a specific part of an article
Huh, you have a Chrome extension? We sure doβ€”more here. 😊

With the Front Plugin

If you're using our Front plugin, you can get the link super quickly. ⚑

  1. In Front, open the plugin panel on the right side of your inbox
  2. Select the HelpDocs plugin
  3. Search for an article and read it in the plugin
  4. Hover over the header you want to link to
  5. Click the πŸ‘ˆ emoji that shows up
  6. Press Cmd-C (Ctrl+C on Windows) to copy the link
  7. Paste away πŸŽ‰
Showing how to copy a link using the HelpDocs Front plugin

With Inspect Element

If you don't fancy Chrome or Front, you can get the link with the Inspect Element feature of virtually any browser. I'll use Firefox as an example:

  1. In browser, view your article (I viewed Choosing a Layout)
  2. Hover over the header you want to link to (I picked Feature Matrix)
  3. Right Click > Inspect Element
  4. Copy the part inside the quotation marks (feature_matrix)
  5. Add #ID at the end of the article URL (https://support.helpdocs.io/article/uQDebSnIrD-choosing-a-layout#feature_matrix)
  6. Copy the link and use it wisely πŸ¦‰
Showing how to copy the link using the developer console


What did you think of this doc?