Linking an IMAGE to a SECTION on the landing page?


#1

How does one do that?


#2

You need to be more specified. Is the image and the section is under the same landing page? Or the image is on other web page and you want to link it to a specific section on the landing page?


#3

Hi @Gconstant!

After you place an image on the page; in the properties panel, under ‘Click Action’, you will need to place the page section ID (example: #lp-pom-block-272) in the URL field.

Make sure to add the smooth scroll script to make it look great!

 

<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>

Let me know if you need any additional help!