Diesen HTML-Code fügst du am besten weit oben auf deiner Seite ein, also dort wo du den Pfeil platziert haben möchtest.

<center>

    <a href="#zumBeispiel" class="scroll"><img src="https://hero-mode.jimdo.com/app/download/11111732327/arrow-down.png?t=1420813484" alt="" width="100" height="100" /><script type="text/javascript"

    src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">

</script><script type="text/javascript" language="javascript">

    //<![CDATA[

    jQuery(document).ready(function($) {

        $(".scroll").click(function(event){            

                event.preventDefault();

                $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);

        });

    });

        //]]>

    </script></a>

</center>

Diesen HTML-Code platzierst du genau dort, wo du nach dem Klick auf den Pfeil landen möchtest.

<div id="zumBeispiel">

</div>

Der kleine HTML-Code befindet sich über diesem Element in einem Widget/HTML-Modul!