Follow

Creating HTML Anchors in Zerista's content editor

Please note: creating Anchors requires some basic HTML knowledge!

Linking to anchors is very similar to normal links. Normal links always point to the top of a page. Anchors point to a place within a page.

A # in front of a link location specifies that the link is pointing to an anchor on a page. (Anchor meaning a specific place in the middle of your page).

To link to an anchor you need to:

    • Create a link pointing to the anchor
    • Create the anchor itself.

An anchor is created using the <a> tag in the HTML editor.

If you want to create an anchor called bottom, you simply add this line where you want the anchor to be:

<a name="bottom">You are now at the bottom of the page</a>

After doing this, you can make a link pointing to the anchor using the normal <a href> tag, like this:

Click <a href="URL#bottom">here</a> to go to the bottom of the page.

Note:

Regardless of the destination of the link, you need to reference the FULL URL, not just the anchor name. 

<a href="http://yourURL.zerista.com#bottom">Your text here</a>

 


Anchors are generally used when you create pages with considerable amounts of text. You would typically make an index at the top of the page linking to the anchors that have been added to key places in the text that follows.


 

Steps to create:

  1. Create your Custom Page and save the page URL for later
  2. Go into the HTML of your page and add the Anchor code where you want to end up once you click the Anchor:
    • <a name="AnchorName">Description of Anchor</a>
  3. Now in the HTML editor, go to the word or phrase that will trigger the anchor and add the following code"
      • <a href="https://zerista.zerista.com#bottom">Description of Anchor destination</a>
  4. Click Save
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk