Anchor links


#1

Hello,

I am trying to create anchor tags on a long form conversion page. I can only find information on old forms about how to do this, is there an updated method or has this been removed from the platform?

Thanks!


#2

Hi @T_Mamalick!

This can be achieved by creating a button and changing the URL to the element ID you wish to anchor it to. Here is an example:
57%20PM

For this I have a button further down my page, and I link it to the block at the top of my page where my form is located.

I would recommend adding a smooth scroll script! Here is a easy one from a page on Unbounce’s Documentation page:

<script>
  lp.jQuery(function($) {
  
    // The speed of the scroll in milliseconds
    var speed = 1000;
  
    // Find links that are #anchors and scroll to them
    $('a[href^=#]')
      .not('.lp-pom-form .lp-pom-button')
      .unbind('click.smoothScroll')
      .bind('click.smoothScroll', function(event) {
        event.preventDefault();
        $('html, body').animate({ scrollTop: $( $(this).attr('href') ).offset().top }, speed);
      });
  });
</script>

Here is the link to that page: https://documentation.unbounce.com/hc/en-us/articles/203805714-Adding-and-Editing-Buttons-and-Confirmation-Pages

Let me know if you are still having trouble!


#3

WOW thank you it was soooooooo easy to implement!