WordPress Archives - eCommerce Thesis

Category: WordPress

Add Whatsapp Click to Chat button on WordPress without Plugin

35% of the Web Uses WordPress. According to information compiled by W3techs, WordPress enjoys 61.8% market share. The second most popular CMS is Joomla, with 4.7% it is far far behind.

WhatsApp is a fast, simple, secure messaging and calling app available on phones all over the world. In 2014, WhatsApp was acquired by Facebook for $19 billion and is one of the most popular apps in the world today. There are currently more than 2 billion WhatsApp users around the globe and rising (WhatsApp, 2020).

What are the benefits of online chat?

  1. Optimize conversions
  2. Reduce service costs and boost efficiency
  3. Prevent cart abandonment
  4. Increase customer satisfaction
  5. Collect customer data
  6. Gain a competitive advantage
  7. Makes your business approachable

In this tutorial, I am going to show you How to add Whatsapp Click to Chat button on WordPress Website without a Plugin. Take this easily, Because I have included easy video guidelines and shared code below of this video. So you don’t have to write any code or hire any developer.

<div class="whatsapp">
    <a href="https://wa.me/01991505652">
        <img src="https://www.ecommercethesis.com/wp-content/uploads/2021/07/whatsapp-icon.png" alt="Click to Chat">
.whatsapp {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    margin: 15px;

Thank you for watching this video and come to my website. If you need any support relevant to web design/development. Contact me at here

Add Button in WordPress Header Menu without Plugin

Adding a button in the header navigation menu lets you create a more noticeable call to action. It can get more clicks to your most important pages and create a better user experience by helping your visitors take action.

In this video, I will show you how to easily add a button to your WordPress header menu.

.menu-button {
    background-color: #eb5e28;
    border: 1px;
    border-radius: 3px;
    padding: 10px 15px;
    margin: 0px 20px!important;
	transition:all 0.2s;

.menu-button:hover {
    margin-top: -2px;
    margin-left: 0px;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.25);

.menu-button a,  .menu-button a:hover, .menu-button a:active { 
color:#fff !important;
Shopify Expert
Shopify Expert

How To Upload WebP Files on WordPress

WebP is a modern image format employing both lossy and lossless compression. WebP helps webmasters and web developers to create smaller, richer images that make the web faster.

It makes the website SEO friendly. As a professional eCommerce web developer. I always use WebP formate image in my client’s web design project and always recommended to my follow or beginners use this format.

But there is an issue when you will try to upload in your website that builds with WordPress

If you’ve tried to upload a Webp file to your media library and received the “Sorry, this file type is not permitted for security reasons” error, you may feel stumped as to how to proceed. Below I will explain how to solve the problem.

//** *Enable upload for webp image files.*/
function webp_upload_mimes($existing_mimes) {
    $existing_mimes['webp'] = 'image/webp';
    return $existing_mimes;
add_filter('mime_types', 'webp_upload_mimes');

//** * Enable preview / thumbnail for webp image files.*/
function webp_is_displayable($result, $path) {
    if ($result === false) {
        $displayable_image_types = array( IMAGETYPE_WEBP );
        $info = @getimagesize( $path );

        if (empty($info)) {
            $result = false;
        } elseif (!in_array($info[2], $displayable_image_types)) {
            $result = false;
        } else {
            $result = true;

    return $result;
add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);

If you need any support relavent WordPress then you can hire me at Fiverr

Some of my services include:

Website Setup
Demo Theme Setup
Plugins Setup
Theme Customization
Page Post Create
Update Pages
Fix Responsive Issues.
Speed Optimisation
Design Optimisation
SEO Optimisation
Backups and Migration
WordPress Errors Fixing
Fixing Error Establishing Database Connection
Plugin Issues Fixing
Fixing Theme Issues
Website Security
SSL Certificate Add with Green Padlock
Live Chat Messenger Integrate
Full eCommerce site using WooCommerce

I will provide you Professional Support as your requirements. I’m super organized, seeking a happy customer, and will be delighted to work for you, and hopefully, in no time I will fix, edit, customize your website 🙂