Creating Landing Page Anchor Links

Tip: Are you looking for information about Constant Contact’s Email and Digital Marketing product? This article is for Constant Contact’s Lead Gen & CRM product. Head on over to the Email and Digital Marketing articles by clicking here. Not sure what the difference is? Read this article.

Create an anchor on the landing page

To add an anchor link to a landing page, edit the code and insert an ID wherever you want to be able to drop your contacts. 

1. Click    Edit Code.

2. Find the section or container that you would like the link to redirect to in the coding window that appears, and assign the section or container with the desired ID.
   id="anchor-title"

3. Click either Save or Save and Close.

4. When finished, tap the X to exit the code editor. 
   
   

To link your customers directly to the section of the page where the text or button link is located, include your landing page URL with the #ID at the end. For example, if your landing page URL is: 

https://happytoys.marketingautomation.services/pages/homepage

And you’ve created an anchor link with the ID #contact-us, the link you’ll use in your emails, social media posts, ads, or other materials would be:

 https://happytoys.marketingautomation.services/pages/homepage#contact-us

When clicking that link, your customers will be taken to your landing page and dropped right at the section that includes the anchor. 

Note: Constant Contact offers Professional Services to assist with custom coding.

Linking a landing page element to the anchor

If you want a customer to click on a link or button on your landing page and have that button direct them to the location of the anchor, add a text or button element to your page. 

1. In  Add Content, select the Elements tab.

2. Choose a text element (a header, paragraph, H&P, or list element) or a button element.

3. Hover over your landing page until you see a purple line; this line indicates where the element will be placed. When you have the desired placement, click to insert the element.
   
   

4. Click the X to exit the Elements tab.
   
   Note: You must close this tab before you try to modify the element you've just added. 
   
   

5. Double-click the element placed on the landing page to modify it.

6. Link your element to the anchor:
   
   For text: highlight the text you’d like to make into a link and click the link icon from the editor toolbar.
   
   
   
   For buttons: click the URL tab in the Redirect To section, in the menu that appears.
   
   

7. In the URL field, type in a hashtag and then the title of your ID that was inserted into your code. 
   
   

When customers click on this text or the button, they will jump to the anchor that you’ve created. This is especially helpful if you have a long landing page. You can place anchors at the top of your landing page and then include a link or button at the very bottom labeled “Go back to the top of the page.”