Join Patrick Rauland for an in-depth discussion in this video Customize the product page, part of WordPress Ecommerce: WooCommerce.
- [Instructor] We've customized the Shop page, now let's customize the product page. There's a number of things that we can do here. One thing you might notice is how long the product page is, especially if you have a long description, long additional information, or lots of reviews, and this depends on your theme. Some themes will lump all of these together so you can have very long product pages, and it's quite often the reviews that will remove someone's fears so that they want to buy. As soon as someone reaches that safe space, we want to make it as easy as possible for them to add the product to their cart.
This little plugin is made by the WooCommerce team, and it's really useful for just about any store so let's install it and I'll show you what it does. We'll go back to our store, Plugins, Add New, storefront sticky add to cart, and this only works with the storefront theme. I'll Install and Activate it. Let's go back to that product page. Now as we scroll down, we'll see this little sticky Add to cart button. No matter where you are on the page, or how far down you've scrolled, you'll be able to add the product to your cart.
There are very few things in eCommerce that are truly set it and forget it, but this is one of those. Install this plugin and keep it up to date. I do want to make one note. When I was testing this plugin, I noticed there was an issue on mobile. It worked fine, it's just that it took up too much screen real estate, all this area up here. One of the benefits of OpenSource is that I was not only able to report the bug, but I was able to send in a patch. Within a couple days, it was pulled in by the developers and released to everyone that uses this plugin.
That is one of the huge advantages. Being able to notice a problem and fix it yourself, or pay someone else to fix it. You don't have to wait a year for some other developer to get around to something, you just take care of it yourself. One of the things I noticed on the product page is that there aren't any social sharing buttons and I'd like for our users to be able to share things. Let's go ahead and install one of those plugins. Storefront Product Sharing adds some simple sharing options. Let's look at some of the screenshots. It adds Twitter, Facebook, and Pinterest.
Let's go ahead and install this plugin. Storefront Product Sharing. Install and Activate. Again, this is one of those plugins that just works so let's just go to the product page and see what it says. There we are. The page has the buttons. There's no configuration, no authenticating with other services, just simple buttons. There are other options for sharing buttons. If you want to look at a more configurable system where you're able to choose different services, I set up something similar with the Jetpack Sharing Module in WordPress customizing WooCommerce's themes course.
But for now, for this simple site, I'm very happy with these options.
- Why WooCommerce?
- Installing WooCommerce
- Setting up your store
- Adding products, including images and data
- Creating a subscription product
- Setting up shipping
- Configuring payment options
- Setting up taxes
- Customizing your theme
- Connecting Google Analytics and MailChimp
- Managing orders and reports