How to Create a Horizontal and Vertical Scrolling Website with a FREE Wordress Plugin

Поделиться
HTML-код
  • Опубликовано: 5 янв 2025

Комментарии • 121

  • @Debbidoomarketing
    @Debbidoomarketing 2 года назад +3

    Oh. My. Effing. Gee. That is amazing! Going to have so much fun playing with this - thanks for sharing!

  • @gps36
    @gps36 2 года назад +2

    Wow!!!
    That's the suitable word for that.
    Thanks Jamie.
    Kudos.
    Happy to see your new video as always.

  • @tjsayers5428
    @tjsayers5428 2 года назад +2

    Cool! Thanks for sharing this Jamie. Thinking of ideas on how to use on some of my websites…

  • @WRSDesign
    @WRSDesign Год назад +3

    does is slide horizontally on mobile also?

  • @gabbyl7247
    @gabbyl7247 2 года назад +2

    You always find such cool stuff! I'm waiting for the perfect opportunity to create a horizontal website and this will be invaluable :)

    • @jamiewp
      @jamiewp  2 года назад

      Thanks Gabby 😀

  • @desventurasdati
    @desventurasdati 2 года назад +3

    Man that was awesome! Thank you!

    • @jamiewp
      @jamiewp  2 года назад

      thanks Samuel

  • @bySterling
    @bySterling Год назад +2

    So awesome! Just wish Gutenberg had sleeker more modern UI UX
    Thnks for this showcase
    I’ll def play with

  • @TheSmartStormfriend
    @TheSmartStormfriend Год назад +1

    Just wow. I'll surely try it, great job!

  • @KaiBuskirk
    @KaiBuskirk 2 года назад +2

    Great PlugIn!

  • @tomasnittner2765
    @tomasnittner2765 2 года назад +1

    leave it up to sire marsland to come up wit yet another amazing plugin to make our sites more interesting! it's always a pleasure to watch your videos and thanks much for the great add-on's you spoil us with!!! best wishes, tomas

  • @MmeChatRouGe
    @MmeChatRouGe 10 месяцев назад +1

    Great video and great plugin

    • @jamiewp
      @jamiewp  10 месяцев назад

      Thanks Diana 😊

  • @yonofuiprod
    @yonofuiprod Месяц назад

    I dont have the “page“ section next to block

  • @joygrant5733
    @joygrant5733 7 месяцев назад

    This is so detailed and helpful, thank you!

    • @jamiewp
      @jamiewp  7 месяцев назад

      thank you Joy

  • @andreaelenamarzano
    @andreaelenamarzano 6 месяцев назад +1

    Awesome. Planning to do a web comic scrolling sideway, down and up. 3 questions before I start, Can it also scroll back up? can you put animated gifs and can you scroll with the mouse rather than clicking arrows?

  • @BilalRashid-t8h
    @BilalRashid-t8h 4 месяца назад +1

    Will it work for Elementor? I need for one of my sites I made on Elementor

  • @_jstnsb
    @_jstnsb Год назад +2

    Awesome Video. I learned a lot in 12 minutes. However, I wonder if this is going to be mobile responsive. like how the image will crop on the background. ofcourse Gutenberg Rows are going to be responsive.

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 Год назад

      Yes it will be mobile responsive: you need to choose and think what option is best for you. These options are for now disposable: webyxforgutenberg.com/#background-image

  • @robweaver9953
    @robweaver9953 2 года назад +2

    Looks great. Can yo use it alongside regular pages done in, say Kadence blocks?

  • @AbbaBaab-o5s
    @AbbaBaab-o5s Год назад +1

    😯 top notch!

  • @rizamoriza9931
    @rizamoriza9931 Год назад +1

    this would be awesome for storytelling or educational purpose. Hope the developer will improve the backend UI to be easier for non techie peoples

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 Год назад

      @Riza Moriza thanks for your appreciation. Could you contact us to explain your suggestions?

  • @izakniemann5734
    @izakniemann5734 Год назад +1

    This is so cool - I have just decided to create my entire website going horizontally! However, I wish it can slide horizontally when a person scrolls naturally instead of looking for the slider arrow. That's a bummer. Also, I want this to work with Elelementor, so I will go for that option.

  • @bernhardschoenenberger321
    @bernhardschoenenberger321 2 года назад +2

    Hi Jamie - what software are you using for your screenrecordings (like your mouse, magnifier and coloring out the outside of the page). Thanks, Bernhard

    • @jamiewp
      @jamiewp  2 года назад

      Hi Bernhard, its called Pro Mouse (only for mac i think)

    • @bernhardschoenenberger321
      @bernhardschoenenberger321 2 года назад

      @@jamiewp Thanks - I love your videos. Short but informative. Greetings from Switzerland.

    • @jamiewp
      @jamiewp  2 года назад

      @@bernhardschoenenberger321 thank you 😀

  • @Djdave0922
    @Djdave0922 Год назад

    does this work with X Pro theme?

  • @Patitpavan108
    @Patitpavan108 2 года назад +3

    Will such website work on mobile?

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 2 года назад +1

      Yes, it works with touches and swipes :-)

    • @bradysbradys
      @bradysbradys 3 месяца назад

      @@rodolfocucchiella2815 How to incorporate a header with a navigation menu?

  • @IanRobertDouglas
    @IanRobertDouglas 2 года назад +1

    Interesting. Thank you. I'm stuck on a WPBakery theme (I know or believe something similar can be achieved within Elementor), and I really want to use this kind of effect. Is it possible, do you know, to use Gutenberg to build a page, but then insert this page into an existing WPBakery-built page, maybe by raw HTML? I couldn't find a plugin for WPBakery that allows this effect.

  • @moose2473
    @moose2473 Год назад +2

    can i use it with elementor

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 Год назад

      Not this one because it's for Gutenberg only, but we are releasing a Elementor version soon

    • @KokoroYuge
      @KokoroYuge 7 месяцев назад

      @@rodolfocucchiella2815 already released

  • @paxwebb
    @paxwebb 2 года назад +1

    Is there a setting to advance the slides by scrolling down instead of clicking on the arrows?

    • @jamiewp
      @jamiewp  2 года назад +1

      In the pro version apparently

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 2 года назад

      Yes there is an option we called "horizontal scrolling" but it will be accessibile in the Premium version only when it will be released.

    • @MarkConstable
      @MarkConstable 2 года назад +1

      @@rodolfocucchiella2815 Argh, here go again... vendor lock in for the good stuff. Me pass.

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 2 года назад +1

      You can activate the "mouse wheel" option in the Navigation Mouse Wheel side menu to vertical slide using the mouse wheel. That is in the free version.
      The "mixed" movement via mouse wheel that we called "horizontal scrolling" will be present in the pro version.
      Try it and see if that is what you were looking for.
      Otherwise thank you for your time the same, we hope others will see the work and value behind a plugin like this 🙂

    • @stuartmorley6338
      @stuartmorley6338 2 года назад +1

      @@MarkConstable Yes all good stuff should be free :). Seriously if you want decent stuff you have to pay for it. It's the way the whole system is built and personally I don't mind paying if it's useful, doesn't break lots of things and is constantly under development.

  • @mervecinemci5455
    @mervecinemci5455 2 года назад

    Hi Jamie Could you please give height and width for background images px or cm

  • @thewebstylist
    @thewebstylist Год назад

    Do you know of any way to do in an Elementor page build Jamie? We just need the 4th out of 5 sections horizontally panning a very wide image then drops into contact section

  • @bradysbradys
    @bradysbradys 3 месяца назад

    How to incorporate a header with a navigation menu?

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 3 месяца назад +1

      You can find online videos for FSE with Webyx where what you ask for is shown

  • @iamlucawitt
    @iamlucawitt 2 года назад

    Thank You! your video was very helpful!

  • @mariamorais8590
    @mariamorais8590 2 года назад +1

    This is awesome! Thank you again, Jamie, :) Would this plugin work in FSE? At least is not working for me, that is, no scrolling. I follow exactly the instructions but does not work!

    • @jamiewp
      @jamiewp  2 года назад

      Hi Maria, a few questions (and answers)
      1) Are you creating the blocks in a normal page i.e not in a template
      2) Horizontal scrolling on mouse is only going to be available in the pro version apparently

    • @mariamorais8590
      @mariamorais8590 2 года назад

      @@jamiewp Thank you for your reply.
      1. Yes, I am creating them in a normal page!
      2. The navigation arrows are not showing up at all. I even gave some horrible color to highlight in case I couldn't see them etc. Nope! Not working. I also tested in two more WordPress local websites. Maybe is not my day today! Thank you! I will try to figure it out later!

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 2 года назад +2

      We wrote with Maria and we discovered that the lack of navigation arrows was due to the fact that she was using a touch screen system.
      Webyx predicts that arrows don't exist on mobile but it uses touch only... for now (we will implement the hybrid situation in the future).

  • @orestisvoukalis2010
    @orestisvoukalis2010 Год назад

    does it actually work with scrolling tho? like with the mouse wheel, or do you have to click on the arrows with the mouse button?

    • @jamiewp
      @jamiewp  Год назад

      I believe the pro version works on mouse scroll

  • @MarkConstable
    @MarkConstable 2 года назад +2

    Very impressive. Thanks yet again for the heads-up, Jamie. After I get reliable transparent and fixed navigation to work, and individual animated grouped blocks, then this will allow me to achieve some cool next level animated page affects... assuming the required Javascript does not add too much bloat.

    • @jamiewp
      @jamiewp  2 года назад

      thanks Mark

    • @nicolemarie5892
      @nicolemarie5892 Год назад

      Hi Mark - were you able to achieve some animation?

    • @MarkConstable
      @MarkConstable Год назад

      @@nicolemarie5892 Not yet. I'm still stuck on getting rid of the 48px page wide padding at the top of the default TT3 theme. I'm nowhere near adding any custom JS yet.

  • @viawebindia
    @viawebindia 2 года назад

    Thank you for tutorial. However, the existing page design breaks when i switch the default template to webyx. Any help would really be appreciated.

    • @jamiewp
      @jamiewp  2 года назад

      Have you tried doing on a new page?

    • @viawebindia
      @viawebindia 2 года назад

      @@jamiewp Its working on a new page. However, no slide on mouse scroll. It slides only when I click on the arrows. What have I missed?

    • @jamiewp
      @jamiewp  2 года назад

      @@viawebindia only vertical scrolling is enabled in the free version - it might be worth contacting the developers to see where the pro version is being released

    • @viawebindia
      @viawebindia 2 года назад

      @@jamiewp Thank you! Will look into that direction or see if there are any alternatives.

  • @nicolemarie5892
    @nicolemarie5892 Год назад

    Does anyone know if this is mobile responsive? I cannot find a way so far in elementor, especially when I upload images as the background

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 Год назад

      It is. There are tabs dedicated both for desktop and for mobile. Completely indipendent from each other 🙂

  • @jwalkonline
    @jwalkonline 2 года назад

    Doesn't work for me. I created a brand new WP site using just the default 2022 theme and no plugins. After placing the Webyx block on a new page and tried saving a I get a warning with this message:
    Updating failed. The response is not a valid JSON response.
    I sent Webyx a message, waiting to see if they have any suggestions. I'm pretty sure it may have something to do with the most recent update they released a couple of weeks ago, but not sure.

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 2 года назад

      Thank you for your report and for reaching out for us through the www.webyxforgutenberg.com website!
      We will investigate on your situation and come back to you.

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 2 года назад

      Hi,
      after a careful investigation it emerged that there wasn’t any issue caused by the plugin itself.
      The error message was caused by the user’s host security rules in the ModSecurity tool.
      By whitelisting the rules that were triggering the exceptions the problem ceased to be.
      In addition to this, it is also possible to work on the plugin after disabling ModSecurity from Cpanel and turn it back on once you are done.
      Thank you and best regards.

  • @AadHendriksziethet
    @AadHendriksziethet Год назад

    Please Help I cannot find mousescrolling in Webyx

  • @aitordotco
    @aitordotco Год назад

    Can you scroll horizontally with the mouse and not having to click on the arrows?

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 Год назад +1

      Hi, the horizontal scrolling feature will be present in the Pro version that will be released in few days from now 🙂

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 Год назад +1

      Pro version has been released 🙂

  • @dillydilly5
    @dillydilly5 2 года назад +1

    I created a horizontal website around 1996 just using the anchors to scroll..

  • @KaiBuskirk
    @KaiBuskirk 2 года назад

    Miss you at WCUS22 !

  • @lizy8940
    @lizy8940 7 месяцев назад

    thank you for sharing

  • @emanuelecarosi2190
    @emanuelecarosi2190 Год назад

    Hi mate, wonderful video! May you tell me where did you generate those awesome background images?

  • @jamesmetters3375
    @jamesmetters3375 Год назад

    Is there a way to make it vertical

    • @jamiewp
      @jamiewp  Год назад

      In the Pro version I believe

  • @Tiomm5275
    @Tiomm5275 Год назад +1

    Hello... Great video showcase... but it was not much of a help for me... As a complet beginner in this website world i find myself struggling with lots... Ex: how to i make it scroll and not click on the next slide ?...how can i properly add columms or add a galery of my artworks ...Also the background doesnt change if i want it completely black...Do you have an in depth tutorial for it maybe ?
    Thanks in advance don't take this personally or something is just im a bit overhelmed...

    • @jamiewp
      @jamiewp  Год назад

      Hi Pavlic - check out my beginners guide to gutenberg www.pootlepress.com/wordpress-gutenberg-block-editor-guide/

  • @cutmylu
    @cutmylu 5 месяцев назад

    i tried but it says i gotta go pro and pay for a horizontal scroll :')

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 5 месяцев назад

      (Classic) Hz scrolling is Pro, while Hz sliding/toggling is Free, as it always was.
      Try the vt & hz sliding to achieve something cool, you will surely enjoy it!

  • @379rale
    @379rale 2 года назад +3

    Free? That's crazy. This is gold. You'll look like a lot better developer than you are

    • @jamiewp
      @jamiewp  2 года назад +1

      that's certainly true ;)

  • @NSAwatchesME
    @NSAwatchesME 3 месяца назад

    i just want to scroll upwards not down 😢

  • @scottpeters1847
    @scottpeters1847 3 месяца назад

    When i try to change template to webyx, there is no option to select it, so it doesn't work for me

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 3 месяца назад

      Probably you are using a theme that is a block based theme and not a PHP one like Webyx.
      For example the twenty-twentyone or previous themes are php while from twenty-twentytwo to twenty-twentyfour is block based.
      If you search online you can find videos where we show the procedure to follow to make this work

    • @scottpeters1847
      @scottpeters1847 3 месяца назад

      @@rodolfocucchiella2815 ye, i found changing my theme solved several issues I was having, but just with this but other things, thanks

  • @cosmicenegyjournal
    @cosmicenegyjournal 10 месяцев назад

    Unfortunately currntly there is no more Free Version and only in the Pro Version the Scrolling Option is available..

    • @jamiewp
      @jamiewp  10 месяцев назад

      Tks for letting me know - im working up a video so could be a free alternative 👍

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 10 месяцев назад

      What Jamie is showing in this video is still in the Free verison 🤔

    • @jamiewp
      @jamiewp  10 месяцев назад

      @@rodolfocucchiella2815 👍

  • @MrHabro13
    @MrHabro13 Год назад

    Great find but it'd be a lot more useful if you could put in more than just default Wordpress blocks. I can't add any Kadence blocks or Flex Blocks or anything that's not a default block - so useless for a lot of peeps (for now)

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 Год назад

      Already removed the filter in the Pro version and will be done too in the Free version in the next update

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 Год назад

      just released the 1.6.2 version of WFG Free with filter removed to allow Kadence etc. Enjoy 🙂

  • @johanstam3602
    @johanstam3602 2 года назад

    Uhh, it's a slider..

    • @jamiewp
      @jamiewp  2 года назад

      Hi , yes but it scrolls on mouse movement , vertically and horizontally

    • @johanstam3602
      @johanstam3602 2 года назад

      @@jamiewp Only see you clicking on arrows..

    • @jamiewp
      @jamiewp  2 года назад

      that's just me controlling my demo

  • @judyloomis1756
    @judyloomis1756 6 месяцев назад

    FYI - the free version no longer allows horizontal scrolling. You have to buy pro.

    • @jamiewp
      @jamiewp  6 месяцев назад

      Noted tks

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 6 месяцев назад

      In reality the (classic) hz scrolling feature was always a Pro feature. At the time of this video it wasn't even developed in the plugin.
      In the FREE you always had the hz animation (sliding or toggling), so Jamie's video was and still is correct 👌🏻

    • @jamiewp
      @jamiewp  6 месяцев назад +1

      @@rodolfocucchiella2815 thanks for clarifying 👍

  • @cristianvaca6136
    @cristianvaca6136 Год назад

    El plug in ahora es de pago

    • @rodolfocucchiella2815
      @rodolfocucchiella2815 Год назад

      There are both versions, a Free and a Pro

    • @KokoroYuge
      @KokoroYuge 7 месяцев назад

      @@rodolfocucchiella2815 but free kinda sucks