Shoptimizer Theme Visual Hook Guide

Here’s a visual hook guide for Shoptimizer Theme by CommerceGurus, a WooCommerce theme specifically developed with speed, performance, sales conversion and UX in mind.

This visual guide belongs to my “Visual Hook Guide Series“, that I’ve put together so that you can find WooCommerce hooks quickly and easily by seeing their actual locations. Also, you can copy & paste in seconds and speed up your customization time.

Let me know in the comments what you think about this resource! Enjoy!

Continue reading Shoptimizer Theme Visual Hook Guide

WooCommerce Visual Hook Guide: Emails

WooCommerce Customizers: the Visual Hook Guide is back 🙂

Here’s a visual HTML hook guide for the WooCommerce Emails. This visual guide belongs to my “Visual Hook Guide Series“, that I’ve put together so that you can find WooCommerce hooks quickly and easily by seeing their actual locations.

Let me know in the comments if this resource it’s helpful and how! Enjoy 🙂

Continue reading WooCommerce Visual Hook Guide: Emails

Storefront Theme Visual Hook Guide

Here’s a visual hook guide for Storefront Theme by WooCommerce.

This visual guide belongs to my “Visual Hook Guide Series“, that I’ve put together so that you can find WooCommerce hooks quickly and easily by seeing their actual locations. Also, you can copy & paste in seconds and speed up your customization time.

Let me know in the comments what you think about this resource! Enjoy!

Continue reading Storefront Theme Visual Hook Guide

WooCommerce Visual Hook Guide: Archive / Shop / Cat Pages

I’ve created a visual HTML hook guide for the WooCommerce Archive Page (which is the same page for the Shop, Category, Tag pages). This visual guide belongs to my “Visual Hook Guide Series“, that I’ve put together so that you can find WooCommerce hooks quickly and easily by seeing their actual locations (and you can also copy/paste). If you like this guide and it is helpful to you, let me know in the comments!

Thanks to this WooCommerce Archive Visual Hooks Guide, you can now go to your template’s functions.php file and use “add_action(‘place-hook-here’,’your-PHP-function-here’);” – you can then place your custom functions exactly where you like them to be. Enjoy!

Continue reading WooCommerce Visual Hook Guide: Archive / Shop / Cat Pages

WooCommerce Visual Hook Guide: Single Product Page

Here’s a visual HTML hook guide for the WooCommerce Single Product Page. This is part of my “Visual Hook Guide Series“, through which you can find WooCommerce hooks quickly and easily by seeing their actual locations (and you can copy/paste). If you like this guide and it’s helpful to you, let me know in the comments!

Now that you know the Single Product Page hooks, all you need to do in your functions.php is “add_action(‘place-hook-here’,’your-PHP-function-here’);” and you can place your custom functions exactly where you like them to show! Need a video tutorial? Watch it now → Continue reading WooCommerce Visual Hook Guide: Single Product Page

WooCommerce Visual Hook Guide: Cart Page

I’ve put together a visual (yet, you can copy/paste!) hook guide for the WooCommerce Cart Page. If you like this and it is helpful to you, let me know in the comments and I’ll create another one for the checkout, single product page and my account page.

You can find WooCommerce Cart hooks quickly and easily by seeing their actual locations. Great thing is – all you need to do in your functions.php is “add_action(‘place-hook-here’,’your-PHP-function-here’);” and you can place your custom functions anywhere on the WooCommerce Cart Page. Enjoy!

Continue reading WooCommerce Visual Hook Guide: Cart Page

WooCommerce: Add Upsell Area @ Checkout Page

If you want to increase your AOV (Average Order Value), you can definitely start from the WooCommerce Checkout page.

A client asked me to place a “Donation Area” close to the “Place Order” button (so at the bottom of the page, once customers are ready to pay) to drive more awareness around this add-on. All I had to do was creating hidden products with a donation value, use my own “Custom Add to Cart URL” guide to create add to cart links and print an HTML box right above the checkout button by using my WooCommerce Visual Hook Guide for the Checkout Page. Enjoy!

Continue reading WooCommerce: Add Upsell Area @ Checkout Page

WooCommerce: Display “NEW” Badge on Recent Products

We already have a nice “SALE” badge by default with WooCommerce (as well as the “OUT OF STOCK”) one. These show on the shop page once certain conditions are met.

Now, what if we wanted to show a “NEW” badge for products added in the last 30 days? This would certainly grab the customer attention, and also communicate the fact your shop is constantly updating with new products and content (well, good for Google too, right?).

So, how do they do it? (Sounds like one of those Discovery Channel shows…)

Well, here’s a simple snippet for you; simply copy/paste into your functions.php and magically a “NEW” badge will show (note: CSS is not provided, you’ll need to adjust it based on your current theme and custom styles). Continue reading WooCommerce: Display “NEW” Badge on Recent Products

27 WooCommerce SEO Tips (For Non-Techies)

I had the pleasure to speak at WordCamp Milano 2018, and I had a blast! I believe the topic was pretty interesting, so you all deserve a long post recap with actionable tips and screenshots to understand basic WooCommerce SEO (video of the presentation will be available soon).

The following WooCommerce Search Engine Optimization tips are mostly non technical, and are aimed at WordPress and WooCommerce users who never heard of “schema”, “long tail”, “301” and “hreflang” (although if you did, please have a read anyway, make sure to post a comment and contribute to this post with your expertise).

