Webyx for Elementor – Fullpage Fullscreen Scrolling Websites vs Smush – Image Optimization, Compression, Lazy Load, WebP & CDN

The first and most powerful plugin to create awesome fullpage fullscreen vertical and horizontal scrolling websites effortlessly on WordPress for Elementor. 💡 WHAT YOU CAN DO Webyx for Elementor is a plugin for WordPress that allows you to create amazing fullpage fullscreen scrollable websites quickly and easily with Elementor’s visual editor and drag-and-drop builder. If you want to see and try something made with Webyx, go to our DEMO website! 💎 WEBYX PRO FOR ELEMENTOR With the PRO version you will also be able to create landing, single or multi page websites or manually shape the view appearance you want to show. If you have both FREE and PRO version on the same installation, the PRO version will be the one that will be loaded. You must remember to check and activate the options that may be different between the two versions. ⚠️ IMPORTANT NOTE: it is not possible to directly upgrade from the FREE version to the PRO version, they are two different products and not one the extension of the other. If you are using the FREE version and have created something with it, you will have to redo them again in the PRO version. 🚀 TRY WEBYX FREE FOR GUTENBERG Are you also Gutenberg users and enthusiasts? We have the version of Webyx explicitly built for Gutenberg. Download and try the Webyx Free for Gutenberg version of our dedicated plugin! 🎁 WebyxUI: join our Exclusive BETA! We are thrilled to announce the upcoming launch of our new product, WebyxUI. 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 and have the chance to provide feedback that will help shape the final version. 🎁 FEATURES OF THE FREE VERSION Sections Section content position Panel style Template design Continuous horizontal Animation easings and speeds Navigation arrows Navigation bullets Navigation mouse wheel Navigation keyboard Fullscreen button Hide scrollbar Loading splash screen Mobile settings Lockable horizontal swipe Custom CSS 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 Customizable Webyx header with menu Customizable header with Elementor widgets Anchors Scrolling content Continuous vertical Horizontal animation Horizontal scrolling Horizontal scrolling smooth animation and duration Card style Parallax effect Indipendent animation types on X and Y axes Fade and toggle animations Normal scrolling website Section height autofill Lockable vertical movement Mobile movement threshold Switchable foregrounds for each Section background Different backgrounds for each device type Background audio Background video Event hooks Visible or hidden Sections on the fly Automatic updates management Rollback to previous versions …and much more 📖 QUICK USER’S GUIDE For a more complete documentation visit our website at Webyx FE. How to enable Webyx FE in Elementor Create a new page in WordPress. In pages attributes find the Template select and choose Webyx FE. NOTE: if you select the webyx FE template through the Elementor general settings page, you will need to refresh the editor page to display webyx template correctly. Edit the page with Elementor. Click on Settings button. You will see Webyx tab. Go to WEBYX FE tab. Toggle Enable Webyx option. Click on Apply Changes. Wait for the page preview to refresh. NOTE: toggling the “Enable Webyx” option in SECTION GENERAL OPTIONS you can disable the work done with Webyx and go back to the classic mode of Elementor sections on the fly, without losing what has been previously done. IMPORTANT: The PRO version, if installed, disables the normal loading of the FREE version, so you can keep only one of the two versions active at a time. WEBYX FE SECTIONS/CONTAINERS Webyx for Elementor allows you to wrap Elementor sections/containers into Webyx sections/containers. Webyx sections/containers are wrappers that incorporate the original Elementor sections/containers and contain specific attributes and/or webyx settings. To be able to carry out this transformation, enable the “Enable Webyx Section/Containers” toggle: in this way the Elementor source section/containers will be displayed in the editor in full screen mode and the original light blue Elementor overlay border will be shown in purple colour. ⚠️ IMPORTANT: for Webyx to function properly, you must keep the root element active. In particular, pay attention if you are using Containers: those nested inside the root element MUST necessarily have this option deactivated, otherwise the system will not work correctly. From now on we will use the term Section for both Sections and Containers (IMPORTANT NOTES FOR ELEMENTOR CONTAINERS). NOTE: Webyx FE sections/containers are containers that can have any type of content. To create the full screen flow of contents you can use the 2 types of sections provided by Webyx: Front Sections (or Containers) Side Sections (or Containers) Front Sections A Front Section appears as the leader of a strip of sections. Remember that the height of the section will automatically extended to the height of the inserted content inside the Elementor’s visual editor preview. While in the actual website if the content exceeds the viewport you can view it by enabling the “scrollable content” option. IMPORTANT: the very first section of your website MUST be a Front Section. Side Sections Side Sections will be placed laterally and immediately following their respective leaders on the website, while inside the visual editor they will be presented one below the other vertically following their order. Webyx FE Settings To customize general plugin settings just go to Settings > Webyx FE 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 Documentation and Support For documentation visit our website at Webyx FE.

