STEP 1: You will need to log in to your account. Please see ESQSite's Log In to Your Account Instructional.
![Log In](../images/login_panel_colordash_151b61.png)
STEP 2: Click on the “Pages” icon.
![Pages Icon Your Website From Dashboard](../images/pages_icon_your_website_from_dashboard1ad2.png)
STEP 3: Click on one of your website pages that needs an anchor.
![Your Website Pages List Click Page Selection](../images/your_website_pages_list_click_page_selectiona7d9.png)
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](../images/editor_screen7a6c.png)
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](../images/anchor_insert_with_ibar_cursor_in_front_of_text281b.png)
STEP 6: Click the anchor "flag” icon on the toolbar.
![Anchor Insert with click on Flag icon](../images/anchor_insert_with_click_on_flag_icon3c10.png)
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](../images/anchor_insert_properties_name_field3526.png)
STEP 8: A yellow anchor icon should appear in place of your cursor.
![Anchor Insert Anchor Flag Placement](../images/anchor_insert_anchor_flag_placementfa0c.png)
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](../images/anchor_insert_hot_text_leading_to_anchor96cc.png)
STEP 10: Click the “insert/edit link” icon on the toolbar.
![Anchor Insert Hot Text Select Link Icon](../images/anchor_insert_hot_text_select_link_icon19ee.png)
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](../images/anchor_insert_hot_text_select_link_dialog_box941b.png)
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](../images/anchor_insert_hot_text_select_link_dialog_name_fieldf34a.png)
STEP 13: Click “Save”.
![Save Changes](../images/save_icon1426.png)
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.
![](../images/view_site_screen_shotc0bc.png)
- End of Topic -
For other related topics, please see ESQSites' Add URL links to your Website or Insert Images on your Website or Add Links to your Inserted Images or Upload a PDF file to your Website or Upload a Video file to your Website.
Thank You for using ESQSites.
"Web design and hosting service for legal professionals."