Anchor links

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:

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!

Hey is it possible to create an anchor link in a sticky bar?

Hi @TJ_Knight & @kemeny!

You are able to do this.

When you are in the editor of the sticky bar, and in your button’s properties do the following:

• For Action, select, “Go to URL”
• For URL, enter the url of the page of the section with the section ID at the end. Here is an example, your.domain.com/page/#lp-pom-block-2
• For Target, select “Parent Frame”

Hopefully that does the trick, it can be a bit finicky!

For me the smooth scroll script doesn’t work, could anyone tell me why or what i’m doing wrong?
Thanks!

This is really helpful! I tried all of these things (jQuery, #id on button, Smooth Scroll javascript) but can’t get the anchor link to work. It only refreshes my page. Any thing I might be missing? I’m still editing this page so can I share a link if it is not published?

It doesn’t work. I tried it too.

The smooth scroll is working on the live page, but it doesn’t work in “preview” mode. Thank you!