Skip to content

Update iDEAL branding to "iDEAL | Wero" for Wero transition#11325

Merged
mgascam merged 20 commits intodevelopfrom
woopmnt-5698-update-ideal-branding-to-ideal-wero-before-2026-03-31-copy
Feb 13, 2026
Merged

Update iDEAL branding to "iDEAL | Wero" for Wero transition#11325
mgascam merged 20 commits intodevelopfrom
woopmnt-5698-update-ideal-branding-to-ideal-wero-before-2026-03-31-copy

Conversation

@mgascam
Copy link
Contributor

@mgascam mgascam commented Feb 4, 2026

Fixes WOOPMNT-5698

Changes proposed in this Pull Request

Updates iDEAL payment method branding to comply with the mandatory iDEAL to Wero migration. Per Stripe's migration docs and official iDEAL branding guidelines, all references to "iDEAL" must display "iDEAL | Wero" between January 29, 2026 and March 31, 2026.

Changes:

  • Title update: Changed payment method title from "iDEAL" to "iDEAL | Wero" in IdealDefinition.php
  • Logo replacement: Replaced ideal.svg with the official co-branded "iDEAL | Wero" logo from the iDEAL branding resources
  • Connect account page: Updated iDEAL reference in the connect account page
  • Test updates: Updated PHP and JS tests to reflect the new branding

Areas affected:

  1. Shopper branding at checkout — payment method name shown to customers
  2. Merchant branding in wp-admin settings — payment method name shown to merchants
  3. NOX flows and Payment providers screen — logo in new onboarding experience

References:

Testing instructions

  1. Enable iDEAL payment method in WooPayments settings
  2. Verify branding appears as "iDEAL | Wero" in:
    • Checkout payment method selector
    • WooPayments admin settings (WooCommerce > Settings > Payments)
    • NOX payment providers screen
  3. Verify new logo displays correctly in all locations
  4. Verify no visual regressions
Screenshot 2026-02-13 at 09 48 38 Screenshot 2026-02-13 at 09 48 57 Screenshot 2026-02-13 at 09 51 28 Screenshot 2026-02-09 at 18 06 22 Screenshot 2026-02-13 at 09 52 48 Screenshot 2026-02-13 at 10 16 14
  • Run npm run changelog to add a changelog file, choose patch to leave it empty if the change is not significant. You can add multiple changelog files in one PR by running this command a few times.
  • Covered with tests (or have a good reason not to test in description ☝️)
  • Tested on mobile (or does not apply)

Post merge

mgascam and others added 5 commits February 4, 2026 19:34
Updates the payment method title as required by the iDEAL to Wero
migration. Per Stripe's migration docs and official iDEAL branding
guidelines, all references to "iDEAL" must display "iDEAL | Wero"
by March 31, 2026.

Part of WOOPMNT-5698.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Updates expected values in test assertions to match the new
"iDEAL | Wero" branding:
- test-class-upe-split-payment-gateway.php
- test-class-upe-payment-gateway.php
- test-class-wc-payment-gateway-wcpay.php

Part of WOOPMNT-5698.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Updates mock definitions and expected values to match the new
"iDEAL | Wero" branding:
- jest-test-file-setup.js
- payment-processing.test.js

Part of WOOPMNT-5698.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Replaces the iDEAL logo with the official co-branded "iDEAL | Wero"
logo from the official branding resources at ideal.nl/en/ideal-wero-branding.

The new logo maintains the 64x40 pixel dimensions used by other payment
method logos in the codebase while embedding the official artwork scaled
to fit.

Part of WOOPMNT-5698.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@mgascam mgascam marked this pull request as draft February 4, 2026 19:17
@github-actions
Copy link
Contributor

github-actions bot commented Feb 4, 2026

Test the build

Option 1. Jetpack Beta

  • Install and activate Jetpack Beta.
  • Use this build by searching for PR number 11325 or branch name woopmnt-5698-update-ideal-branding-to-ideal-wero-before-2026-03-31-copy in your-test.site/wp-admin/admin.php?page=jetpack-beta&plugin=woocommerce-payments

Option 2. Jurassic Ninja - available for logged-in A12s

🚀 Launch a JN site with this branch 🚀

ℹ️ Install this Tampermonkey script to get more options.