The thing is – SEO is never going to die. Besides, Google & co. constantly improve their website ranking algorithms. This means what you learned 5 years ago in regard to SEO might not work today, and what you learn today might not work in 2 years time… you get the point.

In this blog post, we will analyze and study 27 evergreen SEO factors for WooCommerce websites. These should be applied (or not applied, as there are many “not to do” tips as well) to your ecommerce website at all costs if you believe you deserve better ranking (who doesn’t?). And as they’re evergreen, they’re likely not to go away for a few years at least 🙂

So, let’s get started!

Continue reading 27 WooCommerce SEO Tips (For Non-Techies)

WooCommerce: How to Display Custom Product Badges (e.g. %OFF, NEW, FREE)?

You would know by now ecommerce customers buy products for different reasons. Your store products might be cheaper than your competitors, maybe you offer better shipping rates, possibly you restock products more quickly than anyone else – or simply you’ve got a great product people keep buying.

One way to display your product features and benefits on the Shop page is by using “product badges”, a series of display messages that are able to communicate with the user immediately.

You’re probably already familiar with the “SALE!” badge that WooCommerce gives us by default. What if you wanted to show the exact percentage amount of that offer?

You’re also aware of the “Featured” option for WooCommerce products. Yes, they show in the “Featured” product shortcode, but what if you wanted the shop to display these special products in a different way, i.e. by using a special badge?

Well, there are millions of examples on how you could improve your products page (and single product page) by making the most of product badges. Thankfully there are snippets and plugins that can help you with that.

A little investment might mean better click-through rates and therefore higher conversion rates!

Continue reading WooCommerce: How to Display Custom Product Badges (e.g. %OFF, NEW, FREE)?

WooCommerce: Add Content Under “Place Order” Button @ Checkout

Adding content to the WooCommerce Checkout page is very easy.

All you need is to identify the position where you want to show your content (by using my WooCommerce Checkout Visual Hook Guide) and then create a short PHP function that prints on screen the content you need.

In this example, we will see how to add some content below the “Place Order” button on the WooCommerce Checkout page. This could be very helpful, for example, to print your GDPR-compliant Privacy Policy message and make sure the user is aware about the use of personal data. Continue reading WooCommerce: Add Content Under “Place Order” Button @ Checkout

How to Sell ANYTHING with WordPress + WooCommerce: WP Dublin 2018 Slides

I had the pleasure to speak at the Dublin WordPress Meetup in March 2018. The presentation title was “How to Sell A-N-Y-T-H-I-N-G with WordPress + WooCommerce”, aimed at both beginners and more advanced designers.

Some of those who are only starting with WordPress didn’t know you can transform ANY WordPress install into an Ecommerce website in a matter of minutes.

Those who are pretty familiar with it, on the other end, they’re maybe entrepreneurs who want to set up a Marketplace, a Membership site, a Classified Ads platform or implement some of those Ecommerce features only Amazon and Ebay seem to be able to code with their million dollar budgets. Continue reading How to Sell ANYTHING with WordPress + WooCommerce: WP Dublin 2018 Slides

How To Become an Advanced WooCommerce Developer?

Well, get ready for a 2,700+ words article: becoming a WooCommerce expert won’t take you just a couple of days.

A few months won’t be enough either.

If you want to join that very small group of advanced freelancers and agencies that exclusively work with WooCommerce clients and charge top dollar, if you want to become a WooCommerce authority and build a successful career, if you want clients to come to you as opposed to you chasing them, well – you need to digest and assimilate what I’m about to tell you.

In this (long) article I will help you understand what is advanced WooCommerce, and then break this down into 5 simple steps.

Five makes-a-lot-of-sense steps you should follow in order to complete your journey.

So, want to become a WooCommerce ninja? A WooCommerce wrangler? A WooCommerce guru?

Well, despite I dislike all those ninja-like “terms”, let me tell you a thing or two. Then, join me in the comments and let’s keep the conversation going. Continue reading How To Become an Advanced WooCommerce Developer?

WooCommerce Customization Masterclass: WordCamp Dublin 2017 Slides & Video

I had the pleasure to co-organise the very first WordCamp Dublin this year. We welcomed 26 amazing speakers, 250 attendees, incredible sponsors and enjoyed a great venue and tasty food.

Just because organising, MCing, managing speakers and writing website content were not enough, I also decided to run a 45mins workshop titled “WooCommerce Customization Masterclass” and I have to say I received great feedback despite the lack of voice, sleep and energy (thank you)!

I spoke briefly about WooCommerce customization, my WooCommerce visual hook guides, the difference between snippets and plugins and finally demoed a few snippets to add, remove and move WooCommerce content to/from the Single Product Page.

Continue reading WooCommerce Customization Masterclass: WordCamp Dublin 2017 Slides & Video

WooCommerce: Disable Tracking if Order Failed @ Thank You Page

The “woocommerce_thankyouhook fires on the Thank You page once an order is placed. Most tracking functions like Google Analytics, affiliate commission plugins and other WooCommerce extensions rely on “woocommerce_thankyou” to run their code.

Problem is – “woocommerce_thankyou” is ALSO called if an order fails (i.e. payment did not go through). Now, unless the plugin is smart enough in its own functions to exclude failed orders, which doesn’t happen often I’m afraid, we need to find a way NOT to run “woocommerce_thankyou” if an order fails. Case study: a client uses a third party affiliate plugin, this plugin hooks into “woocommerce_thankyou“, but they don’t want to calculate conversions when an order fails.

So here you go! Continue reading WooCommerce: Disable Tracking if Order Failed @ Thank You Page