How do I set links in my landing page to direct to a section of the page?

For multi-section landing pages it is often useful to put in html anchors links to navigate through the page. This combined with a fixed menu block that will allow the user to navigate the single page. The menu blocks are available in the Small Business Marketer accounts. Another trick is to use this code in the page script to get the page to do smooth scrolling while moving between page segments.

 

<script type='text/javascript'>

$(function(){

  AD.ready(function(){

    AD.smooth_scroll();

  });

});

</script>

 

Define your anchors:

<a name="top"></a>

 

Define your links

 

Detailed steps to do this:

Step 1: define where you want your target to be. This is typically just above a form. In the editor either edit an existing content block or create a new contact block for your target.

image

 

drag a new block above the form:

image

 

Edit the source code for this block:

image


 

Delete everything in the source editor and insert your link:

 

<a name="CTA"></a>

 

image

 

Save/close the source editor. Now in your button at the top of the page:

 

image



 

 

 

Step 1: define where you want your target to be. This is typically just above a form. In the editor either edit an existing content block or create a new contact block for your target.

image

 

drag a new block above the form:

image

 

Edit the source code for this block:

image


 

Delete everything in the source editor and insert your link:

 

<a name="CTA"></a>

 

image

 

Save/close the source editor. Now in your button at the top of the page:

 

image



 

 

 

 

 

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.