How to Change Product Zoom Size in Woocommerce Easily!

Hello everyone,

Today I like to share a very and easy, quick trick I have been using to improve UX on a WordPress Woocommerce website.

As a user of og Woocommerce you might have noticed, that on certain websites, that the zoom is too strong on the products and it makes the preview blurry and hard to view for customers.

It is specifically true for small items.
What a shame when you are uploading good-quality pictures which end up being ruined by this.

Fear no more my developer lords, the solution to your issues is coming to the door right next to you soon!

Just use a simple code you can apply in your WordPress’s themes function.php or with a mu-plugins which you create and it easy too! (I have a mu-plugin for almost everything. I love mu-pluigns because they do not bog down the server as much as plugins do.)

I’ve added an example of a MU-plugin below:

So now that you you created the MU-plugin add it to your wp-content/MU-plugins folder (if not there create it), and just save it. it is instantly activated so you do not need to manually active it.

Now add this code to fix the Woocommence UI zoom issue so you get beautiful eye-candy product images presented to your customers!

Now after the code has been applied you can test your way around with the 0.7 value and find what fits your products and your personal preference.

Hope this helps!

How to Insert Google Ads Conversion Tracking to Woocommerce.

Hello everyone,

Quick ‘How to’ today for something very important that should be done by every site owner who also uses Google Ads.

I was a bit surprised recently to see that there is no ‘click and connect’ solution made by Google Ads for Woocommerce as I was looking for a simple way to explain to a client. This seems very odd.

A little reminder : conversion tracking allows you to track every time a user buys something from your shop and understand his behavior.
It will help understand what drove him here and how much this cost you in advertising.
This is crucial to calculate your ROI (Return On Investment), basically, what this sale cost you.

You will also be able to use the smart bidding functionality offered by Google that will automatically improve your conversion rates and cost.

This then helps you optimize your campaigns and create more campaigns with the right information.

I have seen several site owners spending a lot of money on Google Ads without having this on their website, most of the time this means throwing money by the window !
Another quick tip related to Google merchant center : make sure you only advertise products in stock !! This is a major issue too less considered, you cannot convert if you cannot sell the product !

Back at it now. Here is the process for tracking conversion with Woocommerce.

1. Get your code from Google

To do that you need to go to your Google Ads account, in the top menu bar, click on tools, then on conversion.
You will then get the list of your conversions. If you have not created one yet you will have to create a conversion, you can call it “woocommerce sale” for example.

Next, you will have to click on this conversion and go to the step “Configuring tags”, and then select “configuring yourself”.

On the new page, you have to go to the bottom to “Event snippet” and you will see the code you need to insert to your Woocommerce. Copy this code

You should have something like this :

2. Go to your Woocommerce ‘Thank you’ page

To do that you have to go, with your FTP, to the following folder :
wp-content/plugins/woocommerce/templates/checkout
And open the page ‘thankyou.php’

3. Insert the code

At the end of this file, you can paste your code like this

You can save now and visit your site to make sure nothing is broken and you did this step correctly. If you get a PHP error just remove the code and check that you did everything right.

4. Change the default conversion value

By default, Google put a static value for your conversion code. In my example, the value is set at 10€, which means that every conversion will come back to Google with a 10€ total order price.
We do not want that since the goal is to calculate the ROI. So we will need to add the dynamic Woocommerce order price.
I order to do that we will need to use $order->get_total()

Here is your final code:

5. Verify that your code is working well.

You can create a test virtual product at 0€ and make an order as a guest.
On the ‘Thank you’ page you can check the page code source and see if the value is correctly showing.
You can also save the URL of this order ‘Thank you’ page and use it to verify the conversion from Google.
To do that you have to go into the conversion list, and click ‘verify’ or ‘debug’ depending on your conversion status.

I hope this helps