Home / Forums / WoodMart support forum / Extra button next to “Add to Cart”
Home › Forums › WoodMart support forum › Extra button next to “Add to Cart”
Extra button next to “Add to Cart”
- This topic has 9 replies, 2 voices, and was last updated 1 month, 3 weeks ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
May 7, 2026 at 6:32 pm #717895
liveranganParticipantI want to show an extra button named “Chat in WhatsApp” next to “Add to Cart” and “Buy Now”. Is it possible?
May 8, 2026 at 2:01 pm #717946Hello,
If you want to add a custom “Chat on WhatsApp” button, you can do it in two ways:
Create an HTML Block and add your custom WhatsApp button there, Then go to:
Theme Settings > Single Product > Add to Cart and set your HTML block after the “Add to Cart” button.Please read and follow the instructions here:
https://xtemos.com/docs-topic/html-blocks-usage/If you want a fully dynamic WhatsApp button, you can use a third-party plugin that automatically adds the button on product pages.
Best Regards
May 8, 2026 at 8:40 pm #717965
liveranganParticipantThe custom button is appearing at the bottom of ADD TO CART button. But I want to show it beside the BUY NOW button.
Attachments:
You must be logged in to view attached files.May 9, 2026 at 9:25 am #717978Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards
May 9, 2026 at 9:03 pm #718005
liveranganParticipantButton serial should be: ADD TO CART, BUY NOW, CHAT ON WHATSAPP
Please, ensure the responsiveness on the mobile device also.
Note: I have no problem with keeping the WHATSAPP button in the current position on mobile devices. However, I would like the desktop version to have three buttons in a same line.May 11, 2026 at 8:40 am #718051Hello,
Please try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for desktop.
.single-product .summary form.cart { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 10px; } .single-product .wd-after-add-to-cart { display: inline-flex; margin-top: 17px !important; margin-left: 10px; vertical-align: middle; }Best Regards
May 11, 2026 at 3:26 pm #718137
liveranganParticipantNo, it doesn’t work.
May 12, 2026 at 9:07 am #718215Hello,
This css code is working fine on your site. I have added this code in Theme Settings > Custom CSS > Custom Css for desktop and it is working fine.
See Screenshot for clarification: https://postimg.cc/fk9vBYVZ
Please check back your site and check the issue after completely clearing the browser cache.
Best Regards
May 13, 2026 at 8:27 am #718324
liveranganParticipantThank you, It is working.
May 13, 2026 at 2:08 pm #718377Hello,
You’re Most Welcome!
Feel free to write back anytime. If you need further assistance, we are always here to help you.
If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k
Thanks for contacting us.
Have a great day.Topic Closed.
Best Regards. -
AuthorPosts
The topic ‘Extra button next to “Add to Cart”’ is closed to new replies.
- You must be logged in to create new topics. Login / Register