<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f94fd6aa-8f50-476e-811a-851d448658c9/Figma-logo.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f94fd6aa-8f50-476e-811a-851d448658c9/Figma-logo.svg" width="40px" /> Link to this section in Figma
</aside>
ZEN Checkout or Pay with ZEN or pay buttons appear in the digital commerce environment and trigger the payment process. The preferred color for buttons prompting payments is black (or white for dark space).
There are four variations of button design:
CTA branded buttons are designed for merchants who sell their products through ZEN payments (quick payments via the ZEN.COM app by scanning QR codes). CTA buttons ensure that customers who already use the ZEN.COM app can recognize the ZEN brand.
The button's design is a characteristic circular shape with the ZEN logo and a call-to-action that will be carried out once the button is selected (e.g. Donate with ..., Pay with ..., Buy with..).
If the merchant offers an additional cashback for the purchase, you should place this information below the button (e.g. Get 5% instant cashback).
The CTA branded button with acceptance marks version is accompanied by a list of the main payment methods which customers can also use to pay with the ZEN.COM app. Such information is especially important for those who don't yet have a ZEN account yet or don't use the ZEN.COM app.
Please only use the dedicated acceptance brands as shown in the below examples. They can be downloaded in any format from this guideline.