Documentation

Introduction

This tutorial will explain how to add links to your Web pages. Creating links allows you to direct your page's visitors to separate pages within your HillTop site, as well as to external Web sites.

There are three ways to add links with HillTop. The fist allows you to highlight and link a word or section of text, such as in a Text Block or Post. The second allows you to add a vertical list of links to your page, as a stand-alone element. The third allows you to create what are known as "Anchor links," which direct visitors to a specific location on a page.

 

Method 1: Adding a Link to Text

Step 1 - Highlight your Content

While creating or editing text-based content, such as Posts or Text Blocks, highlight the word or phrase you would like to turn into a link. In the example image below, the word "Content" is highlighted.

 

Step 2 - Click the Insert/Edit Link Button

On the WYSIWYG toolbar, locate the"Insert/Edit Link" button (chain link icon), on the right side of the first row. With your word or phrase highlighted, click the button.

 

Finish - Enter URL or Search for an Internal Page

Clicking the button will create a new pop-up window. If you are creating a link to an external site, enter the URL into the "Link URL" field.

If you are linking to a page within your HillTop site, click the "Pages" tab. Next, search for the page by "Title" or "Name," using the "Filter" field. From the list of results, click the page that you wish to link to. 

After entering the URL or selecting the appropriate page, click the "Insert" button at the bottom of the window to create your link.

Links can be edited by highlighting the linked text, then clicking the "Insert/Edit Link" button. Links can also be removed by highlighting the linked text, then clicking the "Unlink" button, located to the right of the "Insert/Edit Link" button.

Method 2: Creating a Link Group

Link Groups allow you to add a list of links to your page, such as links to resources on external websites. The steps below explain how to add and set up a Link Group.

Step 1 - Edit your Page

Begin by clicking the "Pages" link, located in the menu at the top of your HillTop Dashboard. From the list, locate the page you wish to add the links to, then click the Edit button (pencil icon) to the left of the page title. This will bring you to the page's content editor.

Step 2 - Add a Link Group

Next, click the "Links" item, located under the "Add Content" heading in the right sidebar.

Add link group

This will add a new Link Group to the bottom of your page. If you wish to reposition this group, click the Move button ("four arrows" icon), located in the upper left hand corner of the group, and drag the group to your desired position on the page.

Move Link Group

To add a heading for your Link Group, click the "Click to add a Title" section.

Finish - Add Links

Once you have added your Link Group, you can begin adding individual links. Click the "+New Link" button at the bottom of the group to bring up the "Add Link" form. 

Add new link

Enter the title and URL in their respective fields. Optionally, the "Description" field can be used to enter additional information about the link. If you are linking to a page within your HillTop site, set the "External?" option to "No."

Add link form

Once you have completed the form, click the "Submit" button to add your link to the list.

To reorder existing links within the group, mouse over a link's section, then click the "four arrows" icon in the upper left corner, then drag the link up or down.

Reorder Links

To remove a link from the group, mouse over the link and click the red "minus sign" icon in the upper right corner.

Remove link

Method 3: Using "Anchor" Links

In addition to linking to pages and files, you can also link a visitor to a specific section of a page, using what are known as anchor links. There are two steps to the process - creating the anchor, which will be the position on the page which your visitors are forwarded to, and creating the anchor link that points to it.

Creating the Anchor

Begin by editing an existing Text Block. Next, place your cursor where the Anchor should be added - this is the position visitors will be forwarded to. After placing the cursor, click the "Insert/Edit Anchor" button (anchor icon), located on the far right of the WYSIWYG toolbar's first row. 

After clicking the button, a pop-up window will be displayed. Use the "Anchor Name" field to enter the name of the anchor. The name must be unique, and only letters, numbers, and dashes can be used. After entering the name, click the "Insert" button. You should now see a small anchor icon at the position of your cursor. Once the anchor has been added, click the "Submit" button to save your changes.

Creating the Anchor Link

Edit the Text Block or Post where the link should be added. Add link text if necessary, and highlight the text that will be linked. Next, click the "Insert/Edit Link" button. In the pop-up window, enter a "hashtag" symbol ( # ) followed by the anchor name.

For example, if your Anchor name is "anchorpoint," the finished Anchor link URL would be #anchorpoint 

Finally, click the "Insert" button to link the text to your anchor. Once the anchor lins has been added, click the "Submit" button to save your changes.