WooWeekly #376: Quick Edit, Blocks, Image Flip

Hello there,

Welcome back to WooWeekly, your weekly appointment with WooCommerce tutorials, tips and updates handpicked for you so that you can learn something new!

WooWeekly is put together by myself, Rodolfo Melogli, founder at Business Bloomer, your go-to blog for WooCommerce customization tips and David Mainayar, co-founder at PeachPay, the backed-by-WooCommerce 1-click checkout solution.

On a personal note, here in Sicily all is going well. We’re getting quotes from local builders so that we can start asap with our new apartment renovation. If things go well, we’ll move in September – fingers crossed! Lorenzo is doing great, he’s starting to get up and attempting to walk so we’re both terrified 😀

Anyhow, let’s get the Woo party started… enjoy!

BUT FIRST… THANK YOU, STAGE SPONSOR!

SiteGround hosts 2,800,000+ domains and is one of the biggest independent hosting providers, recommended by WordPress.org and Woo. Their premium-value services include managed WooCommerce hosting that helps you start and manage your online store easily, and make it fast and secure. They do the work for you – with tons of automations, cutting-edge integrations and powerful tools. They help you optimize your e-shop performance, sell any product or service, accept out-of-the-box payments, configure shipping options and more.

Learn more

Want to sponsor WooWeekly to an audience of 15,000+ active readers as well as being featured on our website (dofollow) for a lifetime? Info on our sponsor slots are available at wcwkly.com/sponsors – we’re now selling slots for Feb-Apr 2022

1. Brand New WooCommerce Content

WooCommerce Snippet: Add Custom Field to “Quick Edit”

WooCommerce product custom fields are possibly the most used customization from what I’ve seen over the years on clients’ websites. Adding custom fields to the product backend is pretty straight forward (including the input fields to be used for editing their values), however there are two additional areas where you need to do more work in order to allow for custom field editing: the “Quick Edit” and the “Bulk Edit” sections (WordPress Dashboard > Products). We already saw how to allow a new custom field to appear in the Bulk Edit section, so this time we’ll talk about the Quick Edit window. So, how do we add a custom field in there (WordPress Dashboard > Products > Hover on a given product > Quick Edit)? Well, here’s a fully working snippet for you. Enjoy: https://www.businessbloomer.com/woocommerce-custom-field-quick-edit/

WooCommerce Tutorial: How to Get Started with WooCommerce Blocks – PART 1

Since WordPress 5.0, the default page/post editor has been completely redeveloped. Surely, you’ve heard about Gutenberg. Bad news is that WooCommerce joined the new editing experience much more slowly, and there are still major things to develop in order to make it Gutenberg-friendly. The compatibility progress can be tracked via the WooCommerce Blocks official plugin, because you can find their “beta” blocks in there, those they call “experimental” and that will be officially released into WooCommerce once they are approved. In this article, we’ll specifically dive deep into WooCommerce Blocks – what they are, why they’re important, how many blocks are available, and how you can use them: https://www.businessbloomer.com/woocommerce-get-started-with-blocks-1

WooCommerce Tutorial: How To Flip Product Images On Hover

Product images on your WooCommerce website play a significant role in increasing clicks and conversions. While installing WooCommerce will help you with the basic setup of your eCommerce store – with minimal image settings and a simple product gallery, you’ll need to look for better ways to boost your product images. One way to do this is through the WooCommerce image swap / flip plugins. These plugins let you add a hover effect on your product images to flip or change them. By doing this, you’ll be able to display additional variations of your products, allow customers to preview products right from the category page and keep customers in your store longer by offering them an enjoyable browsing experience. The product image swap/flip plugins for WooCommerce help stores in several other ways. But first, let’s understand their importance and get a clear picture of their functionality: https://www.businessbloomer.com/woocommerce-flip-product-images/

THANK YOU, ORCHESTRA SPONSORS!

