Book Image

Mastering WooCommerce 4

By : Patrick Rauland
Book Image

Mastering WooCommerce 4

By: Patrick Rauland

Overview of this book

WooCommerce is one of the most flexible platforms for building online stores. With its flexibility, you can offer virtually any feature to a client using the WordPress system. WooCommerce is also self-hosted, so the ownership of data lies with you and your client. This book starts with the essentials of building a WooCommerce store. You’ll learn how to set up WooCommerce and implement payment, shipping, and tax options, as well as configure your product. The book also demonstrates ways to customize and manage your products by using SEO for enhanced visibility. As you advance, you’ll understand how to manage sales by using POS systems, outsource fulfillment, and external reporting services. Once you’ve set up and organized your online store, you’ll focus on improving the user experience of your e-commerce website. In addition to this, the book takes you through caching techniques to not only improve the speed and performance of your website but also its look and UI by adding themes. Finally, you’ll build the landing page for your website to promote your product, and design WooCommerce plugins to customize the functionalities of your e-commerce website. By the end of this WooCommerce book, you’ll have learned how to run a complete WooCommerce store, and be able to customize each section of the store on the frontend as well as backend.
Table of Contents (15 chapters)

Optimizing content above the fold

On a typical product page, there are a half dozen images. And many of them are "below the fold." The fold is a term from the newspaper industry where there was a literal fold. You wanted your best headlines and photos to be above the fold so everyone would see them.

In the following screenshot, you can see where my fold is on my laptop and what is considered above and below the fold:

In the web world, we still use the fold terminology but we talk about it in different ways. And when it comes to optimization we can "lazy-load" our images. Lazy loading means we only download the image once the viewer starts scrolling down.

A few of the plugins we've looked at in this chapter will do this for us. But I want to show you how to do this with a free plugin that we've already installed.

...