Add on-click smooth scrolling effects to funnels/websites in GoHighLevel using Jquery. Follow the steps below to add smooth scrolling: Step1 – Copy google Jquery CDN from any site (we used w3school), but to make it easier for you click here to get it. Step2 – Edit GHL funnel > Settings > Tracking code > footer Step3 – Paste the cdn in footer in between ) Step4 - Copy the code below and paste it between script tag. Step5 - Select the button which you want to work as trigger to scroll to the element, then go to advance on left section > Copy button Id. Step6 - Replace #button_id with the id you copied, and click on save. Step7 - Repeat step 5 and step 6, but this time copy the id of section/column/row/form, where you want to scroll the page on click of button and replace it with #section_id. See in action below
<script>
$("#button_id").click(function() {
$([document.documentElement, document.body]).animate({
scrollTop: $("#section_id").offset().top
}, 1000);
});
</script>
