Checkout Quick Scroll for Woocommerce

From:

Woocommerce Checkout Quick Scroll places up to 3 buttons on the checkout page to allow shoppers to quickly scroll to the next section. Shop admins can set the text for each button and the color of the buttons. In this version all buttons will be the same color. The default color is the Woocommerce colors.

Why would you need this?

When I’m shopping on a mobile device I hate scrolling, especially when I don’t know how long a form might be. By strategically placing buttons on the checkout page you can help your shoppers bypass some annoying scrolling and get to payment much quicker.

What are the buttons?

The first section contains 2 buttons just below the billing form. The first will take shoppers to the shipping section and the second will take shoppers to the payment section.

the second section contains 1 button below the shipping field which will scroll to the payment section.

What if I don’t want a button there?

Easy as. Simply leave the field empty and no button will display

I can see a benefit for this on mobiles, can it be disabled for desktop?

It sure can. There’s an option to disable the buttons for desktop display. Simply select yes and the buttons won’t appear on a desktop

Does it work with a multistep checkout?

I haven’t tested it, but I wouldn’t think so. If you want to use this on mobiles and get rid of the pesky multistep checkout for mobiles I recommend installing Plugin Organizer. With Plugin Organizer you can selectively load plugins on a page by page basis and for mobile or desktop use. To use a multistep checkout with this plugin and Plugin Organizer simply enable selective mobile loading then edit the checkout page. Drag the multistep checkout plugin to the mobile section and it will be disabled for mobile devices.

What else is included in the plugin?

Additional checkbox
As a bonus there are some additional sections. You can create an additional T&C field. This is ideal for handmade ot made to order products which requires a checkbox confirmation.

A backorder notice
If the customer has a product in their cart that’s on backorder it will display a notice with a warning symbol near the pay button

Top of checkout message
If you need to advertise an important message on the checkout to grab buyers attention, such as holiday notice, you can set a message here. This text will appear centered at the top of the checkout page in h2 text

Improved out of stock display
If you have a product that’s out of stock and it brings traffic, there’s nothing worse as a buyer, or shop owner, seeing the product out of stock. This could cause unwanted bounces and lost sales. Even more annoying is you may have something that is related and the shopper may have bought. This section aims to solve that.

Once enabled it will display related products below the product title when an item is out of stock. You can even set 2 lines of messages informing buyers. eg. Sorry, out of stock. Perhaps one of the following may interest you? This can help reduce bounces, which we all know Google hate and is a negative SEO signal

Will this plugin work on all themes?

It should. It doesn’t really do anything fancy, but some themes might alter the way Woocommerce does things.

Cache

Most of the settings should not need a cache to be cleared for the changes to be visible on the frontend. If you do need to clear the cache on the frontend to see changes on the checkout page you are caching your checkout page and should rectify it ASAP. Oly the improved out of stock display will need the have the cache cleared to see changes on the frontend. Once activated changes to stock status should purge the cache automatically resulting in the change being visible instantly.

Future releases
I plan to expend the plugin further to allow users to make additional changes to the checkout page and flow as well as cart and product pages

Download plugin now

Settings Page
Showing buttons below billing on a desktop view
Desktop view with buttons disabled for desktop
Checkout notification
Additional checkbox and backorder notification alert
Better out of stock display
Mobile view with buttons

Leave a Comment