Error with Authorize.net and Woodmart theme

Hi,

I purchased and installed the Woodmart theme and set up the WooCommerce Authorize.Net Gateway plugin in Sandbox mode.

At checkout, I consistently receive the following error:

An error occurred, please try again or try an alternate form of payment.
Accept.js Error: payment nonce is missing

To troubleshoot, I:

Disabled all plugins except WooCommerce, the Authorize.Net gateway, and Woodmart-related plugins

Tested the same checkout flow using a different theme, and the transaction completed successfully

This leads me to believe the issue is related to Woodmart’s checkout implementation.

Please let me know what information you need from me to investigate this further (logs, environment details, checkout configuration, etc.).

Thank you for your support.

Attachments:

You must be logged in to view attached files.

Hello,

Try to disable the custom layout for the checkout page and check the issue. You can do this in Dashboard > WoodMart > Layouts.

If you have any questions, feel free to contact us.

Best Regards,

Hi,

Thank you for your reply.

I ran a few additional tests on the checkout layouts based on your suggestion:

I first disabled the “Checkout layout top content – Vegetables” layout, but I was still getting the same Accept.js – payment nonce is missing error.

I then disabled the “Checkout layout form – Vegetables” layout, and in this case the checkout page became empty, with no forms displayed.

After a few page refreshes, I was eventually able to process an order successfully (see attached file). However, when this happens, the checkout layout loses all styling and looks completely different from the rest of the website.

Based on these tests, it seems clear that the issue is related to the “Checkout layout form – Vegetables” layout.

How I can isolate the specific element or setting within that checkout layout that is causing the payment issue, while still keeping the Woodmart checkout design intact and fully compatible with Authorize.Net / Accept.js?

Which components inside the Checkout layout form could interfere with payment scripts?
Whether there is a recommended way to debug or selectively disable parts of that layout?

Thank you again for your help.

Attachments:

You must be logged in to view attached files.

Hello,

For the checkout page styling when layout is disabled, please edit the checkout page and define the checkout shortcode in the page: [woocommerce_checkout]and check how it works.

If you want to use custom layouts of the theme. When you create a custom layout with a page builder, it doesn’t contain any default elements or hooks. It contains only those elements that you added manually with the page builder.

In this case, we have a special widget called “Woocommerce Hook” in the page builder that you can place to your custom layout, and then the plugin will be able to add its custom content there. But I 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.
https://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/

Best Regards,

Hi,

Thank you for your reply.

Could you please clarify how to perform the following step?

“Edit the checkout page and define the checkout shortcode: [woocommerce_checkout].”

A brief step-by-step explanation would be very helpful.
Thank you.

Another thing I noticed trying to figure out this issue is that if I go to Woocommerce-Checkout fields I am getting this error;
There has been a critical error on this website. Please check your site admin email inbox for instructions. If you continue to have problems, please try the support forums.

Can this help?

Regarding my last message if I selec the Woodmart theme and not the child one I am able to see the Checkout fields, but I am still getting the “Accept.js Error: payment nonce is missing” error.

Hi,

Thanks for your support. Sorry for my numerous messages, but I am trying to make it work.

I added the [woocommerce_checkout] shortcode to the Checkout page and re-enabled the Woodmart child theme.
Now the checkout is working correctly: the Woodmart layout is applied and the Accept.js error no longer occurs.

The only issue I’m noticing at the moment is that the Thank You page appears twice after a successful order (please see the attached screenshot).

Could you please advise what might be causing the Thank You page to load twice and how to resolve it?

Attachments:

You must be logged in to view attached files.

[Author]

Posts