Create Custom WooCommerce Layouts with Beaver Builder

In this series about customizing WooCommerce product pages, Beaver Builder is the next tool we’re looking at. I previously wrote about PootlePress’ WooBuilder Blocks.  

Beaver Builder is an established page builder plugin with its own interface which replaces the default WordPress editing screen. There’s a free version and a premium version along with numerous free and paid add-ons from various 3rd party developers. 

Using the core Beaver Builder plugin you can choose to enable the builder for your Product pages, but word to the wise, this isn’t going to get you very far. In this mode the builder doesn’t fully take over the whole editing experience so you can’t actually change the product layout. I spent a fair amount of time beating my head against this wall before I found this guide. Keep that handy as you embark on this mission. 

Read More

Design WooCommerce Product Pages with WooBuilder Blocks

A lot of online stores look very similar these days. It’s not really a WordPress-specific issue – websites in general kind of look the same.  When it comes to ecommerce, WooCommerce has become the default plugin to use because of its enormous power and market penetration.

But if you install WooCommerce and do nothing else, everything does look the same. Even if you use an ecommerce theme, in many cases the product galleries are laid out the same way, the information is organized on the page in the same way etc.

Some themes do offer more unique and creative layouts. But if you’re someone used to using page builders, for example, or you want to be able to customize your product pages without switching themes, you’ll need a plugin to help you. And honestly the state of this in WordPress is not as advanced as I was anticipating.

Given that page builders are a fairly mature concept at this point, I was expecting to find some really good ones dedicated to WooCommerce. That’s not really the case.  So I’m going to do a series of posts where I test out some of the available options for customizing your WooCommerce product pages. 

Read More

What’s Making Our Websites Slow? We Are!

This is the blog post that accompanies a talk I gave at WordCamp Seattle in 2019. You can see the slides here. The video of the talk is up on WordPress.tv

Additionally, the HTTP Archive Web Almanac was published around the same time so I’ve also interspersed some of the insights from that report since they dovetail really nicely.

Providing excellent context for this post, the CMS chapter shows how sites built with a Content Management System (and WordPress sites comprise almost 75% of those in the report) tend to:

  • be more bloated with heavier page weights
  • use more 3rd party resources
  • use heavier images

Additionally it reported that WordPress sites tend to have slower performance metrics.

Now this is not really the fault of WordPress itself, it’s really due to what we site owners have done.

While it’s possible to build bloated pages and use techniques to make them seem fast, that shouldn’t be the goal. Let’s just build lighter pages to begin with!

Read More

How to Update Old Content on Your WordPress Site

Maintaining a steady flow of traffic to your WordPress site isn’t only dependent on constantly producing brand new content. Updating old content is a great practice to keep benefitting from the posts you’ve already worked on. It’s possible to take advantage of Google’s freshness algorithm and generate a new burst of traffic for the updated content, as well as provide a better user experience for visitors to your site ensuring they never find old or irrelevant information. 

In this post I’ll cover:

  • The easiest way to update existing posts in WordPress
  • How to push your content to the top of your blog feed again
  • How to let Google know your content has been updated without pushing it to the top of your blog feed again
Read More

Google PageSpeed Insights – A Guide for WordPress Users

Google PageSpeed Insights Guide for WordPress Users

Listen, let’s keep it real, PageSpeed Insights is a tool best used by developers. Its intentions are good but it’s not targeted at the average WordPress site owner. Even with the recent introduction of some WordPress-specific messaging, many aspects of the report are too technical to be clearly actionable.

In this guide I’ll try to translate what PageSpeed is talking about and let you know which factors you can control, as a WordPress site owner, and which you can’t.

The basic principles that PageSpeed Insights is trying to communicate are:

  • Keep your pages light and simple.
  • Avoid unnecessary fanciness.
  • Consider mobile users, particularly those who pay for every byte of data.

These are solid principles but PageSpeed communicates them in somewhat obscure ways.

Read More

How to improve the Time To First Byte (TTFB) of your WordPress site

The Time To First Byte (TTFB), or server response time, of your WordPress site can be an important indicator of performance. It doesn’t represent the whole picture, but a very specific part in the process.

Time to First Byte is a measure of how fast your server responds when someone tries to visit a page on your site. Specifically, it’s measuring how long it takes from the time the browser asks the server for the page, to when the browser receives the first piece of data from the server.

Visitors want sites to feel fast, so the sooner some meaningful content is displayed on the screen, the better. TTFB can influence this – the faster the server responds, the faster content can get to the user.

Read More