Fullpage Scrolling Sections Addon for WPBakery Page Builder — is a premium addon that empowers you to create immersive, full-screen scrolling sections with ease. Inspired by the popular fullPage.js library, this plugin transforms your standard page into a dynamic, one-page presentation. It's the ultimate tool for developers and designers looking to build modern, visually appealing websites that capture user attention from the first scroll. Whether you're showcasing a portfolio, launching a new product, or telling a compelling brand story, this addon provides the functionality you need.
The addon seamlessly integrates with the WPBakery Page Builder interface you already know and love. You can define individual sections, each taking up the full viewport, and customize them with any WPBakery element. Adjust scrolling speed, add navigation dots, enable keyboard navigation, and ensure your design is fully responsive on all devices. This level of control allows for the creation of unique and memorable user experiences that set your website apart from the competition. Elevate your WPBakery-powered site with cinematic, full-page scrolling that guides visitors through your content in a highly engaging way.
Why This Is Important
In today's fast-paced digital world, user attention is a scarce resource. Studies show that you have less than 3 seconds to capture a visitor's interest before they leave your site. Standard websites often fail to make a strong first impression, leading to high bounce rates (averaging 41-55%) and lost opportunities. This is a critical problem for businesses, portfolios, and product launches that need to convey a powerful message quickly.
The Fullpage Scrolling Sections addon directly solves this problem by transforming your content into an immersive, story-driven experience. Instead of forcing users to scroll through disjointed content, it guides them through a curated journey, one full-screen section at a time. This method is proven to increase user engagement by up to 70% and can significantly boost conversion rates by focusing user attention on key calls-to-action. By creating a memorable and professional presentation, you not only reduce bounce rates but also build a stronger brand image and communicate your value proposition more effectively.
Features
- Full-Screen Sections: Create beautiful, full-height and full-width sections that fit any screen perfectly.
- Smooth Scrolling: Silky-smooth, hardware-accelerated scrolling with customizable speed and easing effects.
- Responsive Design: Fully responsive and mobile-friendly, with options to disable the effect on smaller devices.
- Navigation Dots: Automatically generates customizable side navigation dots for easy access to all sections.
- Keyboard Navigation: Allow users to navigate through sections using the up and down arrow keys.
- URL Anchor Links: Each section can have its own unique URL, making them linkable and bookmarkable.
- Looping and Continuous Scroll: Options to loop from the last section to the first and vice versa.
- WPBakery Integration: Works seamlessly inside the WPBakery Page Builder, allowing any element to be placed in a section.
- Touch Support: Full support for touch gestures on mobile phones and tablets for a native app-like feel.
- Customizable Transitions: Choose from various animation effects for transitions between sections.
Feature Comparison: Standard vs. Fullpage Layout
| Feature | Standard WPBakery Page | Page with Fullpage Addon |
|---|---|---|
| User Experience | Standard, requires manual scrolling | Immersive, guided storytelling |
| Initial Impact | Moderate, depends on "above the fold" content | High, captures attention immediately |
| Content Focus | User can get lost or distracted | Focuses user on one section at a time |
| Navigation | Manual via menu or scrolling | Auto-generated dots, keyboard, and scroll-jacking |
| Bounce Rate | Typically higher (avg. 41-55%) | Significantly lower due to high engagement |
| Ideal For | Blogs, long-form articles, traditional sites | Portfolios, product launches, one-page sites |
How to install the plugin?
- Download the plugin archive using the button above.
- Navigate to Plugins > Add New in your WordPress dashboard.
- Click "Upload Plugin" at the top and select the downloaded ZIP file.
- Install, activate the plugin, and follow the quick setup wizard instructions.
FAQ
Does this plugin affect website loading speed?
The plugin is highly optimized for performance. It only loads the necessary JavaScript and CSS files on pages where the full-page scrolling effect is enabled. It uses hardware-accelerated transitions and efficient code to ensure a smooth experience without significantly impacting your site's overall load time or Core Web Vitals scores.
Can I use different background colors or images for each section?
Absolutely. Each full-page section is a standard WPBakery Row. You can use WPBakery's native row settings to set a unique background color, image, video background, or parallax effect for every section independently, giving you complete creative control over your design.
Is this plugin compatible with other WPBakery Page Builder addons?
Yes, the Fullpage Scrolling Sections addon is designed to be compatible with the vast majority of other WPBakery addons and elements. You can place sliders, carousels, forms, and any other third-party WPBakery element inside a full-page section just as you would on a normal page.
How does this addon handle content that is taller than the screen?
The plugin provides a built-in "scroll overflow" option. If you enable this feature for a specific section, a normal scrollbar will appear for that section only when its content exceeds the viewport height. This allows you to include longer content where necessary without breaking the full-page layout, offering the best of both worlds.
