Home Forums WoodMart support forum Extra button next to “Add to Cart”

Extra button next to “Add to Cart”

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #717895

    liverangan
    Participant

    I want to show an extra button named “Chat in WhatsApp” next to “Add to Cart” and “Buy Now”. Is it possible?

    #717946

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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

    #717965

    liverangan
    Participant

    The 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.
    #717978

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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

    #718005

    liverangan
    Participant

    Button 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.

    #718051

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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

    #718137

    liverangan
    Participant

    No, it doesn’t work.

    #718215

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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

    #718324

    liverangan
    Participant

    Thank you, It is working.

    #718377

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    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.

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Extra button next to “Add to Cart”’ is closed to new replies.