Build info:

  • Latest commit: fc4cd77
  • Build time: 2026-02-13 09:28:00 UTC

Note: the build is updated when a new commit is pushed to this PR.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 4, 2026

Size Change: +13 B (0%)

Total Size: 955 kB

Filename Size Change
release/woocommerce-payments/dist/index.js 159 kB +13 B (0%)
ℹ️ View Unchanged
Filename Size
release/woocommerce-payments/assets/css/admin.css 1.46 kB
release/woocommerce-payments/assets/css/admin.rtl.css 1.46 kB
release/woocommerce-payments/assets/css/success.css 1.06 kB
release/woocommerce-payments/assets/css/success.rtl.css 1.06 kB
release/woocommerce-payments/dist/blocks-checkout-rtl.css 2.89 kB
release/woocommerce-payments/dist/blocks-checkout.css 2.89 kB
release/woocommerce-payments/dist/blocks-checkout.js 54.8 kB
release/woocommerce-payments/dist/cart-block-rtl.css 113 B
release/woocommerce-payments/dist/cart-block.css 112 B
release/woocommerce-payments/dist/cart-block.js 16.9 kB
release/woocommerce-payments/dist/cart.js 5.32 kB
release/woocommerce-payments/dist/checkout-rtl.css 1.01 kB
release/woocommerce-payments/dist/checkout.css 1.01 kB
release/woocommerce-payments/dist/checkout.js 34.1 kB
release/woocommerce-payments/dist/chunks/express-checkout-previews.js 3.51 kB
release/woocommerce-payments/dist/express-checkout-rtl.css 367 B
release/woocommerce-payments/dist/express-checkout.css 367 B
release/woocommerce-payments/dist/express-checkout.js 17.4 kB
release/woocommerce-payments/dist/frontend-tracks.js 883 B
release/woocommerce-payments/dist/index-rtl.css 21.7 kB
release/woocommerce-payments/dist/index.css 21.7 kB
release/woocommerce-payments/dist/multi-currency-analytics.js 1.09 kB
release/woocommerce-payments/dist/multi-currency-rtl.css 3.82 kB
release/woocommerce-payments/dist/multi-currency-switcher-block.js 19.2 kB
release/woocommerce-payments/dist/multi-currency.css 3.83 kB
release/woocommerce-payments/dist/multi-currency.js 25.5 kB
release/woocommerce-payments/dist/order-rtl.css 740 B
release/woocommerce-payments/dist/order.css 740 B
release/woocommerce-payments/dist/order.js 22.3 kB
release/woocommerce-payments/dist/plugins-page-rtl.css 484 B
release/woocommerce-payments/dist/plugins-page.css 484 B
release/woocommerce-payments/dist/plugins-page.js 2.65 kB
release/woocommerce-payments/dist/product-details-rtl.css 433 B
release/woocommerce-payments/dist/product-details.css 436 B
release/woocommerce-payments/dist/product-details.js 12.5 kB
release/woocommerce-payments/dist/settings-rtl.css 12.4 kB
release/woocommerce-payments/dist/settings.css 12.3 kB
release/woocommerce-payments/dist/settings.js 154 kB
release/woocommerce-payments/dist/subscription-edit-page.js 1.9 kB
release/woocommerce-payments/dist/subscription-product-onboarding-modal-rtl.css 527 B
release/woocommerce-payments/dist/subscription-product-onboarding-modal.css 527 B
release/woocommerce-payments/dist/subscription-product-onboarding-modal.js 1.98 kB
release/woocommerce-payments/dist/subscription-product-onboarding-toast.js 730 B
release/woocommerce-payments/dist/subscriptions-empty-state-rtl.css 120 B
release/woocommerce-payments/dist/subscriptions-empty-state.css 120 B
release/woocommerce-payments/dist/subscriptions-empty-state.js 1.9 kB
release/woocommerce-payments/dist/success.js 6.03 kB
release/woocommerce-payments/dist/tos-rtl.css 235 B
release/woocommerce-payments/dist/tos.css 235 B
release/woocommerce-payments/dist/tos.js 3 kB
release/woocommerce-payments/dist/wc-payments-review-prompt-rtl.css 1.66 kB
release/woocommerce-payments/dist/wc-payments-review-prompt.css 1.66 kB
release/woocommerce-payments/dist/wc-payments-review-prompt.js 14.9 kB
release/woocommerce-payments/dist/wc-payments-settings-spotlight-rtl.css 1.66 kB
release/woocommerce-payments/dist/wc-payments-settings-spotlight.css 1.66 kB
release/woocommerce-payments/dist/wc-payments-settings-spotlight.js 28.2 kB
release/woocommerce-payments/dist/woopay-direct-checkout.js 5.69 kB
release/woocommerce-payments/dist/woopay-express-button.js 22.9 kB
release/woocommerce-payments/dist/woopay-rtl.css 4.27 kB
release/woocommerce-payments/dist/woopay.css 4.25 kB
release/woocommerce-payments/dist/woopay.js 70.9 kB
release/woocommerce-payments/includes/subscriptions/assets/css/plugin-page.css 625 B
release/woocommerce-payments/includes/subscriptions/assets/js/plugin-page.js 814 B
release/woocommerce-payments/vendor/automattic/jetpack-assets/build/i18n-loader.js 2.46 kB
release/woocommerce-payments/vendor/automattic/jetpack-assets/build/jetpack-script-data.js 880 B
release/woocommerce-payments/vendor/automattic/jetpack-assets/src/js/i18n-loader.js 1.02 kB
release/woocommerce-payments/vendor/automattic/jetpack-assets/src/js/script-data.js 69 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/babel.config.js 163 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/identity-crisis.css 2.46 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/identity-crisis.js 14.3 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/identity-crisis.rtl.css 2.46 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-connection.css 10.1 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-connection.js 31.5 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-connection.rtl.css 10.1 kB
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-admin-create-user.css 198 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-admin-create-user.js 280 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-admin-create-user.rtl.css 198 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-login.css 625 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-login.js 331 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-login.rtl.css 626 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-sso-users.js 415 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/jetpack-users-connection.js 159 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/tracks-ajax.js 520 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/dist/tracks-callables.js 585 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/src/sso/jetpack-sso-admin-create-user.css 218 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/src/sso/jetpack-sso-admin-create-user.js 521 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/src/sso/jetpack-sso-login.css 719 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/src/sso/jetpack-sso-login.js 412 B
release/woocommerce-payments/vendor/automattic/jetpack-connection/src/sso/jetpack-sso-users.js 625 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/about.css 1.04 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/admin-empty-state.css 294 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/admin-order-statuses.css 408 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/admin.css 3.59 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/checkout.css 301 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/modal.css 746 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/view-subscription.css 574 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/css/wcs-upgrade.css 414 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/admin-pointers.js 543 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/admin.js 9.4 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/jstz.js 6.78 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/jstz.min.js 3.84 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/meta-boxes-coupon.js 545 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/meta-boxes-subscription.js 2.52 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/moment.js 22.2 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/moment.min.js 11.7 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/payment-method-restrictions.js 1.29 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/admin/wcs-meta-boxes-order.js 507 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/payment-methods.js 358 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/single-product.js 428 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/view-subscription.js 1.38 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/frontend/wcs-cart.js 782 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/modal.js 1.09 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/assets/js/wcs-upgrade.js 1.26 kB
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/build/index.css 391 B
release/woocommerce-payments/vendor/woocommerce/subscriptions-core/build/index.js 3.04 kB

