Hi @ecb21,

Thank you for your interest in ARG Multistep Checkout.

It’s a little tricky to move the coupon form after the billing information because then you will have a form (coupon form) inside another form (checkout form), and this will not work. You can have several forms in a page but they should not be nested.

A solution could be to show the coupon in the checkout page via hooks (woocommerce_before_checkout_form) before the checkout form, hide it in default state, and on domReady move it via js after the billing information, and after that, show it. However, this is just a suggestion, we don’t encourage this solution because of what we said before.

Because it’s better for the user to see the discounts on order review table when applying the coupon code… and some of our costumers insist to implement this solution (they want to use this solution for now)...we decided to implement it and it will be ready in a few days.

If you have any other questions please feel free to ask.

Have a good day,
ARG Team

Thank you for your reply.

Another question: We have a shipping plugin hooking in after the user has filled in their address through the custom fields of the plugin. These fields hides the address 1 and 2 and the postal code to make it so that it automatically fill those in after the user provided their postal code and house number (the custom fields).

Will it automatically appear on the right form or do i need to tweak that as well? You can take a look how it works on www.staging1.sneakeressentials.nl

Add something to your cart and make sure the country is netherlands. Use postal code 3011BT and housenr 4

Hi @rasmusberg,

Thank you for your interest in ARG Multistep Checkout.

Regarding your questions:

1. Yes, the plugin is compatible with any woocommerce theme.

2. Yes, the coupon step can be disabled…but it’s a little tricky to move it after the billing information because then you will have a form (coupon form) inside another form (checkout form), and this will not work… You can have several forms in a page but they should not be nested. HTML explicitly forbids nested forms.

A solution could be to show the coupon in the checkout page via hooks (woocommerce_before_checkout_form) before the checkout form, hide it in default state, and on domReady move it via js after the billing form, and after that show it. However, this is just a suggestion, we don’t encourage this solution because of what we said before.

If you have any other questions please feel free to ask.

Have a good day,
ARG Team

Awesome – thank you.

The coupon-function could be disabled and hidden completely and then the problem does not exist right?

Yes, you can disable the coupon form via admin options, but in order to display it on another step will require some custom code edits on your end.

Thank you,
ARG Team

Thank you

You’re welcome!

PS: This feature (display the coupon form on other steps) is not available right now… but because we are constantly listening to our customers requests we will implement it in the near future.

Have a good day,
ARG Team

Awesome – thank you. Looking forward to using your plugin

I’m sorry but I forgot a very important question before hitting submit: 3) We have a deployment script that runs after the order is successful which means the checkout process takes several seconds. I noticed during the checkout, the page dims a bit, but the checkout button is still “clickable”. Is there a way to DISABLE the checkout button after it has been clicked once (and until the checkout receives a notification from the payment gateway)? Is it possible to enable some ajax spinner on that screen so the user is aware that some processment is in place? Thank!

Hi @lenineto,

Thank you for the kind words and purchase of ARG Multistep Checkout.

Regarding your questions:

1 – We use jQuery Validation Engine plugin for the forms validation. Please read more about this plugin here. In order to confirm the password, you have to add the bellow js script where you can add javascript code in your theme:

