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>

 

 

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.

mceclip3.png

 

drag a new block above the form:

mceclip0.png

 

Edit the source code for this block:

mceclip4.png

mceclip7.png

 

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

 

mceclip6.png





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

Comments

0 comments

Please sign in to leave a comment.