Over 80,000+ store owners actively use Woosuite plugins for WooCommerce to enhance their user experience and increase the average order value. Some of their popular plugins include Wholesale Suite for WooCommerce, Dynamic pricing, Variation Swatches, and much more.

GoDaddy PRO WordPress Ecommerce hosting with WooCommerce gives you the freedom to sell anything, anywhere online – from physical products to digital downloads, services and subscriptions. We’ve integrated WooCommerce into our Managed WordPress platform where you can choose from over 75 premium WooCommerce extensions included in your plan for as long as you host your ecommerce store with us. That’s nearly $6,000 in free premium extensions — at no extra charge — to build a powerful, customized ecommerce store.

Convesio was built to handle large spikes in traffic, so your WooCommerce store doesn’t shut down when a crowd turns up. Convesio is not just another hosting provider. Our infrastructure was designed from the ground up for hosting high performance, scalable WordPress sites. Simple, affordable, and powerful, Convesio makes complex server setups a breeze. You can deploy a WordPress site with load balancers, a database cluster, and redundant file system in under a minute.

Want to join these sponsors and advertise in front of an audience of 15,000+ active readers for as little as $97? Read more at wcwkly.com/sponsors 

2. David’s WooCommerce Highlights

Here are a few notes written by David of PeachPay, WooWeekly co-author:

1. Critical Condition: In the wreckage of the log4j vulnerabilities, Google and IBM asked for an accounting of “critical open source projects” at a White House meeting on open source security. Notably absent at the meeting were representatives from WordPress, which was not invited. Even so, if you’re wondering, criticality simply refers to the “importance and influence of a project” (based on Github data in this case…we think). A criticality score was assigned to 200 open-source projects. WooCommerce clocked in at a score of 0.8, ranking 13th out of 200. Jetpack was not far behind at 0.78, ranking 17th; Yoast SEO at 0.75, ranking 27th; and WordPress at 0.726, ranking 42nd (?!). 
2. Tables Stakes: Custom tables for orders, products, and coupons are coming to WooCommerce later this year — a much-anticipated and perhaps overdue addition! Vedanshu Jain released the first draft of the new database structure. As WebDevStudios CEO Brad Williams put it, this is undoubtedly going to “be a massive win for performance, especially with larger stores.” 
3. On the Fence? If you’re on the fence about updating to the latest versions of Login/Signup Popup, Side Cart WooCommerce (Ajax), or Waitlist WooCommerce (Back in Stock Notifier), know that Wordfence has revealed that a vulnerability affects all three. Chloe Chamberland is urging the owners of the 84,000 sites that have these plugins installed to update to the latest versions ASAP.
4. You Shall Not Pass: In better security news, an unauthenticated cross-site scripting (XSS) vulnerability affecting the WordPress Email Template Designer has been patched.

3. Bloomer Tweets & Slacks Of The Week

Here are a few WooCommerce-related threads curated by Rodolfo of Business Bloomer, WooWeekly co-author:

1. In a tweet on Jan 23rd, I posted: “WooCommerce Product Categories admin UX: it’s ok when you have 10-20, but once you get to 30+ the admin gets really messy and it’s impossible to edit/bulk edit/quick edit/delete/manage them… solutions? Tips?” – while the question was interpreted as a “performance” issue, I actually meant the product category management is quite poor for a store admin when you start having many of them. I find it difficult to understand their nesting and the search returns non-nested categories. Agree?
2. Saeed Threes from “MC Wishlist For WooCommerce” plugin just joined Bloomer Armada as a partner! Say hi on Slack, or give his free plugin a test. Welcome, Saeed!
3. How do you “get a list of product ids based on a list of product names“? Nice thread on Bloomer Armada private slack channel: simply use https://www.businessbloomer.com/woocommerce-get-return-all-product-ids/ and then add ‘title’ => ‘Whatever’ to the get_posts array
4. A personal tweet, but it’s always good talking about non-business stuff. “Friends. Partner. Kids. Business. Sport. Sleep. Eating well. Pick 3. #Entrepreneurship” – the story of my life in a recent tweet. Right now, I think it’s kid+business+eating. Before Lorenzo, it was partner+business+sport. I bet you can’t focus on more than 3 at the same time!
5. Anyone into Shopify? “As a WooCommerce dev, I honestly never worked on Shopify websites. What’s the 1 Shopify feature you’d love to see in WooCommerce? (And for Shopify people, which WooCommerce feature would make Shopify better?)” – reply to my Tweet and let me know

