Join Patrick Rauland for an in-depth discussion in this video Skip the cart, part of WordPress: Customizing WooCommerce Themes.
- [Instructor] WooCommerce is a fully-featured ecommerce solution, meaning that it has an order management system, it can process payments and refunds, it lists multiple products and categories and tags with filters, and maybe most importantly, it has a cart. It lets you check out with multiple products at the same time. This is great for most sellers, but for some sellers that sell just one e-book, they don't need the cart, and in fact, an extra step is confusing. For those users, I recommend skipping the cart entirely and taking the user to the checkout page directly.
In most cases, it should increase conversions. If you asked me how to to this two years ago, I would have provided you with a snippet of custom code that uses the WooCommerce Add to Cart Redirect Filter to actually redirect to the homepage. This certainly works, but it's a bit putsy because you need to write code for the product page and for the store page. It's been requested so often that there's now a plugin that handles this for you. If you go to the WordPress Admin, Plugins, Add New, and the search for WooCommerce Direct Checkout, you can click Install Now and then Activate.
Under WooCommerce, you can click on Direct Checkout and click Enable, and save those options. Now when we go to the front end of the site, and let's add something to our cart here, we'll skip directly to the checkout.
This course covers the fundamentals of building custom WooCommerce themes. Learn about using WooCommerce hooks, template overrides, PHP, and CSS to style the different store pages, and add custom imagery and icons to fit your branding. Author Patrick Rauland also introduces UX design techniques that encourage customers to buy, such as highlighting savings and adding social media icons for sharing.
- Selecting a base theme
- Matching theme colors
- Overriding and updating WooCommerce templates
- Using hooks
- Modifying your product page: images, tabs, icons, and more
- Modifying the shop page, including customer savings
- Modifying the checkout page
- A/B testing your changes