iFrame input field customization

Hey there, @nanasflowers! Thanks for contacting us. I’m happy to help you.

There appears to be no ability to customize the input fields of the iFrame in the “new checkout experience”,?

You are correct. Currently, it is not possible to customize the new checkout experience. And I understand the importance of being able to customize it. We do have an enhancement request open here. If you wish, you can comment there to support the request.

despite them being broken on multiple different custom themes I tested.

How do you propose to resolve this prior to removal of the legacy experience?

Do not dare say “Use the default Storefront 2024 theme” because we all know it is featureless and the vast majority of users are using custom themes.

I understand you don’t want to use the Storefront theme. But since the checkout is working on default themes (like Storefront and Twenty Twenty-Four) and also on several custom themes, I suggest reaching out to the support of the custom theme you want to use so they can be aware their theme is conflicting with the new checkout and see what they can do.

I hope this was clarifying.

Please let us know if there’s anything else we can do to help or if you have any questions.

Have a wonderful day!

“How do you propose to resolve this prior to removal of the legacy experience?”

I’m sure myself and many others including developers would be satisfied with simple customization options being integrated before the legacy checkout is removed.

I just want the ability to fix styling issues should they arise, being backed into a corner with no options is what is incredibly frustrating.

It would also be good to know the date for the planned legacy checkout removal, I can’t find it anywhere.

• This reply was modified 7 months, 2 weeks ago by NF.

I’m having the same issues on my site and it seems like the Stripe Elements API and this plugin don’t have any of the theme options being pulled or tweak that the Elements API allows. However when looking into this issue seems that WooPayments have been able to fix and tweak their plugin, so not sure why this is lagging behind especially with the “removal” of the legacy functionality and now on all new sites the UPE is the default option

Hi @nanasflowers,

I’m sure myself and many others including developers would be satisfied with simple customization options being integrated before the legacy checkout is removed.

I just want the ability to fix styling issues should they arise, being backed into a corner with no options is what is incredibly frustrating.

We truly value your input and feedback to make our product better. Could you be so kind as to leave those comments here? That’s a direct line with the developers and the best place to leave feedback and suggestions! ??

It would also be good to know the date for the planned legacy checkout removal, I can’t find it anywhere.

I’m afraid that we can’t provide an exact date at this moment. But I’m sure it’ll be announced with time.

Thanks!
-OP

Hi?@nanasflowers,

Just checkin in to see if you’ve been able to update the plugin to its latest version? This was recently implemented which may help you! https://github.com/woocommerce/woocommerce-gateway-stripe/pull/3047

Cheers!
-OP

Will look at this next week @omarfpg

Thanks for the heads up, @nanasflowers. Please keep us posted!

Until then!

@omarfpg

It works brilliantly, the documentation is also very good and has all the information needed to customize styling, the default options are also very user friendly and look good.

I now have everything I need to switch to UPE and will be implementing it immediately. I no longer have any issues with the legacy checkout experience being deprecated (I still think a date should be provided so other people have enough advanced notice though!).

For anyone having similar styling issues when enabling UPE, try adding the following default styling to your child theme functions.php (worked for me):

/**
 * Set default Stripe payment form styling
 */
add_filter( 'wc_stripe_upe_params', function ( $stripe_params ) {
	$stripe_params['appearance'] = (object) [
		'theme' => 'stripe'
	];
	return $stripe_params;
} );

• This reply was modified 7 months, 1 week ago by NF.
• This reply was modified 7 months, 1 week ago by NF.

Hi @nanasflowers,

I’m glad we were able to help!

Thank you for your kind words of feedback and for sharing your experience with other users! If you have a few minutes, we’d love if you could leave us a review at:?https://www.ads-software.com/support/plugin/woocommerce-gateway-stripe/#new-topic-0.

Thanks!
-OP