I Want To Fix "Order On Whatsapp" Text

I Want To Fix "Order On Whatsapp" Text

Emiway
Trailblazer
263 0 50

I Had Added Order on Whatsapp to my site but its not showing perfectfly... I Had written the below code in custom liquid.. Can Anyone Fix This?

URL : https://d-r-i-p-u-p.myshopify.com/

Pass : Drapex

Screenshot 2024-07-13 185534.png

<a href="https://api.what#app.com/send?phone=+919999999999&text=Hi,
 
%20I%20want%20to%20order%20this%20product:%20{{ product.title }}
 
%20%20{{ shop.url }}
 
%2Fproducts%2F{{ product.handle }}" style="text-decoration:none;">
 
 <div style="margin-bottom:10px;
 
padding: 9px; text-align: center; background-color: #1EA651;height:
 
44px;color:white; ">
 
 <img src="https://cdn.shopify.com/s/files/1/0839/7570/0799/files/whatsapp-6273368_640.png?v=1698295583" width="25px" style="vertical-align:middle; ">
 
Order On <span style="font-weight: bold;">WhatsApp</span>
 
 </div>
 
 </a>
Reply 1 (1)

pawankumar
Shopify Partner
673 98 121

Hi @Emiway 
Please try this code

<a href="https://api.what#app.com/send?phone=+919999999999&text=Hi,
 
%20I%20want%20to%20order%20this%20product:%20{{ product.title }}
 
%20%20{{ shop.url }}
 
%2Fproducts%2F{{ product.handle }}" style="text-decoration:none;">
 
 <div style="margin-bottom:10px;
 
padding: 9px; text-align: center; background-color: #1EA651;color:white; ">
 
 <img src="https://cdn.shopify.com/s/files/1/0839/7570/0799/files/whatsapp-6273368_640.png?v=1698295583" width="25px" style="vertical-align:middle; ">
 
Order On <span style="font-weight: bold;">WhatsApp</span>
 
 </div>
 
 </a>

I hope, it will help you

Thanks!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan