Support Center

Add Anchor Links on Your Website

Last Updated: Jun 29, 2015 06:01AM PDT
An anchor is another word for internal link or bookmark on a web page. An anchor is a link that links within the same page of the document. To create an “anchor” within your web page text, follow these steps:


STEP 1: You will need to log in to your account. Please see ESQSite's Log In to Your Account Instructional.
  
Log In






















STEP 2: Click on the “Pages” icon.
Pages Icon Your Website From Dashboard



















 


STEP 3: Click on one of your website pages that needs an anchor.
Your Website Pages List Click Page Selection






Note: You can also click on the “edit” icon under the “actions” column for the website page needing an anchor.
















STEP 4: The editor will appear. An anchor inserts within your text.
Type content with text on to Page






STEP 5: To create the anchor on a webpage within your website, place your cursor before the text or section you want to link the anchor to. In this example, we have simply placed the cursor immediately before the phrase “Welfare Benefit Plans”. The "i-bar" is in front of the "W":
Anchor Insert in front of text with ibar


 
























STEP 6: Click the anchor "flag” icon on the toolbar.
Anchor Insert with click on Flag icon




















STEP 7: A dialogue box named "Anchor Properties" will appear. You must assign a name for the anchor. The name of the anchor should describe the "content" of the anchor. Click OK.
Anchor Insert Properties Name Field





 











STEP 8: A yellow anchor icon should appear in place of your cursor.
Anchor Insert Anchor Flag Placement





Note: The anchor will also appear in your URL for browsers. 
 












     
STEP 9: You will need to create a "link" to an anchor. To do this, simply highlight the text you want to appear as the link TO your anchor on your web page. (i.e. "Welfare Benefit Plans")
Anchor Insert Hot Text Leading to Anchor



















 


STEP 10: Click the “insert/edit link” icon on the toolbar.   
Anchor Insert Hot Text Select Link Icon 






















STEP 11: Once that occurs, another dialogue box called "Link" will appear. From the "pull down" menu, select "Link to anchor in the text"
Anchor Insert Hot Text Select Link Dialog Box






For Advanced tab definitions, please see ESQSites' Advanced Link Options.
















STEP 12: Select the anchor by the name. Use the "pull down" menu to find the anchor name you created. Then click "OK".
Anchor Insert Hot Text Select Link Dialog Name Field



 



















STEP 13: Click “Save”.
Save Changes
 


















STEP 14: Use the "View Site" icon from your Dashboard to test the anchor's functionality. The text you have selected (Welfare Benefit Plans) becomes a hyperlink that when clicked on it will go to the portion of the page where the detailed text is located.

 









 
 
- End of Topic -
 
Thank You for using ESQSites.
"Web design and hosting service for legal professionals."

Contact Us