An
Anchor Hyperlink (or anchor link) is a word, group of words, or image that you can click on to jump to a specific section of the same website page or section of a different page within your website.
Once in the
HTML Editor, you have the ability to create
Anchor Hyperlink:
1. Locate the text you would like to
Anchor to.
Place the mouse before the text.
2. Click on the
Insert drop down menu and select
Anchor.
3. An
Anchor dialog box will appear. Give the Anchor a name and click
OK (in our example, we will name our Anchor "hire").
4. An
Anchor icon will now be placed in front of the text.
Only the admin can see this (it is important to remember the name you gave your anchor).
If the LINK and the ANCHOR are on the same page, follow instruction #5 thru #8. Otherwise JUMP to instruction #9:
5. Highlight the text that you would like to link
6. Click the Link icon; An Insert link dialog box will appear. Enter the following information:
- URL - This will auto-fill when you select the Anchor name
- Text to display - the link text
- Title - The title will appear when a visitor hovers the mouse over the text
- Anchors - select the Anchor name from the drop down list. (In our example, we would select "hire")
- Target - Select None to open page in the same browser. Or select New Window to open page in a New browser window.
- Click OK button
7. Click the Save button in the HTML editor to save your changes
8. Your text should now link to the Anchor. We recommend you test to make sure the Anchor works properly.
If the LINK and the ANCHOR are on different pages:
9. After setting up your Anchor make sure to click the Save button to save your anchor within your website page.
10. Next, highlight and copy (CTRL-C) the page URL or web address for the page where the new anchor resides. For example, http://webhornet.com/employees
11. Next, locate the page in the Control Panel. that you would like to link from. Click on this page to open and find the HTML Editor of the content you would like to link from. Click on the Action Hexagon and Edit the HTML.
12. Highlight the text that you want to create a link for.
13. Click the Link icon and an Insert link dialog box will appear. Enter the following information.
- URL - Paste the URL you copied earlier. At the end of the URL, add "#anchorname". (example: http://webhornet.com/employees#hire ) (Note: Once saved, the URL field will auto-correct by removing the unnecessary "http:/webhornet.com/". The final URL will look like this: example: /employess#hire
- Text to display - the link text
- Title - The Title will appear when a visitor hovers the mouse over the link text
- Target - Select None to open page in the same browser. Or select New Window to open page in a New browser window
- Click OK button
14. Click the Save button in the HTML editor to save your changes
15. Your text should now linked to the Anchor. We recommend you test to make sure the Anchor works properly.
Article ID: 60, Created: October 18, 2010 at 10:56 AM, Modified: February 8, 2016 at 3:30 PM