compressed-size-action

mgascam and others added 9 commits February 4, 2026 20:27
Updates the marketing copy on the connect account page from "iDeal"
(incorrect capitalization) to "iDEAL | Wero" for brand consistency.

Part of WOOPMNT-5698.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Change SVG dimensions from 64x40 to 64x24 to match the logo's native
aspect ratio (480:182). This ensures the logo renders at the correct
size in checkout and admin views, similar to other payment method icons.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add horizontal logo (ideal-horizontal.svg) for checkout and connect
account page where wider display is supported, while keeping the
square logo (ideal.svg) for WP Admin transaction lists where icons
are constrained to 32x20px. Both logo variants follow official
iDEAL | Wero branding guidelines.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
The square logo appeared too tall in the payment settings list compared
to other payment method icons. Switch to horizontal version for better
visual consistency.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
The stacked square logo was being cropped in the 32x20px admin
containers. Replace with the small horizontal variant and use
background-size: contain so it scales down proportionally.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Update payment method description and REST API doc strings that still
referenced standalone "iDEAL". Restore DRY pattern in icon URL methods
by delegating to get_icon_url() instead of hardcoding paths.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
The horizontal SVG (64x24) works well for checkout but appears too
short in the admin settings list where icons are 64x40. Add a
dedicated ideal-settings.svg with 64x40 dimensions and full yellow
background, matching other payment method icons in settings.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@mgascam mgascam marked this pull request as ready for review February 9, 2026 17:25
@mgascam mgascam requested review from a team and rtio and removed request for a team February 9, 2026 17:26
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates WooPayments’ iDEAL payment method branding and assets to the co-branded “iDEAL | Wero” presentation to support the Wero transition across shopper, merchant, and onboarding surfaces.

