Web Development Documentation

Adding and Linking to Anchors (Joomla! 3.x)

This procedure explains how to create anchor links within articles on web sites using Joomla! 3.x.  Anchor links allow you to link to specific text on a page.


  • Type a name for the anchor.  Names for anchors must begin with a letter, cannot contain spaces, and must be unique within articles.
    "Create anchor" dialog box
  • Click Insert.  You will see an anchor icon in front of the text you selected.
  • To create a link from somewhere within the same article:
    • Highlight the text that will be linked to the anchor.
    • Click the Insert/Edit link button on the editing toolbar:

      "Insert/Edit link" button
    • At the bottom of the Link pop-up window, click the Article Anchors dropdown menu (see #1 below).
    • Select the anchor name you entered earlier (see #2 below).
    • Click Insert (see #3 below).

      Insert anchor link
  • To create a link from another article:
    • Save the current article:
      • If you are in the front-end editor, click the Save button to the upper left.
      • If you are in the Joomla! Administrator, click the Save & Close button to the upper left: "Save & Close" button
    • Select the second article to edit following steps 1-3 of Editing Articles or create a new article.
    • Highlight the text that will be linked to the anchor link you created earlier.
    • Click the Insert/Edit link button on the editing toolbar: 

      "Insert/Edit link" button
    • A Link popup window will appear.
    • Under Links, click Content.
    • Click the top-level category that contains the article you want to link to (see #1 below).
    • If your article is in a subcategory, click the arrow to the left of the subcategory containing the article containing your anchor link.  (If the article is in a category several levels down, you may need to repeat this step until you find the article).
    • You should see the anchor link you created listed below the article - click on it (see #2 below).

    • Click Insert (see #3 below).

      Linking to an anchor in a separate article
  • If you are editing the article from the front end of the web site, click the Save button to the upper left to save your changes and close the article.
  • If you are working in the Joomla! Administrator, to save your changes and continue editing the article, click the Save button to the upper left: "Save" button
  • If you are working in the Joomla! Administrator, when you are done editing the article, click the Save & Close button to the upper left: Save & Close button

Joomla-Workshops-Button-Hugo