Define the position and alignment of buttons in relationship to their container, with equal hierarchy and consistent spacing between buttons.
Position payment buttons correctly in relation to âAdd to Cartâ in horizontal or vertical layout, place payment buttons to the right of or below the âAdd to Cartâ button.
Position payment buttons correctly in relation to âProceed to checkoutâ buttons in vertical layout. Place payment buttons above the âProceed to checkoutâ button. Do not place payment buttons below the button or in between.
Position payment buttons correctly in horizontal layout, consistent in size and spacing. If a second row is required, left-align the buttons.
Express payment buttons on mobile should occupy the full width. Donât use the express payment border as it reduces the view area.
Maintain the minimum amount of clear space on all sides of the payment button. The clear space adapts based on the size of the button.
Last updated: February 22, 2024