Compress images, optimize images, and enable image lazy load automatically with the powerful Smush image optimizer to keep your WordPress site fast, without losing quality. Smush makes it easy to optimize images, compress images, and deliver images faster across your entire WordPress site. This all-in-one image optimizer automatically reduces image file sizes, enables image lazy load, and serves modern formats like WebP and AVIF, all without breaking image quality or adding extra work. Whether you’re running a blog, store, or portfolio, Smush helps you optimize images at scale and keep your site fast with a trusted WordPress image optimizer. Trusted by 1+ Million Sites | 4.8/5 Star Rating Get everything you need to optimize images and speed up your site. Smush works out of the box with no complicated setup – just install and let it handle the rest. Compress images without losing quality Reduce image file size automatically while keeping your images sharp and clear. Smush is an easy-to-use image optimizer which let’s you compress images using both lossless and lossy compression, giving you the best balance of quality and performance without extra work. You can also compress images outside the media library using Directory Smush, making it easy to optimize images stored in theme folders, plugins, or other directories on your server. Lazy load images for faster pages Enable image lazy load across your site so images load only when needed. This image optimizer improves initial page speed and creates a smoother experience for visitors without extra configuration. Serve WebP and AVIF images automatically (PRO) Convert images to WebP and AVIF and serve them automatically to supported browsers. Smush helps you optimize images using next-gen formats to reduce file size and improve load times across your WordPress site. Deliver images faster with an Image CDN (PRO) Serve images through a global image CDN to reduce latency and improve load times for visitors around the world. 119 global CDN servers Up to 500 GB of bandwidth Faster image delivery based on visitor location Improved performance for image-heavy and high-traffic sites Automatically resize and fix image dimensions (PRO) Eliminate common PageSpeed warnings and improve layout stability with automatic image sizing. Smush dynamically resizes images to perfectly fit their containers, regardless of original size, helping fix the “Properly size images” warning in Google PageSpeed Insights. It also automatically adds missing width and height attributes to your images, improving rendering speed and reducing layout shifts. This helps you meet the “Ensure images have explicit width and height” recommendation without any manual work. Optimize your entire site, automatically Smush works across your whole site as a powerful image optimizer to optimize images as you upload them and maintain performance over time without manual work. Optimize images automatically on upload Compress images in bulk or individually Works with your existing media library No need to re-upload images Enable image lazy load across your site Convert images to WebP and AVIF Deliver images with an integrated image CDN Automatically resize and serve correctly sized images Optimize images outside the media library with Directory Smush Built for performance Smush improves page speed and overall performance by reducing image weight and improving how images are delivered. Reduce page load times Improve user experience Better performance for image-heavy pages Supports image lazy load and preload images (PRO) for faster perceived performance Works with your existing setup Smush is built to work with your current WordPress setup, including popular themes, page builders, and plugins. Compatible with Gutenberg, Elementor, WPBakery, and more Works with WooCommerce stores No need to change your workflow Easy to enable and configure Designed to be simple You don’t need to be a performance expert to optimize images with Smush image optimizer. Works out of the box Simple settings when you need them No technical knowledge required Safe to use on any site Why choose Smush? There are plenty of image optimization plugins, but Smush focuses on making it easy to optimize images, compress images, and improve performance without complexity. As a leading WordPress image optimizer, Smush gives you powerful optimization tools without the technical hassle. Trusted by over 1 million WordPress users Built specifically for WordPress Regular updates and improvements Backed by the WPMU DEV team Get started in minutes Install Smush, activate it, and start to compress images, optimize images, and enable image lazy load right away. This easy-to-use image optimizer helps most sites see improvements immediately without changing how they upload or manage images. About Us WPMU DEV is a premium supplier of quality WordPress plugins, services and support. Learn more here: https://wpmudev.com/ Don’t forget to stay up to date on everything WordPress from the Internet’s number one resource: WPMU DEV Blog Hey, one more thing… we hope you enjoy our free offerings as much as we’ve loved making them for you! Contact and Credits Originally written by Alex Dunae at Dialect (dialect.ca, e-mail ‘alex’ at ‘dialect dot ca’), 2008-11.