Book Image

Mastering WooCommerce - Second Edition

By : Patrick Rauland
Book Image

Mastering WooCommerce - Second Edition

By: Patrick Rauland

Overview of this book

Author Patrick Rauland is a WooCommerce expert with a deep-rooted passion for the platform. Drawing from his multifaceted experience as a customer, WooCommerce support team member, core developer, release leader, and conference planner, he presents the latest edition of this guide to help you master every facet of launching and managing a successful WooCommerce store. From initiation to seamless integration of essential components such as payments, shipping, and tax configurations, this book takes you through the entire process of establishing your online store. You’ll then customize your store's visual identity, optimizing for search engines and advanced sales management through Point of Sale (POS) systems, outsourced fulfillment solutions, and external reporting services. You’ll then advance to enhancing the user experience, streamlining reorders, and simplifying the checkout process for your customers. With this new edition, you’ll also gain insights into secure hosting and bug fixing and be prepared for updates. That’s not all; you’ll build a promotional landing page, ensure store safety, contribute to the WooCommerce community, and design custom plugins for your unique needs. By the end of this WooCommerce book, you'll emerge with the skills to run a complete WooCommerce store and customize every aspect of the store on the frontend as well as backend.
Table of Contents (20 chapters)
Free Chapter
1
Part 1: Exploring the essentials of an ECommerce Store
6
Part 2: Managing an Online Store
12
Part 3: Customizing the Appearance and Functionality of Your Store

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:

Figure 9.25: Above the fold on my laptop

Figure 9.25: Above the fold on my laptop

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.

Prior to 2020, you had to use a plugin to lazy load images. However, as is always happening in the technology space, browsers have developed a standard to lazy load images (https://web.dev/articles/browser-level-image-lazy-loading...