Title: Webyx for Gutenberg – Fullpage Fullscreen Scrolling Websites Author: Webyx Published: July 1, 2021 Last modified: April 2, 2026 --- Search plugins ![](https://ps.w.org/webyx/assets/banner-772x250.png?rev=3439402) ![](https://ps.w.org/webyx/assets/icon-128x128.gif?rev=2607697) # Webyx for Gutenberg – Fullpage Fullscreen Scrolling Websites By [Webyx](https://profiles.wordpress.org/webyxforgutenberg/) [Download](https://downloads.wordpress.org/plugin/webyx.2.1.0.zip) * [Details](https://pcd.wordpress.org/plugins/webyx/#description) * [Reviews](https://pcd.wordpress.org/plugins/webyx/#reviews) * [Development](https://pcd.wordpress.org/plugins/webyx/#developers) [Support](https://wordpress.org/support/plugin/webyx/) ## Description The first and most powerful plugin to create awesome fullpage fullscreen vertical and horizontal scrolling websites effortlessly on WordPress. ### 💡 WHAT YOU CAN DO **Webyx** for Gutenberg is a plugin for WordPress that allows you to create amazing** fullpage fullscreen scrollable websites** quickly and easily. If you want to see and try something made with Webyx, go to our [DEMO website!](https://demo.webyx.it/webyx-free-block-with-twenty-24-block-themes/) ### 💎 WEBYX PRO FOR GUTENBERG With the [PRO version](https://gum.co/u/phihkwcg) you will also be able to create** landing**, **single** or **multi page websites**, manually shape the view appearance you want to show. **⚠️ IMPORTANT NOTE: after having installed the PRO version you can convert directly from the FREE version to the PRO version.** ### 🚀 TRY WEBYX FREE FOR ELEMENTOR Are you also Elementor users and enthusiasts? We have the version of Webyx explicitly built for Elementor. Download and try the [Webyx Free for Elementor](https://wordpress.org/plugins/webyx-fe/) version of our dedicated plugin! ### 🎁 WebyxUI: join our Exclusive BETA! We are thrilled to announce the upcoming launch of our new product, [WebyxUI](https://gum.co/u/rmtlgcnq). We would like to offer you an exclusive opportunity to be among the firsts to experience it: we are opening 20 spots for BETA testers for FREE! By joining our BETA program, you will get early and FREE access to [WebyxUI](https://gum.co/u/rmtlgcnq) and have the chance to provide feedback that will help shape the final version. ### 🎁 FEATURES OF THE FREE VERSION * [Sections](https://www.youtube.com/watch?v=ALkTezuyzxc) * [Slides](https://www.youtube.com/watch?v=ALkTezuyzxc) * [Slide content position](https://www.youtube.com/watch?v=I2pBlUjBH8U) * Panel style * Template design * [Continuous horizontal](https://www.youtube.com/watch?v=fY_5lVCRPsQ) * [Animation easings and speeds](https://www.youtube.com/watch?v=coJF40Yj0qE) * [Navigation arrows](https://www.youtube.com/watch?v=p9wo5iJBh0Q) * [Navigation bullets](https://www.youtube.com/watch?v=Mp3idgS2xcQ) * [Navigation mouse wheel](https://www.youtube.com/watch?v=bmmQuoGfC0s) * Navigation keyboard * [Fullscreen button](https://www.youtube.com/watch?v=x6iX_cCWfno) * [Lockable horizontal swipe](https://www.youtube.com/watch?v=i6K_zeAOUoA) * [Loading splash screen](https://www.youtube.com/watch?v=NsFWk-hl-VE) * [Mobile settings](https://www.youtube.com/watch?v=TmW9nPNnhDQ) * [Custom CSS](https://www.youtube.com/watch?v=3aKxzeEUi28) * [WordPress Full Site Editing Theme compatibility](https://www.youtube.com/watch?v=MtxXauTyMs8) * Quick setup modal for a quicker and easier start * Built-in responsive menu * Responsive * Touch support * Clean and minimized code * Compatible with all modern browsers * No jQuery * Easy to use with hundreds of configurable options * …and much more ### 🏆 FEATURES OF THE PRO VERSION ONLY * [View design](https://www.youtube.com/watch?v=ou4L8iN1zDc) * [Customizable header with menu](https://www.youtube.com/watch?v=ou4L8iN1zDc) * [Anchors](https://www.youtube.com/watch?v=XU2p0MrdvhI) * [Scrolling content](https://www.youtube.com/watch?v=16EHgtjSFzw) * [Continuous vertical](https://www.youtube.com/watch?v=fY_5lVCRPsQ) * [Horizontal animation](https://www.youtube.com/watch?v=junt7gnmfRs) * [Horizontal scrolling](https://www.youtube.com/watch?v=_nUlXMsEMvg) * [Horizontal scrolling smooth animation and duration](https://www.youtube.com/watch?v=r5gUISxdqM8) * [Card style](https://www.youtube.com/watch?v=VsWc8sqPaGY) * [Parallax effect](https://www.youtube.com/watch?v=VsWc8sqPaGY) * [Navigation Drag and Move (BETA)](https://www.youtube.com/watch?v=cr-0UX2wn38) * [Indipendent animation types on X and Y axes](https://www.youtube.com/watch?v=XGTaXUK-UfE) * [Fade and toggle animations](https://www.youtube.com/watch?v=XGTaXUK-UfE) * [Normal scrolling website](https://www.youtube.com/watch?v=0NeotUFVJIw) * [Slide height autofill](https://www.youtube.com/watch?v=0NeotUFVJIw) * [Lockable vertical movement](https://www.youtube.com/watch?v=Jhmq-O2LB2E) * Mobile movement threshold * [Switchable foregrounds for each Slide background](https://www.youtube.com/watch?v=xjdqoDbwtyE) * [Different backgrounds for each device type](https://www.youtube.com/watch?v=xjdqoDbwtyE) * [Background audio](https://www.youtube.com/watch?v=rG7yvGdswqc) * [Background video](https://www.youtube.com/watch?v=e_tdcVLiRgE) * [Event hooks](https://www.youtube.com/watch?v=hPz3rhWL4vE) * [Visible or hidden Slides on the fly](https://www.youtube.com/watch?v=ySsDlcOZpas) * Automatic updates management * Rollback to previous versions * …and much more ### 📖 QUICK USER’S GUIDE For a more complete documentation visit our website at [Webyx](https://webyx.it). #### How to add the block in Gutenberg 1. Create a new page or go to the page you would like to add the block. 2. Enable Webyx Template page or Custom Template page. 3. Find **Webyx for Gutenberg** block on the Gutenberg blocks and add it to the page. IMPORTANT: you can add only one **Webyx** for Gutenberg block as the only root element of the page. You should not add any other block to the page at the same level of the **Webyx** for Gutenberg block. 4. Inside the root level **Webyx** for Gutenberg block you must only add Section blocks that will contain exclusively Slide blocks. IMPORTANT: remember to give different titles to Sections and Slides inside the same Section to allow a correct functioning of Navigation Bullets. 5. Create your layout inside every single Slide. **⚠️ IMPORTANT: Sometimes with the update of Gutenberg, WordPress or other third party plugins, Webyx for Gutenberg block might generate this error: “Webyx for Gutenberg block contains unexpected or invalid content”. If you see this error instead of the Webyx for Gutenberg block use “attempt block recovery” button. Do NOT use “Convert to classic block” option. We may introduce major changes that fix bugs or simply add new features which could lead to an attempt block recovery. Check your pages after each update. #### Enable Webyx template 1. Click on the Page tab in the right side of Gutenberg editor. 2. In pages attributes find the Template select and choose _webyx_. 3. In Appearance > Menus create your new menu and enable in Menu Settings > Display location: _Webyx Menu_. _Important note_: **Webyx** for Gutenberg template provides a responsive, scrollable, multi-level, with logo custom menu (Webyx Menu) that could be created with the WordPress Menus internal management. #### Webyx For Gutenberg Plugin Settings To customize general plugin settings just go to Settings > Webyx Plugin Settings. * **Hide WP admin top bar**: hide WP admin top bar in Webyx pages preview. * **Enable Webyx menu**: enable Webyx menu “Display location” in Appearance/Menus/ Menu structure/Menu settings. #### Languages * English * Italian #### Documentation and Support * For documentation visit our website at [Webyx](https://webyx.it). ### 🔧 INSTALLATION #### Minimum Requirements * WordPress 6.9 or greater * PHP version 7.4 or greater * MySQL version 5.0 or greater #### Installation To install **Webyx** for Gutenberg is very easy: 1. Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the `wp-content/plugins/` directory of your WordPress installation. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. From now on you will be able to access and use **Webyx** for Gutenberg! #### Uninstalling To uninstall **Webyx** for Gutenberg you just need to: 1. Deactivate the plugin via the ‘Plugins’ menu in WordPress. 2. Choose the ‘Delete plugin’ action you can find in the same menu. ## Screenshots * [[ * **Webyx** creating amazing fullscreen websites in WordPress with Gutenberg editor’s modular approach * [[ * Add **Webyx** starting block * [[ * Add **Webyx Section** block * [[ * Add **Webyx Slide** block * [[ * Hide/show background colour/image ## Blocks This plugin provides 3 blocks. * Webyx Fg Webyx Wrapper * Webyx Fg Webyx Section * Webyx Fg Webyx Slide ## FAQ ### Q. Why should I use Webyx for Gutenberg? A. You should try and use Webyx if you feel like creating a smooth and engaging fullpage and fullscreen website. ### Q. Can Slides have any type of content? A. Yes, Slides are container elements in which you can add anything inside. ### Q. Can Sections have any type of content? A. No, Sections are container elements that can have only Slides. If you want to add some content you should put it inside a Slide. ### Q. Can I create any number of pages in my website with Webyx for Gutenberg block? A. Yes, you can create as many pages as you need. ### Q. Can I use more than one Webyx for Gutenberg block inside the same page? A. No, you can add only one Webyx for Gutenberg block. ### Q. I have put Webyx for Gutenberg block inside a page but I can’t see it correctly. What should I do? A. Check that you have selected the [webyx](https://webyx.it/#template-webyx) template in page attributes of the Page tab. ### Q. Can I use a page created with Webyx for Gutenber block inside a theme? A. Yes, but to see the header and footer correctly you might need to know CSS and JavaScript to change the behaviour of the page ([Template Design](https://webyx.it/#template-design)) ### Q. Is Webyx for Gutenberg block supported on all browsers? A. Yes, it is supported on all modern browsers. ### Q. Are there any requirements to install Webyx for Gutenberg? A. You should have at least a 5.7 WordPress version and Gutenberg should be active on the WordPress website. ### Q. Can I ask for a new custom feature not present in Webyx for Gutenberg at the moment? A. For any request please contact us using the appropriate [form](https://wordpress.org/support/plugin/webyx/). ## Reviews ![](https://secure.gravatar.com/avatar/737dfb5f79f143cf91704909ed325c7043d76f66709f92c57c5a9eac6b9f3f49? s=60&d=retro&r=g) ### 󠀁[Great plugin! Great support!](https://wordpress.org/support/topic/great-plugin-great-support-2040/)󠁿 [ttrusty](https://profiles.wordpress.org/ttrusty/) February 27, 2026 Highly recommend! A quick easy way to create horizontal scrolling website that looks and functions great. It works great with FSE blocks. I reached out with a couple of questions and found the support team friendly, professional and knowledgeable— and more importantly, quick to respond and accurate. Way to go Webineer team! Thanks! ![](https://secure.gravatar.com/avatar/b6b1e766a6d3f8e8188072f2096b5009efedd4480aaecad579a904083132ce8a? s=60&d=retro&r=g) ### 󠀁[Fantastic plugin!](https://wordpress.org/support/topic/fantastic-plugin-2073/)󠁿 [banner10](https://profiles.wordpress.org/banner10/) September 15, 2025 I love this plugin! It’s compatible with all other plugins I have on my project and it helped me build a great website with no need nor experience in hard coding. I used the free version for my client, but for myself I have bought the pro because I was curious to explore all the features it offered.A big shout out for the support because they helped me out better understanding the plugin itself and what I was doing wrong.Good job! ![](https://secure.gravatar.com/avatar/dd1d6776a329e67e5889a665d2a4e476ae34820bb347b3238ef7cb879248ed01? s=60&d=retro&r=g) ### 󠀁[The Best Tool for Fullscreen Website Experiences](https://wordpress.org/support/topic/scrolling-not-working-properly-in-mac-book-pro-device/)󠁿 [vijayashree82](https://profiles.wordpress.org/vijayashree82/) August 22, 2025 We are using free version of webyx. It is a fantastic plugin, easy to setup.I highly recommendthank you. ![](https://secure.gravatar.com/avatar/561cc763d3931b3ec0a3e2184bbbfe9ac9325e77e94bdc9c4a1121f48f5b758b? s=60&d=retro&r=g) ### 󠀁[Before purchasing the lifetime license, you should understand the following.](https://wordpress.org/support/topic/before-purchasing-the-lifetime-license-you-should-understand-the-following/)󠁿 [danidanmian](https://profiles.wordpress.org/danidanmian/) August 21, 2025 1 reply Before purchasing the lifetime license, you should understand the following. This license is indeed for life, but its updates are not. In fact, once you acquire the license, your plugin will update to new versions during the first year. After that first year, your plugin will stop receiving updates to the new version, which will lead to compatibility issues like the one I experienced, as both the loading of my WordPress admin area and the website itself had slowed down drastically, forcing me to deactivate the plugin. So, after one year of purchasing my lifetime license, I could no longer use it. To me, this feels like a complete scam. ![](https://secure.gravatar.com/avatar/cbe014063acf8510cc3f75543b8025e2f9a012137715753f0748d97450e2ff8b? s=60&d=retro&r=g) ### 󠀁[Amazing plugin and even more amazing team!](https://wordpress.org/support/topic/amazing-plugin-and-even-more-amazing-team/)󠁿 [antho7813](https://profiles.wordpress.org/antho7813/) May 30, 2025 If you’re looking to create a Fullpage / Fullscreen Scrolling Website, Webyx is just perfect. It’s powerful, flexible, and works beautifully. But what really makes the difference is the team behind it — super friendly, incredibly responsive, and always ready to help. They quickly fixed a small issue I had and kept me updated the whole way. Highly recommend both the plugin and the people who make it. Keep up the great work! 🙌 ![](https://secure.gravatar.com/avatar/2dff184fc03e3f75d7348b203a0374fd706520fd98780ff5b6de721c3f43f4a6? s=60&d=retro&r=g) ### 󠀁[working great!](https://wordpress.org/support/topic/working-great-358/)󠁿 [pierrehansen](https://profiles.wordpress.org/pierrehansen/) May 19, 2025 They’ve hit a niche with this little plugin, and it’s working very well. The support is also excellent — even for the free version. Thank you! [ Read all 50 reviews ](https://wordpress.org/support/plugin/webyx/reviews/) ## Contributors & Developers “Webyx for Gutenberg – Fullpage Fullscreen Scrolling Websites” is open source software. The following people have contributed to this plugin. Contributors * [ Webyx ](https://profiles.wordpress.org/webyxforgutenberg/) * [ Rodolfo Cucchiella ](https://profiles.wordpress.org/rodolfocucchiella/) * [ terenziocensoni ](https://profiles.wordpress.org/terenziocensoni/) “Webyx for Gutenberg – Fullpage Fullscreen Scrolling Websites” has been translated into 2 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/webyx/contributors) for their contributions. [Translate “Webyx for Gutenberg – Fullpage Fullscreen Scrolling Websites” into your language.](https://translate.wordpress.org/projects/wp-plugins/webyx) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/webyx/), check out the [SVN repository](https://plugins.svn.wordpress.org/webyx/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/webyx/) by [RSS](https://plugins.trac.wordpress.org/log/webyx/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.1.0 * New: 💥Added 32 Bullet types * Fix: Mousewheel on start #### 2.0.0 * New: 💥Quick setup modal for a quicker and easier start * Tweak: Updated to editor core API-3 * Tweak: Navigation easing vertical/horizontal speed range increased up to 1500 ms #### 1.6.13 * Fix: Horizontal bullets with Horizontal Swipe Lock #### 1.6.12 * Fix: Prevent overscroll on mobile * Fix: Prevent block on load complete #### 1.6.11 * New: Added option to show/hide PRO features * Fix: Improved gesture movement on Apple magic devices. Thanks to https://profiles. wordpress.org/antho7813/ for the helpful suggestion. #### 1.6.10 * New: Added continuous horizontal navigation #### 1.6.9 * New: Added horizontal swipe lock #### 1.6.8 * New: Added 31 easing types * Tweak: Full screen button offset increased from 100 to 5000 pixels #### 1.6.7.3 * Tweak: Arrows custom offset increased from 100 to 5000 pixels * Tweak: Updated readme #### 1.6.7.2 * Tweak: Updated readme with new 💥Video tutorial to create fullscreen scrollable website in Twenty Twenty-Four block theme with Full Site Editing * Fix: Added condition for custom logo in to the wrapper #### 1.6.7.1 * New: 💥Added compatibility for WordPress Full Site Editing Theme * Fix: Global scope variable for integrated menu #### 1.6.7 * New: 💥Added ‘Convert block to Webyx Pro’ button in the Gutenberg block option navbar (it will be only visible if you have installed the Webyx Pro plugin) * Tweak: Updated readme #### 1.6.6 * Tweak: Updated readme * Fix: Navigation arrows vertical (mouseenter onload event) * Fix: Gutenberg range component layout on WordPress panel editor #### 1.6.5 * Tweak: Updated readme * Tweak: Updated links to Webyx documentation * Fix: Fixed the malfunction on get custom logo #### 1.6.4 * Tweak: Links to Webyx website updated #### 1.6.3 * Fix: Minor issues #### 1.6.2 * Tweak: Unlocked internal use for any third-party blocks (i.e. Kadence, etc.) * Tweak: Improved the insertion of menu scripts inside the header template * Fix: Default value of Slide content position correctly set to “middle” * Fix: No more double vertical scrolling on trackpad * Fix: Fixed the malfunction on the reviews admin panel, now it disappears after the selection #### 1.6.1 * Fix: Admin header hook filter was throwing an unexpected error * Fix: Removed cumulative layout shift (CLS) as reported on Pagespeed insight or Lighthouse. Thanks [@kiggundu](https://profiles.wordpress.org/kiggundu/) for reporting on support forum: [webyx causing cumulative layout shift](https://wordpress.org/support/topic/webyx-causing-cumulative-layout-shift/) #### 1.6.0 * New: 💥Added force desktop mode on mobile devices * New: Improved loading splash screen features #### 1.5.0 * New: 💥Added margin and padding in the Slide’s wrapper content * Tweak: The title label has been changed to name in Slides and Sections * Tweak: Minor changes to interface layout #### 1.4.2 * Fix: Adjusted the overflow of Sections and Slides boxes to the container in Gutenberg’s Editor #### 1.4.1 * Tweak: Added info texts on every option * Tweak: Minor changes to interface layout #### 1.4.0 * New: Save hide/show Slide background in the editor * New: Enable/disable Slide background * New: Enable/disable Slide content management position * New: Added media file name where applicable and check icon * New: Added custom splash screen option * Fix: Removed P tag type selection in both Sections and Slides #### 1.3.0 * Tweak: Improved block edit layout * New: Webyx Plugin Settings admin page * New: Hide/show WP admin top bar * New: Enable/disable Webyx menu #### 1.2.0 * Tweak: 💥Improved Webyx menu management and layout (scrollable, multi-level, responsive, website logo) * Tweak: Added opacity to Arrows * Tweak: Added opacity to Bullets * Tweak: introduced range for Slide Easings speed with more granular values * Tweak: introduced range for Mobile Devices Easings speed with more granular values * Tweak: Added opacity to Loading Splash Screen background colour and spinner colour * New: Arrows light colour * New: Bullets and Tooltips light colour * New: Bullets tooltips background area colour * New: Fullscreen Button background area colour * New: Mouse Wheel Icon colour and background area colour * New: Mouse Wheel Icon fixed (can be always visible) #### 1.1.0 * Tweak: Added new tab for navigation mouse wheel * Tweak: Added info text on some options * Tweak: Added AceEditor for custom CSS/JS * Tweak: 💥Improved interface for managing options * Tweak: Minimized bullets wrapper area * New: Section/Slide tag type parameter * New: Wrapper Slide content with user’s custom CSS class name * New: 💥Slide horizontal continuous * New: Hide scrollbar * New: Arrows custom offset for desktop/mobile * New: Arrows dimension area, background area and area colour * New: Bullets custom offset for desktop/mobile * New: Bullets background area and area colour * New: Bullets tooltips text colour * New: Navigation keyboard * New: Fullscreen button dimension thickness * New: Fullscreen button custom offset for desktop #### 1.0.2 * New: Added navigation arrows that can be switched on/off * New: Added navigation arrows can now be vanishing #### 1.0.1 * New: 💥Added template Design * New: 💥Added navigation bullets * Tweak: Improved webyx menu management * Tweak: Improved block edit layout #### 1.0.0 * Initial Public Release ## Meta * Version **2.1.0** * Last updated **2 days ago** * Active installations **700+** * WordPress version ** 6.9 or higher ** * Tested up to **6.9.4** * PHP version ** 7.4 or higher ** * Languages * [English (US)](https://wordpress.org/plugins/webyx/), [German](https://de.wordpress.org/plugins/webyx/), and [Italian](https://it.wordpress.org/plugins/webyx/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/webyx) * Tags * [fullpage](https://pcd.wordpress.org/plugins/tags/fullpage/)[fullscreen](https://pcd.wordpress.org/plugins/tags/fullscreen/) [scrolling](https://pcd.wordpress.org/plugins/tags/scrolling/)[Section](https://pcd.wordpress.org/plugins/tags/section/) [Slide](https://pcd.wordpress.org/plugins/tags/slide/) * [Advanced View](https://pcd.wordpress.org/plugins/webyx/advanced/) ## Ratings 4.8 out of 5 stars. * [ 48 5-star reviews ](https://wordpress.org/support/plugin/webyx/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/webyx/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/webyx/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/webyx/reviews/?filter=2) * [ 2 1-star reviews ](https://wordpress.org/support/plugin/webyx/reviews/?filter=1) [Add my review](https://wordpress.org/support/plugin/webyx/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/webyx/reviews/) ## Contributors * [ Webyx ](https://profiles.wordpress.org/webyxforgutenberg/) * [ Rodolfo Cucchiella ](https://profiles.wordpress.org/rodolfocucchiella/) * [ terenziocensoni ](https://profiles.wordpress.org/terenziocensoni/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/webyx/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://webyx.it)