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 two ways to add links with HillTop. The fist allows you to highlight a word or section of text in a content element, such as a Text Block or Post. The second allows you to add a vertical list of links to your page, as a separate element.

 

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


Step 1 - Edit your Page

If you would like to add a separate list of links to your page, such as links to resources on external websites, you can use the the "Links" content element. An example of this is shown below the following tutorial.

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 margin.

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 "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 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, you can use the "Description" field to add any information about the link. If you are linking to a page within your HillTop site, select the "No" option in the "External?" section.

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