Tag Archives: WooCommerce

5 Fool Proof Tips for your WooCommerce store’s conversion rate

Read the forums on any ecommerce platform provider (Shopify, BigCommerce, WooCommerce, etc.) and you will find post after post about poor conversion rates. Online entrepreneurs create their ecommerce stores and then are disillusioned and afraid when they realize consistent sales do not magically happen. In the same way brick-and-mortar store sales do not happen without ongoing effort, so too do ecommerce sales take plenty of hard work and creative thinking. Build it and they will come only applies to baseball diamonds; customers will not immediately flood your online store unless you optimize your business in numerous ways. If you are an ecommerce shop owner in search of dependable sales, following are five actions you can take to improve the profitability of your online business.

Image Optimization

A slow-loading ecommerce site can send potential buyers directly to your competitors. One super simple way to improve your load speed is to compress your product images. Use plugins like Imagify or EWWW Image Optimizer to reduce file size of your uploaded images and you will be astonished at how quickly your store loads on both desktop and mobile devices.

Improve your search

Improving the search function of your ecommerce store can have a significant affect on your ecommerce conversions. Too many merchants rely on the search function that comes with their store’s template instead of upgrading to better search tool like Advanced Woo Search or WooCommerce Product Search. Taking the time to improve your site’s search can impact both conversion rates and customer satisfaction rates too.

Social Media Post Keyword Optimization

While many ecommerce merchants understand the importance of optimizing their website content for search engine discovery, far too few are aware of the importance of optimizing their social media posts for search discovery. When you incorporate terms potential customers might use into your social media posts, you increase your product discovery opportunities. Anything from keyword-optimized Twitter posts (Google indexes tweets) to hashtag-optimized Instagram images can increase the number of customers who find your ecommerce store.

Loalty Program

Consider offering a loyalty program to increase your conversion rates. With thousands of global ecommerce stores at their disposal, buyers like to be rewarded for their patronage. Offer a small incentive to encourage customers to purchase from you on a frequent basis and you can see a significant increase in your annual revenues. Reward customers for shopping with you and they are likely to return (and maybe even tell their friends about your shop).

WooCommerce Related Products

In the same way bloggers showcase related posts on their websites, ecommerce merchants can also highlight related items. When a customer adds an item to their shopping cart, spotlight similar items other shoppers have purchased. This is a great way to move some of your slow sellers and increase your average order size at the same time. WooCommerce already has this build in feature called “linked items” right on the product edit page.

 

Small adjustments on an ongoing basis can greatly influence whether your ecommerce store succeeds or slowly dies. It will take consistent effort on your part, but it is possible to take a slow-selling store and turn it into a thriving online business. Just because your sales start off slow, that does not mean you are destined to struggle to increase your revenues. With attention to detail and a willingness to double-down on conversion rate optimization, you too can be the proud owner of a profitable ecommerce store.

 

WooCommerce redirect loop when cart and checkout on the same page

I just launched a website with a single page checkout process which works fine if there’s at least one product in the cart.

The problem is if cart an checkout is on the same page and a user tries to access this page without any products in his cart, woocommerce redirects to the cart again and again.

To solve this problem I found this solution:
https://wordpress.org/support/topic/cart-checkout-on-same-page-redirect-loop-problem/

But when an order is finished the cart is empty again so this script redirects again to the home page instead of the order confirmation page.

I improved the script and want to share it with you:

 

Enable Email customization for WooCommerce Shop Managers

WP-HTML-Mail adds a new options-page in your WordPress backend to customize all your email settings and create a nice template.

Options pages only accessible by administrators but you can move these setting to make them available to Shop Managers as well.

Just paste the script below to your themes functions.php to get a new main menu entry “Email template”

 

A quick way to add customers phone number to WooCommerce emails

WooCommerce email notifications contain a single block called “billing data” by default. If you want to add some additional fields e.g. a phone number you can either learn hooks and filters or if you use WP HTML Mail WooCommerce you can follow this easy steps:

