Home › Forums › WoodMart support forum › Do you have a Buy it Now button in addition to add to cart?

Do you have a Buy it Now button in addition to add to cart?

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • April 18, 2025 at 9:25 am #655101

    hey3212
    Participant

    Hi,

    I have to include a buy now button similar to https://pearlaura.shop/products/pearl-auranatural-pearl-earrings-with-planetary-orbi, right below the Add to Cart button. Do you have a similar set up? How to do this?

    Attachments:
    You must be logged in to view attached files.
    April 18, 2025 at 12:26 pm #655194

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Navigate to Theme Settings > Single product > Buy now > enable the “Buy now button” and set the button redirect location: https://xtemos.com/docs-topic/buy-now-button/

    Best Regards,

    April 18, 2025 at 12:53 pm #655207

    hey3212
    Participant

    Thank you. I have added it. But how to configure this button, as currently it is smaller. I want it to be the same size as the add to cart button and also changes color when hovering. When I try to edit the page in elementor, I do not see the editor available for th Buy now button. Also, how to add a 4px radius to both buttons? Any css codes needed?

    Attachments:
    You must be logged in to view attached files.
    April 18, 2025 at 1:10 pm #655218

    hey3212
    Participant

    Also it possible for the Buy Now button to be linked with the Paypal checkout, such as here the Pay with Paypal button, https://pearlaura.shop/products/pearl-auranatural-pearl-earrings-with-planetary-orbi ?

    April 18, 2025 at 3:16 pm #655254

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. Navigate to Theme Settings > Styles and Colors > Buttons > In the Advanced button styles section, you can select the single Add to Cart button and single buy now in the dropdown and change the background color and hover color: https://ibb.co/zTRdCkcs

    Please follow this guide: https://xtemos.com/docs-topic/advanced-button-styles/

    02. Sorry to say it is not possible in theme settings to link this button “pay with paypal”.

    Best Regards,

    April 18, 2025 at 3:42 pm #655263

    hey3212
    Participant

    Sorted. Thanks. How to add 4px radius to the buttons at the corners, to be consistent with my other buttons, for example, attached.

    Attachments:
    You must be logged in to view attached files.
    April 18, 2025 at 3:45 pm #655265

    hey3212
    Participant

    And how to move the Buy Now button to a row below the Add to Cart button, similar to here https://pearlaura.shop/products/pearl-auranatural-pearl-earrings-with-planetary-orbi and here https://www.missoma.com/products/puffy-heart-mini-stud-earrings-18ct-gold-vermeil

    April 19, 2025 at 8:01 am #655335

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. You can adjust those buttons’ style via Theme Settings -> Styles and Colors -> Buttons.
    https://gyazo.com/f8247d7ade8737dd34a9bb0e9b031058

    ACCENT BUTTONS: Buttons that are directly related to the WooCommerce purchase functionality. Try to change the button style in the accent buttons settings and check the issue.

    02. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .single-product form.cart {
    flex-direction: column !important;
    align-items: stretch !important;
}

.single-product form.cart div.quantity,
.single-product form.cart .single_add_to_cart_button,
.single-product form.cart .wd-buy-now-btn {
    width: 100% !important;
    margin-bottom: 10px;
}

.single-product form.cart .wd-buy-now-btn {
    margin-bottom: 0;
}

    Best Regards,

    April 19, 2025 at 11:21 am #655359

    hey3212
    Participant

    Hi,

    The codes work great. I like them. But the options here https://gyazo.com/f8247d7ade8737dd34a9bb0e9b031058
    do not have the options of how to change the button radius. Please advise.

    April 19, 2025 at 11:23 am #655360

    hey3212
    Participant

    And as you can see, even after I have changed the option for Accent Buttons to Round to reduce the angular corners of my buttons, the buttons are unaffected and remain the same.

    April 19, 2025 at 1:12 pm #655371

    Aizaz Imtiaz Awan
    Keymaster

    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 give you a possible solution.

    Best Regards,

    April 19, 2025 at 1:24 pm #655372

    hey3212
    Participant

    Here you go

    April 19, 2025 at 2:23 pm #655379

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I am not able to log in to your site. Can you please share the login URL of your site so I can access the WP admin, check the settings, and give you the possible solution?

    Best Regards,

    April 19, 2025 at 2:27 pm #655382

    hey3212
    Participant

    I am sorry. Check the login again. I have corrected the error

    April 19, 2025 at 2:57 pm #655390

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I tried accessing the login page again, but I’m still unable to log in. When visiting /wp-admin, I’m seeing the following error: https://ibb.co/YYvG6s7

    This usually indicates that Mod_Security, a security module on your hosting server, is blocking access. You might need to contact your hosting provider to temporarily disable or adjust Mod_Security rules.

    Additionally, your site appears to be in maintenance mode, which may also be restricting access to the admin area.

    Could you please, Confirm the correct login URL again if it’s different from the standard /wp-admin

    Best Regards,

    April 19, 2025 at 3:33 pm #655393

    hey3212
    Participant

    I apologize for the inconvenience. Could you try the temporary login in the private section for the time being? I will sort this out with my host.

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)