Select Page

Add a logo to your WooCommerce checkout page

Increasing trust with images via Checkout

Every website needs to portray trust to increase checkout conversion. The more a potential customer trusts you, the higher the chance they will purchase.

This is especially important for your first orders. A new customer that has found you online should be able to trust you.

What trust Symbols should I use?

Use any recognised trust symbol. Certification logos, Credit Card Logos and security symbols fit the bill.

When it comes to payment logos you can consider Paypal, VISA, Mastercard, AMEX. People trust these payment providers and will trust you more when you show these symbols.

Paypal is particularly important. People trust Paypal and its return policies. A lot of people will only pay with Paypal so make sure you offer it to gain trust.

You can add these in WooCommerce via the payment gateway tool in the checkout settings.

Other trust symbols are harder to use especially when it comes to your security symbols. In the screen cast I will should you how to use custom code to add these.

What symbols are best?

This Baynard study is a great guide to which ones work best. Norton and McAfee are well trusted in security, and are the most trusted in this research.

Elegant Themes uses the Norton security symbol on their website. This is to build trust with its potential customers.

The more symbols you have, the more trust you will gain so its worth putting in the time to understand this method.

How do you add these security symbols? lets watch the screen-cast to learn how.

Watch the Video Screen-cast

You can get the snippet below that we use in the video. Use a child theme to make sure you can safely update your site and not lose your trust symbols.

Overall this is a great effect and something you should absolutely have in your list of snippets and solutions.

What other methods of trust can be used?

Client Testimonials and up to date social media are also important.

If you have good social media that is up to date, you are much more likely to get sales because people know you are active. The internet is a ghost town of websites and articles that are out of date. Make sure you are alive and active online to increase your trust.

Add your social media logos to your header. Instagram and Youtube are excellent choices as they help people know who you are.

Want more ways to build trust online?

Let me know in the comments or comment on the Youtube video.

Enjoy.

How to hide the back to top button on mobile

In this simple tweak we give you a code snippet to remove your back to top button on mobile or tablet devices.

The back to top button is a usability issue for mobile because it covers page content. One alternative is to not use a back to top button, however you will lose the advantage of having this button on desktops.

The ideal situation is to have a back to top button on desktop and to hide it on mobile.

This code will work for any page powered by the Divi Theme.

It hides the back to top button when you are on a device which has a screen size smaller than the media query value.

To learn more check out the video.

You can get the snippet via the below code snippet on gist.

You can also get the code directly on gist.

Don’t forget to get more tweaks and edits on our youtube channel or via the blog.

How to video – stop cart fragments loading on your home page

We have been talking about page speed a fair bit lately. I have actually become pretty obsessive about it.

This lead me to make a fair few simple script adjustments to improve my homepage load time.

I setup a GTMetrix monitor on the homepage of Divi Framework and found the cart fragments load was slowing down my page at random times.

Overall I thought removing it on the homepage would make sense, so I experimented and found it was an excellent choice to turn it off.

How do you turn of the Cart Fragments? Lets me show you how.

First – Open your functions.php in your child theme.

Second – Past in our code snippet to your functions.php file

Third – save it an enjoy the time savings.

You can extend this to other pages if you want to. For now I only do it on my homepage.

Remove Emoji Script from WordPress – How To Video

Did you know that you are loading a bunch of emojis on your WordPress website even if you don’t use them?

If you aren’t using these fun symbols you need to remove the emoji script from WordPress.

When you turn off the emoji script it will make your page load faster with no loss of functionality for 90% of WordPress websites.

The fact is most people never use the emoji features on WordPress.

At Divi Framework we certainly don’t so I decided to remove emoji script and thought I would do a very quick video tutorial on how to make that happen.

Please note that since I created this tutorial I found I no longer need this script. I am using WP Rocket on my site and it has this feature added in by default so I removed the snippet.

First – Copy the snippet from our GIST

Second – Paste the snippet in your functions.php file for your child theme.

If you don’t have a child theme you should really think about creating one. It will help you maintain your WordPress website and means you can update parent themes with a lower risk of losing your updates or custom edits. In this case you can add this to your functions file for your parent theme but when you update your theme you will lose this change and have to re-implement it.

Three – Enjoy a faster webpage and faster load times.

This is a really simple way to make your site load faster and in a world where every millisecond counts its a quick win for any WordPress website.

 

Fixing WooCommerce Buttons in Divi

WooCommerce button style issues with Divi Theme

Don’t lose sales because of not so great WooCommerce button styles on your Divi Theme. The default WooCommerce button styles on Divi Theme is average. You can end up with simple issues, like contrasting colour, when you style your button.

The WooCommerce Add To Cart button is the first thing your customer will see on a product page. Being presentable when making a sale is a must. So why be any different when it comes to your WooCommerce button styles?

Styling the button background and font is the least you should do. And it’s not that difficult.

The Fix for WooCommerce Button Styles Issue

We have created a CSS snippet for this fix. Click here to view it on GitHub.

Add the above snippet to your child theme’s stylesheet file.

Also, don’t forget to watch the video above.

Alternatively, you can use our FREE plugin

Introducing WooCommerce Colours For Divi

The WooCommerce Colours For Divi, a FREE plugin from diviframework.com, helps you fix the button styles. You can set button font size, font colour, background, border radius and more.

You can also set styles for alert messages and on sale badge.

By using this plugin, you get more styling options for buttons and additonal styles for alert messages and sales badge. With automatic plugin updates, you will automatically receive new functionality and fixes.

WooCommerce Colours For Divi Plugin Image Overview

WooCommerce Colours For Divi

This plugin is FREE. To download this plugin, you need to register as a FREE Member at https://www.diviframework.com/membership/free-membership/. This enables you to receive future plugin updates automatically.

Making links add product to your WooCommerce Cart

If you are like me, you want to make as few steps as possible to get to the checkout page of your website.

The less steps, the higher the conversion.

In this quick Tweak of the Week i show you how to make an add to cart link for any button on your website.

Its a great technique and works flawlessly. In this example I add the link for a Divi Button but this does work in any place on your site including the menu.

Enjoy

 

 

Divi Framework - build anything with Divi to create your online business.

30 day money back guarantee

Safe & Secure online payment

Support team & documentation