Add custom billing fields to WooCommerce in 3 simple steps

1. Change the Template Edit Mode

If you haven’t already done switch your template edit mode to “Customize each email individually”

set-individual-mode

2. Open the your WooCommerce email for editing

Click on the edit icon next to one of your emails to open the MailBuilder

Email_‹_My_Demo_Store_—_WordPress

edit-email-template

3. Replace the Billing Address and Shipping Address

Click the content area containing the billing address and delete the placeholder [BILLING_ADDRESS].

Then add each of the fields you want to show individually from the placeholders menu.

add-phone-number

A simple way to add related products to your WooCommerce customer emails

Cross selling is an important feature in every professional WooCommerce store. Just add some related products to your items to increase your sales.

With WP HTML Mail WooCommerce 2.0 I added the MailBuilder feature to  customize the content of all store emails.

Each notification message consists of multiple content elements now. One of these new content element is the “Related Products” element.add-content

There’s a button at the end of the MailBuilder to add new blocks of content.

  • Click this button
  • Choose “Related Products
  • Select a data source for the related products (either cross selling products from product setting or just newest item or a few random products)
  • and customize the columns as you already did with your products table.

related-products

Disable WP-HTML-Mail template for specific emails

WP HTML Mail is a free WordPress plugin to customize all your outgoing emails. In most cases the plugin just wraps a container around existing emails and applies some nice styling.

For some plugins like WooCommerce and Easy Digital Downloads it offers advanced styling features.

But many other plugins already use their own template system. WP HTML Mail can’t detect these other templates, but it has a filter to manually disable the template for some emails.

Just add one of the functions below to your themes functions.php

Disable Email Template by subject keyword

Disable Template if message contains a specific string

You can change the functions to use receiver, attachment or anything else to detect your email.

Customize WordPress Editor for WooCommerce Products

For a very clean shop design I want to reduce available formatting options for WooCommerce products.

The “tiny_mce_before_init” filter

WordPress has another simple filter to customize the TinyMCE tollbar. To change the toobar according tot the current post type we can access the global $post  object.

Just add the following function to your themes functions.php.

All available TinyMCE buttons in WordPress

  • italic
  • underline
  • strikethrough
  • justifyleft
  • justifycenter
  • justifyright
  • justifyfull
  • bullist
  • numlist
  • outdent
  • indent
  • paste
  • unlink
  • image
  • cleanup
  • removeformat
  • formatselect
  • fontselect
  • fontsizeselect
  • styleselect
  • forecolor
  • backcolor
  • forecolorpicker
  • backcolorpicker
  • charmap
  • visualaid
  • anchor
  • newdocument
  • blockquote
  • separator

Customizing WooCommerce Email Content

To customize the look and feel of WooCommerce mails you can use the WP HTML mail WooCommerce Extension. Without writing a single line of code you can customize colors, fonts, images …

UPDATE: WP HTML Mail for WooCommerce can customize all of your WooCommerce email text, images and product table and add even more content.

If you want to change the content, for example the text you can still override the template files.

Create WooCommerce template folder

Create a folder inside your theme or child theme your-theme/woocommerce/emails/ .

Copy WooCommerce email templates

Normally you’d copy files from the woocommerce plugin template folder, but if you use the WP HTML mail plugin you should copy the templates from plugins-folder/wp-html-mail-woocommerce/views/woocommerce/template .

I removed some inline styles from the original templates to make them more customizable.

WooCommerce show only lowest shipping rate

woocommerce shippingIf you create rules for WooCommerce shipping costs, you’ll often end up with situations where customers can choose either paying $5.00 or $10.00 for shipping.

You can still hope some clients will choose to pay the higher rate, but in most situation the choice is useless.

There’s a code snippet available at WooCommerce documentation to hide other shipping options when free shipping is available.

Filter woocommerce_package_rates

I want to hide other options if a cheaper rate is available.

Add the following code to your themes functions.php: