Follow

Site Editor: Adding anchors to content pages

We're all familiar with links that can take you to another page, but using anchors, you can create links that take you to a specific part of a specific page.

For instance, if you've got a page with a lot of information on it, it might be overwhelming for your customers, especially if their area of interest is specific and narrow. Using anchors and links, you can guide them to the information in which they have the most interest.


 

To add anchors to your page content:

    1. Within the Site Editor, proceed to the page to which you'd like to add anchors.

      01begin.png

    2. Select the text that you'd like to turn into an anchor. In our example, we're using the Chapter indicators in our text. Chapter One, Chapter Two, etc.

      So we've selected Chapter One, and now we'll proceed to the Insert dropdown menu in the Site Editor menu.

      03gotoinsertmenu.png

    3. Once the Insert dropdown menu has been clicked, we can see all of the options therein. We'll make our way to the Anchor option, and click that.

      04anchormenuitem.png


    4. This'll bring up the box where we'll name our anchor. You can name yours whatever you like that makes sense. It'll come in handy later if the name you choose relates to the information in that section (so something specific like "Varietals" or "Winemaker" would work, and something vague like "Stuff" or "Things" would be a wild miscalculation).

      05anchornamebox.png


    5. We've sensibly chosen "chapt1" as the name for our anchor at the beginning of Chapter One. Now we click "Ok."

      06donewithanchornamebox.png


    6. (I went ahead and repeated steps 2-5 to create anchors at the beginnings of Chapters Two and Three. This is just like what we did for Chapter One, but we called these anchors "chapt2" and "chapt3." You're probably picking up on the pattern.)

      Now it's time to create the links that'll take users to those anchor spots. I typed in "CHAPTER ONE", "CHAPTER TWO," and "CHAPTER THREE" at the top of the page, and our next move is to select "CHAPTER ONE" and click the Insert/edit link button in the Site Editor menu. It looks like a tiny bit of chain, which is a visual pun, because chains are made of links.

      07begincreatingthelink.png


    7. Now we're seeing the Insert link window. Let's click on the Anchors dropdown to look at our anchor options.

      08insertlinkanchors.png


    8. Just like magic, all of the anchors we created are there in the dropdown, and since we're setting up our Chapter One link right now, "chapt1" is the one we'll want to select.

      Remember that, as Arthur C. Clarke said, "any sufficiently advanced technology is indistinguishable from magic."

      09selectchapt1.png

    9. Now that's selected, so we can click "Ok."

      10clickokoninsertlink.png


    10. (We'll repeat steps 6-9 and set up the links for Chapter Two and Chapter Three as well.)

      As you can see, we've got three different links to three different anchors on the page. Once you start using this tool, you'll get a real sense of how useful it is if you're dealing with pages with a lot of content.

      11alldone.png

Congratulations! You have successfully added anchors and their corresponding links to your page content! You can click on those links and you'll be transported to the part of the page where you set up your anchors! How about that!

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk