WordPress Archives - eCommerce Thesis

Category: WordPress

Add Whatsapp Click to Chat button on WordPress without Plugin

WhatsApp is a fast, simple, secure messaging and calling app available on phones all over the world. In this tutorial, I am going to show you How to add Whatsapp Click to Chat button on WordPress Website without a Plugin.

<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">
    </a>
</div>
.whatsapp {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    margin: 15px;
}

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;
	text-decoration:none;
	
}
Shopify Expert
Shopify Expert