Get 20% off all comprehensive courses with code LEARN20 at checkout.
Instructions
1. Where the Code Is Located
All scripts are inside Page Settings → Before
In Webflow:
Open the page.
Click Page Settings.
Scroll to Custom Code.
Find the code inside Before
You will see the full script block there.
</body> tag.In Webflow:
Open the page.
Click Page Settings.
Scroll to Custom Code.
Find the code inside Before
</body> tag.You will see the full script block there.
2. Counter Animation
Numbers automatically animate when they enter the viewport.
Required Structure
<div class="counter" data-target="125">
0
</div>
3. Smooth Scrolling (Lenis)
Smooth scrolling is automatically enabled on desktop devices only.
if (!window.matchMedia("(min-width: 768px)").matches) return;
Change Scroll Speed
const lenis = new Lenis({
duration: 0.9
});
4. Best Practice
If you duplicate sections in Webflow:
Keep the same classes
Do not duplicate the script
The script should remain only once in the page settings.
Keep the same classes
Do not duplicate the script
The script should remain only once in the page settings.
