How do I use anchor tags in the WYSIWYG?

Anonymous Blackbaud User

Anchor tags are created in three steps:

1. CREATE THE PAGE AS YOU WANT IT TO LOOK, WITHOUT THE ANCHOR TAGS.

2. CREATE THE ANCHOR (MARK A SPECIFIC POINT ON THE PAGE).

Put your cursor in front of the word or image that marks the beginning of the section or position (ex: the first word of a section heading), OR you can highlight the word or image

Click the Insert Anchor button (looks like a piece of paper with a push-pin)

Type a simple name for the anchor (ex: section2) and click Insert.

You will not see any change in the WYSIWYG, but if you like, you can verify that the anchor was created successfully. Click the Source View tab and look for a blue HTML tag like this

BACK TO TOP LINKS

After linking to your anchor, your user could return to the top of the page by clicking the browser's Back button. However, this is not obvious to all users, and it's up to you to make your site easy to navigate. A best practice is to add "Back to Top" links from any anchored section back to the top of the same page. It's easy:

Create an anchor called "top" at the top of the page just like you did in step 2

Create one or more "back to top" links that link to that anchor just like you did in step 3

LINKING TO ANCHORS ON OTHER PAGES

You can also create a link to your anchor from a completely different page:

Highlight the word or phrase for the link

From the WYSIWYG Links menu, select PageBuilder (for pages hosted by Convio) or Web Address (for pages you frequently link to that are not hosted by Convio)

Click Options next to the desired page that contains your anchor

In the Additional Arguments field, type "#" and the name of your anchor (ex: #section2)

Click Insert Link