Home Forums WoodMart support forum Express Checkout Buttons

Express Checkout Buttons

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #714782

    rouvenberz.de
    Participant

    Hi Xtemos Support Team,

    I am building my Single Product and Checkout pages using the Woodmart Layout Builder and Elementor.

    Currently, all Express Checkout buttons (PayPal Smart Buttons, Apple Pay, and Google Pay) are completely missing/not rendering on my custom layouts. I would like to have all of these express options available for my customers on the product page and at the top of the checkout.

    Here is what I have already tested to rule out basic errors:

    Theme Test: I checked the live preview using the standard “Hello Elementor” theme, and at least the PayPal express buttons showed up immediately. This confirms that my payment plugins are configured correctly and the issue is isolated to the Woodmart custom layout.

    AJAX: I turned OFF “AJAX Add to cart” in the Woodmart Theme Settings for single products. -> Did not help.

    Cache: I completely disabled LiteSpeed Cache to prevent JS blocking. -> Did not help.

    Hooks: I added the Elementor Hook Widget with woocommerce_after_add_to_cart_form and woocommerce_before_checkout_form. -> Did not help.

    Shortcode: I tried adding the PayPal shortcode [ppcp_smart_button] manually via the Elementor Widget AND via the Woodmart “After ‘Add to cart button'” text field. -> Did not help.

    It seems the Woodmart custom layout completely blocks the external payment scripts (PayPal, Apple Pay, Google Pay) from loading or hooking into the forms.

    Can you please help me?

    Thank you in advance!

    Attachments:
    You must be logged in to view attached files.
    #714794

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please check how it works with the default WordPress theme and Woocommerce Storefront theme just to check whether the issue is with our theme or not. Also, please check the site with our theme but only with the theme default plugins activate, and deactivate all the 3rd party plugins from the site.

    If it works fine with the default WordPress theme then provide the admin panel login details of the website to check it myself and help you out accordingly.

    Best Regards

    #714817

    rouvenberz.de
    Participant

    Hello,

    thank you for your reply.

    I have created a temporary admin account for you so you can investigate the issue directly.

    The issue occurs specifically when using the Woodmart Layout Builder for the single product and checkout pages. As mentioned before, the PayPal Express / Smart Buttons work correctly when switching to a default theme, which indicates that the problem is related to the custom layout structure.

    Additionally, I have tested the setup with all third-party plugins disabled (except WooCommerce and the PayPal plugin), and the issue still persists when Woodmart is active.

    Please let me know if you need any additional access (e.g. FTP) or further information.

    Thank you for your support.

    Best regards

    #714862

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    It looks like the plugin adds its custom content using the standard WooCommerce hook. When you create a custom layout with a page builder, it doesn’t contain any default elements and hooks. It contains only those elements that you added with the page builder manually.

    We have a special “Hook” element in page builder that you can place to your custom layout and then the plugin will be able to add its custom content there. But we don’t know which one exactly it needs. You can either try to select all hooks one by one or contact plugin developers for help.

    Read more information here https://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/

    Best Regards

    #714888

    rouvenberz.de
    Participant

    Hi Aizaz,

    Good news: I managed to make the PayPal buttons appear!

    The issue was that my custom Woodmart layout was missing the standard WooCommerce hooks. By manually adding the woocommerce_single_product_summary hook, the buttons are finally rendering.

    However, I have one last positioning conflict:
    Currently, both my legal tax notices (from the Germanized plugin) and the PayPal Express buttons are “clinging” to the same hook (woocommerce_single_product_summary).

    Because I need the legal tax notices to stay directly under the price for legal reasons, the PayPal buttons are now also appearing way too high up in the layout (right under the price).

    I would like to have the legal notices remain under the price, but move the PayPal buttons further down, specifically below the “Add to Cart” button.

    Since I am using the Woodmart Layout Builder and Elementor, how can I solve this positioning conflict? Is there a specific way in Woodmart to separate these elements or target a different hook just for the payment buttons, so they don’t all cluster together under the price?

    Thank you very much for your great support!

    Attachments:
    You must be logged in to view attached files.
    #714914

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    In this case, changing the position of elements using custom code is not covered by technical support.

    However, you can check the plugin settings — there may be an option that allows you to change the position of its content.

    After that, you can use a different hook to display the content in the desired location.

    Best Regards.

Tagged: 

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