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!