Impulse theme. Add a "Order on Whatsapp" button using Custom HTML not working

Shopify Discussion

Topic summary

A Shopify store owner using the Impulse theme attempted to add a “Order on WhatsApp” button below the “Add to Cart” button on product pages using custom HTML. The initial implementation failed because the button was not clickable.

Issue identified:

  • Custom HTML code had syntax errors (malformed anchor tag with misplaced style attribute)
  • Button element wrapping an anchor tag caused clickability problems

Solution provided:

  • User @Guleria suggested simplified markup using a direct anchor tag styled as a button
  • Alternative solution from @theycallmemakka involved adding code to theme.liquid file above the </body> tag

Resolution:

  • The issue was resolved using Guleria’s simpler button code approach
  • User confirmed the solution worked and only needed the button on product pages, not site-wide
Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I am using impulse theme and on the product page, I want a button below “add to cart” that would say “Order on Whatsapp”. On click of the button, I want the user to be directed to whatsapp for a chat with our team. I have added a custom HTML section in the product page which is not working. Can someone help me troubleshoot on what I am doing wrong in this:

Order on WhatsApp

(https://google.com will be replaced by the whatsapp link later).

The issue is that button is not clickable at all right now. I have uploaded a screenshot of expected look on https://cdn.shopify.com/s/files/1/0122/5506/8260/files/29i.png?v=1704938539

Looking forward to some help.

Thanks,

Priyanka

1 Like
2

Try this

[Order on WhatsApp](https://google.com)

or this one
1 Like
3

Hi @itspriyanka ,

Please add below codes at the end of theme.liquid just above

Note: Replace ##YOUR CONTACT NUMBER HERE## with your contact number.

{% if product %}

{% endif %}
4

Thank you @Guleria . This worked!

5

@theycallmemakka I am looking for a button only on the product page. I managed to do it with @Guleria 's code. Thanks for trying.