You've been designing your site and have figured out that a page can be as long as necessary. This is great, but it can be a pain when you're dealing with longer pages. Help out your visitors by providing links that quickly take them to specific locations on the page. To do this within Visual Site Designer, you'll need to use the HTML tool to create two HTML boxes on the page. One box will be used for the link, and the other will be used to set the anchor.

Anchor HTML Object

The first step is to set an anchor. The anchor is the place on the page where you want the user to be able to jump to. Select the HTML tool and click the place on the page where you would like to set the anchor. Then, enter the following code in the Body HTML tab:

<a name="anchorname"></a>

Anchorname is the name of your anchor. For the sake of clarity, you should name it something intuitive. For instance, if your page contains a list of employee profiles, and you want the anchor to jump to John Smith's profile, you should name the anchor something like jsmith. You also need to include the markup of what you want to appear with the anchor tag.   You can use something like this:

<a name="anchorname"></a><h2>Here is my text</h2>

Link HTML Object

The next step is to create a link to the anchor you just set. To do this, click the place on the page where you would like the link to appear, and enter the following link code into the Body HTML tab:

<a href="#anchorname">Your Link Text</a>

Anchorname should match the name you gave the anchor, and you should replace Your Link Text with whatever text you want your visitors to click. To continue the example we gave above, our code would look something like this:

<a href="#jsmith">Click here to learn about John Smith.</a>

Note: You must use the HTML tool for the links. The Link tool cannot jump to sections of a page within Visual Site Designer.