בהיררכיית ממשק המשתמש, כפתור ראשי מסמן ללקוח מה הצעד הבא המצופה ממנו. ב-Checkout של Shopify מגדירים את עיצובו דרך Branding editor (בגרסת Plus) או Checkout Blocks — צבע רקע, צבע טקסט, רדיוס פינות ועובי גבול. הכלל הקריטי הוא ניגודיות: הכפתור חייב לעמוד ביחס ניגודיות של לפחות 4.5:1 מול הרקע לצורכי נגישות (WCAG AA), ולהיות גדול מספיק למגע במובייל (מינימום 44px גובה).
הטעות הנפוצה בחנויות ישראליות היא לתת לכפתור המשני (Secondary button) — כמו "חזור לעגלה" — עיצוב דומה לכפתור הראשי. כשהכפתורים נראים שווים, הלקוח מתלבט בדיוק בנקודה שאסור לה לייצר חיכוך. הפתרון: כפתור משני תמיד בגרסת outline או טקסט בלבד, ללא מילוי צבע, ובגודל קטן יותר.