Skip to main content

JS: Integrate WhatsApp Chat on your website








Want to know how can you easily integrate WhatsApp chat on your website just follow the steps below and I am sure you will find this pretty easy. There is no rocket science to crack it you just need basic code knowledge only.

 Step 1: Just paste the following code before body tag on your website and replace the dummy number with your actual number and place any whatsapp icon

<a href="https://wa.me/yourmobilenu?text=Hey%21%20%20" class="whatsapp-chat" target="_blank"><img src="img/whatsapp.png"></a>

Step2: Paste the following code in your style CSS

.whatsapp-chat {
    position: fixed;
    left: 25px;
    bottom: 24px;
    z-index:9;
}

Now Cheers !😊
Labels:

Comments

Post a Comment

Popular posts from this blog

WP: 8. Dynamically show post taxonomies and their data in tab format [Solved]

    Today I ran into a problem, I need to dynamically show post taxonomies and their data in tab format and found this solution. And nonetheless, It's better to fix the thing with some bunch of code rather than uploading one more bulky plugin on your website that will end up making your site heavy. Just follow the steps below and avoid heading up into any malicious or bulky plugin for this particular problem from now on forever. Step 1: Get the taxonomies terms first <?php     $terms = get_terms( array(       'taxonomy' => 'off_plan_categories',       'hide_empty' => true,     ) );     // echo '<pre>';     // print_r($terms);     // die; ?> Step 2:  Execute loop first for tab navigation <nav id="offPlanPropertyTabs" class="offplan-property-type-tabs nav nav-tabs"> <?php foreach($terms as $key => $term): ?>   <button class="nav-item nav-link <?php...
1 comment
Read more

JS: Cheatsheet

   Datatypes Difference Between Var, Let and Const Functions and its types Asynchronous operations in JS
3 comments
Read more

Py: 14. Python GUI

Python provides the standard library Tkinter for creating the graphical user interface for desktop-based applications. Developing desktop-based applications with python Tkinter is not a complex task. An empty Tkinter top-level window can be created by using the following steps. Exercises:-  Write a py program to create a window with a simple message. Write a py program to demonstrate Grid. Write a py program to generate a button. Write a py program to take user input in GUI format. Write a py program to perform arithmetic operation in GUI format.
Post a Comment
Read more