|
BCPTA
|
February 23, 2020 at 4:37 pm
Hello, we are using Stripe payments with EE4. On the checkout page, it is very confusing for a user.
First of all, they have to select their payment method, even if there is only one payment method (stripe) for them to use. We don’t want them to have to click this just to start the payment process. Can this be changed? See here https://cloudup.com/cNyr4B_KlcP
More importantly, however, after they enter their payment info, they see two buttons for continuing:
https://cloudup.com/cwfq5nIPHlz
There is no need for these two buttons. They should just see one – either pay now, or proceed to finalize registration.
The message box at the top is needed to tell them what to click. That is weird – a user shouldn’t need instructions like this.
Can we adjust this so there is only one button, making it obvious what they need to click to keep moving forward with their registration?
Finally, can you tell me where the CSS for the cog wheel and yellow border are? https://cloudup.com/cQFkCFszbNO – This styling is a bit off for us and we’d like to fix it.
Thanks
|
|
BCPTA
|
February 23, 2020 at 4:37 pm
This reply has been marked as private.
|
|
Tony
|
February 24, 2020 at 5:31 am
Hi there,
First of all, they have to select their payment method, even if there is only one payment method (stripe) for them to use. We don’t want them to have to click this just to start the payment process. Can this be changed? See here https://cloudup.com/cNyr4B_KlcP
Go to Event Espresso -> Payment methods -> Stripe.
Set the ‘Open by Default?’ option to Yes and save.
The Stripe payment method will now be open by default on the payment options.
Can we adjust this so there is only one button, making it obvious what they need to click to keep moving forward with their registration?
Some payment methods add an additional button for their call to action, others do not. Stripe being one the payment methods which adds an additional button and it being the only payment method you have active on the site highlights the above, if you had another we couldn’t simply remove the finalize button from checkout.
What you can do, is use some CSS to hide the finalize button when it’s disabled using some CSS, like so:
#spco-go-to-step-finalize_registration-submit.disabled {
display: none;
}
Will that work for you?
You can add that to Appearance -> Customize -> Additional CSS.
Finally, can you tell me where the CSS for the cog wheel and yellow border are? https://cloudup.com/cQFkCFszbNO – This styling is a bit off for us and we’d like to fix it.
May I ask why you need the location?
If you are looking to edit the core files to change the CSS to suit then you’ll lose those customizations each time the plugin updates. You can add your own CSS to override the default styles and add them the above location, meaning you wont lose those styles when you update.
|