$(’#account_password2’).removeClass(‘validate[required]’) .addClass(‘validate[required,equals[account_password]]’);

2. Yes, you can use the class ‘argmc-wrapper’.

3. This functionality is not available and will require some custom code edits on your end. Please send us an email at support@argthemes.com and we will help you to disable the place order button after is clicked.

Thank you, looking forward to assist you!
ARG Team

Hi @argthemes,

I appreciate your prompt response. Your solution for #1 worked like a charm and I got the password2 properly validating. Sweet!

About #3, I appreciate your help but don’t worry about that anymore. I’ve managed to get that done, and I was able to show/hide a beautiful ajax spinner during order processment and during that time, the submit button becomes unvailable, so we we are good on that one.

I did notice a small bug I’d like to report (maybe I missed that on the documentation, and if that’s the case please feel free to let me know). I noticed if the payment fails for any reason (like for example, the customer mistypes the credit card or the card is declined), the checkout page reloads and kicks me back to the 1st tab. I have to go all the day again tab per tab to get on checkout. In case of a payment failure, the expected would be to keep the checkout tab visible.

Is that something I’m missing or is it something that needs to be fixed?

Thanks guys!

@argthemes,

Hi guys, I’m having quite a serious problem. After enabling the plugin and trying a real credit card (we use stripe gateway), even filling in the proper credit card details, I keep getting this error:

Please enter your card details to make a payment. Developers: Please make sure that you are including jQuery and there are no JavaScript errors on the page.

Any idea what could be causing this?

Thanks

Hi @lenineto,

Regarding your questions:

1. For the moment, the plugin doesn’t provide this functionality. Imagine that you are not logged in and you fill the billing fields, and for some reason the page reloads after this step, the billing fields data are now lost…

2. For the Stripe payment try to use this plugin: https://wordpress.org/plugins/stripe-woocommerce-addon/. We tested it and it should work.

If you have any other questions please feel free to ask.

Thank you,
ARG Team

@arthemes,

Guys, unfortunately changing the stripe plugin is not an option. We are using the official stripe plugin, and it works fine when ARG is disable. If we enable ARG, the checkout stop working and we get that message. Could you guys take a quick look at this and make sure the plugin is compatible with the official stripe extension? According to stripe this is a javascript conflict problem.

We’ve just tested the stripe plugin and everything worked fine… after the plugin is enabled please navigate to woocommerce -> settings -> checkout -> stripe and make sure the “Stripe Checkout” option is enabled…

Let us know if everything is ok.

Thank you,
ARG Team

@argthemes,

Guys I appreciate your reply and unfortunately I have to say this is still an issue. The problem is back (and I haven’t changed anything). I tried the “enable stripe checkout” option and then it works, but that makes the checkout process clumsy and confuse to the user, coz there is a new pop up, then when its approved it gets back to the checkout page and then the user sees our ajax spinner.

Is there anything I can do to get this working all the time WITHOUT enabling the “stripe checkout option”. I’d rather keep the credit card field on the checkout page itself, as it was before. Thanks

@argthemes, On a second note on this issue, after some testing I realized that enabling the “stripe checkout” option causes woocommerce to NOT send order receipts, so I’m back to square zero. I either disable ARG or I cant get past checkout.

We’ve just checked the mailbox and we have received the emails (order receipts) from our previous tests regarding the compatibility… and to be sure we’ve made another test right now and everything seems ok (we also received the order receipt).... what else can we do?

@argthemes Well, unfortunately on my site order receipts are NOT sent when the stripe checkout option is set. All other order emails are properly sent, but not the receipt. What we really need is to make this work WITHOUT enabling stripe checkout. We need to checkout with the credit card field on our checkout page, just like we do with the same stripe plugin when ARG is disabled.

That’s all we need.

Ok, then please send us your site url and a temporary username/password at support@argthemes.com so we can take a deeper look.

Thank you,
ARG Team

@argthemes, Guys, I’ve already sent you login credentials, but I think I found the problem (and I’m gonna need your help to fix it) I’ve compared the payment sections on checkout with and without ARG and >I found 3 discrepancies, and I believe one of them is causing the problem.

Here is the one I think is causing the problem: The credit card input box, on ORIGINAL woo checkout (without ARG) is: <input id=”stripe-card-number” class=”input-text wc-credit-card-form-card-number” inputmode=”numeric” autocomplete=”cc-number” autocorrect=”no” autocapitalize=”no” spellcheck=”no” type=”tel” placeholder=”•••• •••• •••• ••••”>

When ARG enabled, it becomes: <input id=”stripe-card-number” class=”input-text wc-credit-card-form-card-number unknown” inputmode=”numeric” autocomplete=”cc-number” autocorrect=”no” autocapitalize=”no” spellcheck=”no” type=”tel” placeholder=”•••• •••• •••• ••••”>

Notice the class “unknow” on the element.

The other 2 discrepancies are about field validation (and I don’t think they would cause the problem) but here they are just in case:

Woo + ARG:

Woo original: <input type=”checkbox” class=”input-checkbox” name=”terms” id=”terms”>

Woo + ARG: <input type=”checkbox” class=”input-checkbox validate[required]” name=”terms” id=”terms”>

Well, this is the longest message received here on item comments… thank you very much for trying to help on resolving this issue… but we didn’t modify the plugin/add-on files or functionalities (the “unknown” class appear probably because there is no credit card number and the credit card is unknown)...

In another train of thoughts we found a solution to make ARG Multistep compatible with the official stripe plugin and we will send you the solution very soon.

Thank you,
ARG Team