![Webineer Team](/img/default-banner.jpg)
- 50
- 16 778
Webineer Team
Italy
เข้าร่วมเมื่อ 6 ต.ค. 2022
IT developers that create efficient and original digital products for the web.
Horizontal scrolling website with Webyx Pro for Gutenberg in Full Site Editing step by step tutorial
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor.
In this tutorial we will show you how to use Webyx Pro for Gutenberg plugin with the Twenty Twenty-Four theme to create an horizontal scrolling website in WordPress.
In this video in particular we will show you how to correctly set options to transform an existing classic website to a more cool horizontal scrolling one using Webyx Pro for Gutenberg. We will guide you through some options to customize its behaviour.
Enjoy!
The FREE version can be found in the official WordPress repository:
👉 Webyx (for Gutenberg): wordpress.org/plugins/webyx/
👉 Webyx FE (for Elementor): wordpress.org/plugins/webyx-fe/
👉 Read the Webyx for Gutenberg plugin guide: www.webyx.it/
👉 Read the Webyx for Elementor plugin guide: webyx.it/wfe-guide/
👉 Try some demos on this website: demo.webyx.it/
The PRO version is available here:
👉 Webyx for Gutenberg Pro: webineer.gumroad.com/l/webyx-for-gutenberg-pro
The Webyx for Elementor PRO version is available here:
👉 Webyx for Elementor Pro: webineer.gumroad.com/l/webyx-for-elementor-pro
Be amazed by your imagination!
The Webineer Team
In this tutorial we will show you how to use Webyx Pro for Gutenberg plugin with the Twenty Twenty-Four theme to create an horizontal scrolling website in WordPress.
In this video in particular we will show you how to correctly set options to transform an existing classic website to a more cool horizontal scrolling one using Webyx Pro for Gutenberg. We will guide you through some options to customize its behaviour.
Enjoy!
The FREE version can be found in the official WordPress repository:
👉 Webyx (for Gutenberg): wordpress.org/plugins/webyx/
👉 Webyx FE (for Elementor): wordpress.org/plugins/webyx-fe/
👉 Read the Webyx for Gutenberg plugin guide: www.webyx.it/
👉 Read the Webyx for Elementor plugin guide: webyx.it/wfe-guide/
👉 Try some demos on this website: demo.webyx.it/
The PRO version is available here:
👉 Webyx for Gutenberg Pro: webineer.gumroad.com/l/webyx-for-gutenberg-pro
The Webyx for Elementor PRO version is available here:
👉 Webyx for Elementor Pro: webineer.gumroad.com/l/webyx-for-elementor-pro
Be amazed by your imagination!
The Webineer Team
มุมมอง: 48
วีดีโอ
Boost and pimp a page with Webyx Pro for Gutenberg in Full Site Editing step by step tutorial (3/3)
มุมมอง 14หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. This is the third of three tutorial videos in which we will show you how to use Webyx Pro for Gutenberg plugin with the Twenty Twenty-Four theme to create a simple website in WordPress. In this video in particular we will show ...
Customizing a page with Webyx Pro for Gutenberg in Full Site Editing step by step tutorial (2/3)
มุมมอง 43หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. This is the second of three tutorial videos in which we will show you how to use Webyx Pro for Gutenberg plugin with the Twenty Twenty-Four theme to create a simple website in WordPress. In this video in particular we will show...
How to create a page with Webyx Pro for Gutenberg in Full Site Editing step by step tutorial (1/3)
มุมมอง 17หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. This is the first of three tutorial videos in which we will show you how to use Webyx Pro for Gutenberg plugin with the Twenty Twenty-Four theme to create a simple website in WordPress. In this video in particular we will show ...
How to customize Slides backgrounds with Webyx Free for Gutenberg in FSE step by step tutorial (3/3)
มุมมอง 342 หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. This is the third of three tutorial videos in which we will show you how to use Webyx Free for Gutenberg plugin with the Twenty Twenty-Four theme to create a simple website in WordPress. In this video in particular we will show...
How to create a layout design with Webyx Free for Gutenberg in FSE step by step tutorial (2/3)
มุมมอง 702 หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. This is the second of three tutorial videos in which we will show you how to use Webyx Free for Gutenberg plugin with the Twenty Twenty-Four theme to create a simple website in WordPress. In this video in particular we will sho...
How to create a page with Webyx Free for Gutenberg in Full Site Editing step by step tutorial (1/3)
มุมมอง 2822 หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. This is the first of three tutorial videos in which we will show you how to use Webyx Free for Gutenberg plugin with the Twenty Twenty-Four theme to create a simple website in WordPress. In this video in particular we will show...
How to use Kadence Theme standard with Webyx Free & Pro for Gutenberg
มุมมอง 532 หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. In this video we will show you how to use Webyx correctly with the standard Kadence Theme. First of all you need to install and activate the Kadence Theme. Then you have to customize the Header setting it to a Sticky type and e...
Experimental Builder Block for Gutenberg with the same Elementor builder functionalities Sneak Peek!
มุมมอง 654 หลายเดือนก่อน
Hi everybody, this is only a very quick and teasing sneak peek of a project we are working on. If you are careful observers you could notice that there is way more to show in the future! The goal of this upcoming project is to have a Builder Block fully dedicated to Gutenberg that makes available all the functionalities of Elementor. If you love or used to the UI and UX of Elementor BUT you don...
How to easily set and use drag and move in Webyx for Gutenberg Pro
มุมมอง 654 หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. In this video is shown how to enable drag & move option to navigate in a website with Webyx plugin. The FREE version can be found in the official WordPress repository: 👉 Webyx (for Gutenberg): wordpress.org/plugins/webyx/ 👉 Web...
How to use Webyx Pro plugin for WordPress with FSE (Full Site Editing) on Gutenberg
มุมมอง 2334 หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. This WordPress tutorial shows you how to create a Webyx Pro template in Gutenberg if you want to use a FSE (Full Site Editing) with a theme based on blocks. This procedure is for themes from Twenty Twenty-Two to Twenty Twenty-F...
How to import a template kit done with Webyx Pro for Elementor with Elementor import tools
มุมมอง 1116 หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. In this video is shown how to import a template done with Webyx Pro for Elementor with the Elementor Import kit. Check all the demos available in the Webyx website: demo.webyx.it/ The FREE version can be found in the official W...
How to easily set and use integrated anchors in Webyx for Gutenberg Pro
มุมมอง 779 หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. In this video is shown how to set an anchor to a Slide and to use it to navigate in a website with Webyx plugin. The FREE version can be found in the official WordPress repository: 👉 Webyx (for Gutenberg): wordpress.org/plugins...
Horizontal scrolling STANDARD VS SMOOTH animation effect on a website with Webyx for Gutenberg Pro
มุมมอง 1399 หลายเดือนก่อน
Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. In this video is shown the difference between the standard (sticky) and the smooth horizontal scroll effect on a fullscreen and fullpage website with Webyx plugin. The FREE version can be found in the official WordPress reposit...
Webyx for Elementor Pro tutorial for beginners - How to create a full page scrolling website design
มุมมอง 1.1K10 หลายเดือนก่อน
In English language Webyx is the best plugin for creating fullscreen fullpage scrolling websites, landing pages, single or multi page websites in WordPress for both Gutenberg and Elementor. In this tutorial our Team member Rodolfo will guide you to design a single-page website in WordPress with Webyx Pro for Elementor and Elementor Free version. An easy to understand and step-by-step tutorial. ...
How to enable a classic horizontal scrolling effect on a website with Webyx for Elementor Pro part 3
มุมมอง 17710 หลายเดือนก่อน
How to enable a classic horizontal scrolling effect on a website with Webyx for Elementor Pro part 3
How to enable a classic horizontal scrolling effect on a website with Webyx for Elementor Pro part 2
มุมมอง 21310 หลายเดือนก่อน
How to enable a classic horizontal scrolling effect on a website with Webyx for Elementor Pro part 2
How to enable a classic horizontal scrolling effect on a website with Webyx for Elementor Pro part1
มุมมอง 26610 หลายเดือนก่อน
How to enable a classic horizontal scrolling effect on a website with Webyx for Elementor Pro part1
Mixing sliding and horizontal scrolling in a website with Webyx for Gutenberg Pro
มุมมอง 14110 หลายเดือนก่อน
Mixing sliding and horizontal scrolling in a website with Webyx for Gutenberg Pro
From sliding to horizontal scrolling only website with Webyx for Gutenberg Pro
มุมมอง 5510 หลายเดือนก่อน
From sliding to horizontal scrolling only website with Webyx for Gutenberg Pro
How to enable a classic horizontal scrolling effect on a website with Webyx for Gutenberg Pro
มุมมอง 14511 หลายเดือนก่อน
How to enable a classic horizontal scrolling effect on a website with Webyx for Gutenberg Pro
How to very easily install Webyx for Gutenberg Free plugin in WordPress with downloaded .zip file
มุมมอง 238ปีที่แล้ว
How to very easily install Webyx for Gutenberg Free plugin in WordPress with downloaded .zip file
How to transform a classic Elementor website in fullpage fullscreen sliding and scrolling with Webyx
มุมมอง 1.5Kปีที่แล้ว
How to transform a classic Elementor website in fullpage fullscreen sliding and scrolling with Webyx
Some WordPress admin general Webyx for Gutenberg Pro plugin settings and utilities
มุมมอง 174ปีที่แล้ว
Some WordPress admin general Webyx for Gutenberg Pro plugin settings and utilities
How to enable vertical lock on every Slide in Webyx for Gutenberg Pro
มุมมอง 55ปีที่แล้ว
How to enable vertical lock on every Slide in Webyx for Gutenberg Pro
General use of mouse wheel feature in Webyx for Gutenberg Pro
มุมมอง 87ปีที่แล้ว
General use of mouse wheel feature in Webyx for Gutenberg Pro
General use of full screen button feature in Webyx for Gutenberg Pro
มุมมอง 77ปีที่แล้ว
General use of full screen button feature in Webyx for Gutenberg Pro
Use of some mobile device settings in Webyx for Gutenberg Pro
มุมมอง 70ปีที่แล้ว
Use of some mobile device settings in Webyx for Gutenberg Pro
How to enable horizontal SWIPE lock for mobile devices in Webyx for Gutenberg Pro
มุมมอง 61ปีที่แล้ว
How to enable horizontal SWIPE lock for mobile devices in Webyx for Gutenberg Pro
How to enable and use custom CSS with the integrated feature in Webyx for Gutenberg Pro
มุมมอง 44ปีที่แล้ว
How to enable and use custom CSS with the integrated feature in Webyx for Gutenberg Pro
what if i just need a widget for an elementor page??
这个视频很有帮助,可是我需要在每个页面中的元素上加动画可有方法操作?
How can I maintain the webyx fullscreen sliding while also using the header/scrolltotop etc from my theme? Thanks!
I am confused with the last picture, it jumped from slide 2-2 to 1-1 , is there a way that it follows just the arrows?
That is because there is an autoreset when you move vertically and pass from a Section in a row to another Section in another row. To have something that only move sequentially you need to have your Sections/Slides architecture done in a sequential way (like a story) and have an option called horizontal animation enabled. If you use the mouse wheel then it will move sequentially, while with arrows the cycle can be bypassed
The problem is that the menu dissapers when i change to this template, looking around to see a fix
Hi :) thank you very much ! But what if I don't want my side slides to be able to go down but only the front ones ?
Hello there! For now that is not possible in the standard plugin. That's because Webyx's navigation philosophy is to make the website navigable in many ways from everywhere to make it the most accessible possible 🙂 ! There are some ways to lock movements but not for that specific situation you are asking for. Surely with some coding knowledge you could achieve that. Maybe in the future we will add that possibility if there will be enough interest in that. Thanks again!
"Good morning :). I'm encountering an issue with Elementor's loading page after enabling the Webyx Fe plugin in the settings. After a while, Elementor suggests, 'Problem with the loading of Elementor? Try the provisional version.'" (english is not my native language,sorry). How can i fix it? I'm really in love with this plug in, i can't wait to do some awersome site with it. Thank you very much :D. (my php version is 8.0 - Elementor Free is 3.13.1)
Hi, thanks for your words about our Webyx, we really appreciated them 🙂! As for the message you reported, it's something related to Elementor, maybe an issue resolved in a later fix. We hope you will be abla to get il work to create awesome websites. Have you tried our Pro version? If you are in love with the Free one, we can ssure the Pro one will make you even happier! Best regards
th-cam.com/video/LhGXs3Ttv6U/w-d-xo.htmlsi=C4dl_R-pLbnbeUoF A tutorial for beginners at the link above, with voice from our team member Rodolfo. Hope this will help a little. Best regards.
Thank you very much!!!
Does this work with the free Webyx version? I didn't get the option to edit my current sections with Webyx
Hi, yes it works. The Free version only has less options and features to choose from: it is a much more simplified version of Webyx. After installing Webyx, you have to enable the Webyx option on the settings to see everything. From 0:38 to 1:26 in this video you can see what we are talking about. This is for the Pro version, but you will find something similar for the Free one.
can i scroll vertically with mouse drag ?
Hi, mouse drag for desktop is a feature we have considered to develop for the future. It is in our to do list. You can find future additions in the product page, in the "Coming soon" paragraph: webineer.gumroad.com/l/webyx-for-elementor-pro
Is there a way to make the vertical height of a section responsive?
Hi, can you be more specific? Please reach to us directly to give more information on your question.
@@webineerteam I mean to make the auto-scroll disable when the content of a section is too tall to display on small screens i.e. mobiles.
Thank you for this video. How will this perform on mobile devices?
It performs perfectly: there are tabs for mobile settings
Hello 👋, how can I scroll on the same page? without going to the next page. ?? thank you
Hi, you need to enable the "scrolling content" option and put a longer than the viewport content. In this case you will scroll vertically to show the longer content until you hit the bottom of it. If you scroll more then you will change Slide. If you don't want to pass to another Slide ever, you have to use the lock options or use the multipage architecture creating a more classic website style.
Does this work with flexbox?
Yes, Webyx for Elementor is compatible both with Sections and Containers
You may want to explain what you are doing and the rationale behind the way this tool is built. The cheesy generic stock music does not bring anything besides brain confusion.
Hi, we will need somebody with a good radio voice and a very great english accent to put it on our videos: even if our team knows English, we are a bit shy of our voices 🙂 ! In the future, if we hit some courage, we will add some voice. Best regards.
@@webineerteam Accents are fine 😂 Do it.
th-cam.com/video/LhGXs3Ttv6U/w-d-xo.htmlsi=C4dl_R-pLbnbeUoF A tutorial for beginners at the link above, with voice from our team member Rodolfo. Hope this will help a little. Best regards
Can I scroll without dots/arrows or keyboard ? just with mouse scroller or trackpad?
Hi, what you are asking for, "the horizontal scrolling" feature is actually in the Pro version of Webyx for Elementor Pro
Hi everybody, finally the day has come for those who love Gutenberg: Webyx for Gutenberg Pro is now available for purchase! Here is where you can find it: webineer.gumroad.com/l/webyx-for-gutenberg-pro There is also the possibility to have a Pro Support (for all Webyx products) if you would like to support us more and to have a priviledged channel for your questions and doubts: webineer.gumroad.com/l/webyx-pro-support We are excited to see it released and available to all who will have the desire to use it from now on. We hope to see your imagination run wild like never before! P.S.: we will work to release in the next days also the Webyx for Elementor Pro version for the Elementor enthusiasts... stay tuned. Be amazed by your imagination! Our best regards, The Webineer Team
Hi everybody, finally the day has come: Webyx for Gutenberg Pro is now available for purchase! Here is where you can find it: webineer.gumroad.com/l/webyx-for-gutenberg-pro There is also the possibility to have a Pro Support (for all Webyx products) if you would like to support us more and to have a priviledged channel for your questions and doubts: webineer.gumroad.com/l/webyx-pro-support We are excited to see it released and available to all who will have the desire to use it from now on. We hope to see your imagination run wild like never before! P.S.: we will work to release in the next days also the Webyx for Elementor Pro version for the Elementor enthusiasts... stay tuned. Be amazed by your imagination! Our best regards, The Webineer Team