4. ICYMI

WooCommerce: Hide Price If Product Out of Stock @ Frontend

Sometimes, the nature of ecommerce businesses requires some extra features. Thankfully, WooCommerce allows to customize pretty much everything based on whatever condition. Today, we’ll see how to hide prices for out of stock items, on the shop, categories, archives, loops and single product page. Think of an art gallery which sells unique art pieces, and doesn’t want to let users know for what price sold an item. Or maybe an online business that often runs discounts – why reveal at which price sold an item that is now out of stock? Of course, there are way more case scenarios – I’d be curious if you shared yours in the comment area. But for now, copy and paste the snippet and that’s it, you’re good to go. Enjoy: https://www.businessbloomer.com/woocommerce-hide-price-if-out-of-stock/

WooCommerce: How to Leverage Instagram to Get More Sales

Once you’ve got your WooCommerce store up and running, the next important step is to promote it – so you can reach your target group and maximize your sales and revenue. And Instagram is an excellent platform for businesses like you to showcase their products, different use cases, and customer reviews. That’s not it. Whether you’re planning to start an Instagram page for your store or already have one, you can increase the impact of your Instagram content – by using social media feed plugins. Allowing you to display Instagram posts on your website, these plugins take Instagram’s power to highlight your store and products to boost your sales up a notch. This article will explore five such plugins that will help you add content from Instagram to your website and use it to its full potential. But first, let’s understand what social media feed plugins do and how they can help you: https://www.businessbloomer.com/woocommerce-leverage-instagram/

WooCommerce Snippet: Remaining Stock @ Order Emails

This is a neat customization, directly requested by a WooWeekly subscriber who needed to literally show the remaining stock quantity for each ordered item to store managers, in order to have an immediate idea of low/zero stock quantities after each order. If that’s not clear, simply take a look at the screenshot. In my dev site, I ordered a product that originally had stock quantity = 1. In the “New Order” email (thanks to the snippet below), beside the order item quantity of 1, there is also a “(0 remaining)” notice that clearly displays the item’s current stock level. Cool, ha? So, let’s see how that’s coded. Enjoy: https://www.businessbloomer.com/woocommerce-remaining-stock-order-emails/

WooCommerce Tutorial: How To Sell Restaurant Food Online

The COVID-19 pandemic has made millions of restaurants around the globe shut their doors and adapt to a different and much more convenient way of doing business – accelerating the online restaurant ordering system. Several third-party services like Uber Eats and Grubhub can help you get your restaurant menu online and take online food orders. However, their downside is that they come with a huge cost – and cut 20-30% from your earnings. Plus, they also come with a lack of control and access over your listing, user-friendliness, and menu design. Enter WooCommerce restaurant plugins. While the process of setting up your own online food delivery system may seem taxing – WooCommerce restaurant plugins make it easy and affordable with their quick setup, ease of management, and high versatility and customizability. Let’s explore some of the best WooCommerce restaurant plugins to help you get 100% of your revenue straight from the customers and boost your business revenue: https://www.businessbloomer.com/woocommerce-sell-food-online/

THANK YOU, BALCONY SPONSORS!

Recapture ends your abandoned cart problem with WooCommerce with our famous 5-minute install and dead simple UI. Solo store owners and small teams can rest easy knowing they don’t have to stress over learning a complicated email marketing tool, create all their content from scratch, trying to setup their own mail delivery or worry about not getting great support when they need it. Recapture has been helping stores like yours since 2015, recovering over $186 million.