Hey everyone,
Here’s a quick DIY customization tip for anyone who wants to add a floating WhatsApp button to their Shopify store without using an app (saves money + keeps your store fast
).
Steps:
<!-- Floating WhatsApp Button -->
<a href="https://wa.me/1234567890"
style="position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
border-radius:50%;
padding:15px;
text-align:center;
font-size:24px;
z-index:1000;"
target="_blank">
</a>
---
Replace 1234567890 with your WhatsApp number (include country code, no + or -).
Optional: You can swap the “” with a WhatsApp icon image or FontAwesome icon for a more professional look.
That’s it! Lightweight, no extra apps, and super easy.
Here’s a quick DIY customization tip for anyone who wants to add a floating WhatsApp button to their Shopify store without using an app (saves money + keeps your store fast
).Steps:
- Go to your Shopify Admin → Online Store → Themes → Edit Code
- Open your theme’s theme.liquid file.
- Just before the closing </body> tag, paste this code:
<!-- Floating WhatsApp Button -->
<a href="https://wa.me/1234567890"
style="position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
border-radius:50%;
padding:15px;
text-align:center;
font-size:24px;
z-index:1000;"
target="_blank">
</a>
---
Replace 1234567890 with your WhatsApp number (include country code, no + or -).- Save and refresh your store. You’ll now see a neat floating WhatsApp button at the bottom-right corner.
Optional: You can swap the “
” with a WhatsApp icon image or FontAwesome icon for a more professional look.That’s it! Lightweight, no extra apps, and super easy.