Investigation
I investigated the current payment button and did a competitive analysis to understand the industry standard of payment button specifications across e-commerce stores (Etsy, Amazon, Shopify, Google Pay / Apple Pay).
With the default 40px button height, the label looks small and thin on a few sites compared to other e-commerce stores with button heights (42 - 58 px) and is not flexible enough to accommodate various stores and themes. Besides that, there are Inconsistencies in button appearances (uppercase vs. lowercase, font style, text spacing, button height, font weight).
The inconsistent pattern of payment buttons displayed across pages (Product, Cart, Checkout) in horizontal and vertical layouts. Disorganized positioning of the WooPay button with other payment methods (WCPay, PayPal, third-party payments), payment elements (Add to cart, Proceed to checkout), and overused separation element of “-OR-“.
Button UI specifications
Enlarge the standard default size button to 48px height, with additional size options of small (38px) and large (54px). Adding the adaptive height range of each payment button size option that will adapt to the button height from the store themes.