fullPage Vertical & Horizontal Slider – Snap Scroll Sections & More

fullPage Vertical & Horizontal Slider allows you to design smooth-scrolling, full-screen websites with ease. Using the powerful fullPage.js library, this plugin integrates seamlessly into WordPress, enabling users to create beautiful, engaging layouts with minimal effort.

🌟 Features of the free version

• Fully responsive design for a seamless experience across all devices.
• Smooth touch support for mobile, tablet, and touchscreen devices.
• Simple section and slide creation.
• Full-page scrolling with an optional visible scrollbar.
• Scroll inside sections
• Auto-height sections. Ideal for footers
• Animated anchor links for seamless navigation.
• Configurable looping and infinite scroll
• Keyboard navigation support.
• Browser history support for back-button navigation.
• Horizontal sliders
• Horizontal and vertical navigation controls with various styling options.
• Customizable snap scrolling speed
• Autoplay/pause media elements on scroll
• Fullscreen video backgrounds in sections & slides
• Normal scrolling with smart auto-alignment for sections.

🚀 Quick Start

For detailed setup instructions, visit the documentation.

1. Create a new page or post.
2. Add the fullPage Vertical & Horizontal Slider block (ensure no other content exists in the post/page).
3. By default, two sections will be created. You can add more sections or slides using the buttons inside the block.
4. Customize each section/slide with your content.
5. Adjust settings by selecting the desired block and modifying its properties.
6. Remove sections or slides using the delete icon.

🚫 Limitations

The free version of fullPage Vertical & Horizontal Slider is a great way to get started, but it comes with some limitations compared to the full experience:

• ❌ Limited to 4 vertical sections and 1 horizontal slide section (up to 3 slides only)
• ❌ No access to premium extensions and effects, like:
  • Parallax scrolling
  • Advanced sliding transition effects
  • Horizontal scrolling via mouse wheel
  • Fading Effect
  • Infinite Horizontal Scroll
  • Drag and move
  • And more…
• ❌ No responsive options (different behaviors on mobile/tablet)
• ❌ No support for scrollable elements inside sections (modals, maps, canva…)
• ❌ No easing animations (all movements use default timing)
• ❌ No support included

🏆 Upgrade to premium and get:

• ✅ Unlimited sections & slides
• ✅ Access to paid extensions and advanced effects (purchased separately)
• ✅ Access to powerful methods and callback events
• ✅ Responsive settings
• ✅ Lazy loading
• ✅ Enhanced navigation options
• ✅ Priority support and regular updates

👉 Get the premium version →

External Services

This plugin allows users to embed background videos in their sections. If users choose to use videos hosted on YouTube, the following applies:

• YouTube: The plugin may load YouTube’s player API (https://www.youtube.com/iframe_api) to enable video playback. No data is sent to YouTube unless the user explicitly embeds a YouTube video.

Development

This plugin includes JavaScript and CSS files. The source code for these files is publicly available:

• iwideo.js
• fullPage.js Limited

Check our official documentation for more information

🔄 Automatic installation

1. Search for ‘fullPage Vertical & Horizontal Slider’ through ‘Plugins > Add New’ interface.
2. Find the plugin box of ‘fullPage Vertical & Horizontal Slider’ and click on the ‘Install Now’ button.
3. Activate the plugin.

🛠️ Manual installation

1. Download fullPage Vertical & Horizontal Slider
2. Upload the ‘fullPage Vertical & Horizontal Slider’ through ‘Plugins > Add New > Upload’ interface or upload fullpage-vertical-horizontal-slider folder to the ‘/wp-content/plugins/’ directory.
3. Activate the ‘fullPage Vertical & Horizontal Slider’ plugin through the ‘Plugins’ menu in WordPress.

🚀 Quick Start

1. Create a new page or post.
2. Add the FullPage for Gutenberg block (ensure no other content exists in the post/page).
3. By default, two sections will be created. You can add more sections or slides using the buttons inside the block.
4. Customize each section/slide with your content.
5. Adjust settings by selecting the desired block and modifying its properties.
6. Remove sections or slides using the delete icon.

For common questions and troubleshooting, visit the FAQ section.

View more plugin screenshots in the documentation.

v1.0.2

• iwideo.js is updated to v1.1.20.
• Minor fixes and improvements.
• Package updates.

v1.0.1

• Fixed inline JS and CSS not loading correctly bug.

v1.0.0

• Initial Release