Changes:

  • Update iDEAL’s displayed title/description strings to “iDEAL | Wero” (PHP + JS).
  • Swap iDEAL logo assets and update icon references (including a new horizontal and settings variant).
  • Update unit/Jest tests to match the new branding.

Reviewed changes

Copilot reviewed 13 out of 16 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
tests/unit/test-class-wc-payment-gateway-wcpay.php Updates expected iDEAL titles in unit tests.
tests/unit/payment-methods/test-class-upe-split-payment-gateway.php Updates expected iDEAL titles in UPE split gateway tests.
tests/unit/payment-methods/test-class-upe-payment-gateway.php Updates expected iDEAL titles in UPE gateway tests.
tests/js/jest-test-file-setup.js Updates mock payment method definition label for iDEAL.
includes/reports/class-wc-rest-payments-reports-transactions-controller.php Updates REST schema description examples to mention “iDEAL | Wero”.
includes/reports/class-wc-rest-payments-reports-authorizations-controller.php Updates REST schema description examples to mention “iDEAL | Wero”.
includes/payment-methods/Configs/Definitions/IdealDefinition.php Changes iDEAL title/description and points icons to new SVG assets.
client/connect-account-page/strings.tsx Updates connect-account marketing string to “iDEAL | Wero”.
client/components/payment-method-logos/index.tsx Updates imported iDEAL logo asset to the new horizontal SVG.
client/checkout/classic/tests/payment-processing.test.js Updates checkout test labels to “iDEAL | Wero”.
changelog/woopmnt-5698-update-ideal-branding-to-ideal-wero-before-2026-03-31-copy Adds changelog entry for the branding update.
assets/images/payment-methods/ideal.svg Replaces the iDEAL SVG with the co-branded logo asset used in admin branding tiles.
assets/images/payment-methods/ideal-settings.svg Adds a dedicated settings icon SVG for iDEAL.
assets/images/payment-methods/ideal-horizontal.svg Adds a horizontal co-branded SVG for checkout/general icon usage.
assets/css/admin.css Adjusts iDEAL brand background rendering with background-size: contain.
assets/css/admin.rtl.css Adjusts iDEAL brand background rendering with background-size: contain.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@rtio
Copy link
Member

rtio commented Feb 9, 2026

Just saw this, will review it tomorrow :)

Copy link
Member

@rtio rtio left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changes look good, all the places mentioned, including order pages have their icons/text updated.

mgascam and others added 2 commits February 12, 2026 16:17
Replace custom SVGs with official Figma library assets. Use stroke
(outline) variants for admin-facing pages and no-stroke variants for
checkout. Adjust checkout SVG viewBox to match Klarna's rendered size.
Remove separate ideal-settings.svg, reuse ideal.svg for settings.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
mgascam and others added 3 commits February 13, 2026 10:04
The Figma library asset (64x40) matches the base container ratio
(32x20), so the default background-size: cover works correctly.
The contain override was only needed for the old custom SVG.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…nch name

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 11 out of 13 changed files in this pull request and generated no new comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@mgascam mgascam added this pull request to the merge queue Feb 13, 2026
Merged via the queue into develop with commit 4f2b79c Feb 13, 2026
49 checks passed
@mgascam mgascam deleted the woopmnt-5698-update-ideal-branding-to-ideal-wero-before-2026-03-31-copy branch February 13, 2026 09:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants