How Do I... Create a link to a place within a page using the List Of Links Widget

The List Of Links Widget allows you to easily add dynamically generated hyperlinks to pages within your website and custom hyperlinks to external websites.

You can also add links to a specific place within a page by defining your own HTML anchors. This tutorial will show you how. (For instructions on how to use the List Of Links widget to simply link to a page, click here).

Watch the following clip to see the steps for creating a link to a place within a page. (Read further for written instructions).

Before you begin, define an HTML anchor tag using the HTML widget.

To define an anchor tag:

1. Click on the WIDGETS button in the Website Editor Toolbar.
2. Browse the Widgets tab to locate the Html Widget in the ADVANCED section.
   
3. Click and drag the Html Widget onto your website page at the position you want to link to.

   The HTML Settings popup will be displayed with the Html Properties tab selected.

   
4. Define the anchor in the HTML Editor.

   E.g.

   <a id="products"><a>

5. Click OK to apply the changes.

To create a link to the anchor:

1. Click on the WIDGETS button in the Website Editor Toolbar.
2. Locate the List Of Links Widget in the BASIC section.
   
3. Click and drag the List Of Links Widget onto your website page.

   The List Of Links Settings popup will be displayed with the Properties tab selected.

   
4. Configure the link.
   1. Select "Single Link" from the Link Type drop-down list.
   2. Enter a name for the link into the Name field,

      E.g. 'Shop Now'

   3. Select "Web Address" from the Link drop-down list.
   4. Enter the id of the anchor, preceded by the "#" symbol.

      E.g. '#products'

5. Click OK to apply the changes.
6. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.