# Google pay

More details：

{% embed url="<https://developers.google.com/pay/api/web/guides/brand-guidelines#put-it-all-together>" %}

1\.

Item selection

<figure><img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FKcW6lpzLjNe8UmFH2zhK%2Fimage.png?alt=media&#x26;token=80806c34-11b0-4408-9bf6-8c208d7f360e" alt=""><figcaption><p>When a user is browsing an item or service.</p></figcaption></figure>

2\.

Pre-purchase screen

<figure><img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FgY0MKof7yNv6t7OZFf4z%2Fimage.png?alt=media&#x26;token=15266f7e-6585-4fba-9697-896239b664ee" alt=""><figcaption><p>When a user is ultimately ready to make a purchase.</p></figcaption></figure>

3\.

Payment method screen

<figure><img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FoXJM36vgwMDoK5uipe7H%2Fimage.png?alt=media&#x26;token=617ade69-ae4c-4af6-916b-845704a597a8" alt=""><figcaption><p>When a user selects Google Pay as their payment method.</p></figcaption></figure>

4\.

Google Pay API payment screen

<figure><img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2F4dO1oY3rHbyYAFLUYcQi%2Fimage.png?alt=media&#x26;token=b31fa04e-5973-4933-8114-e515c1aa012e" alt=""><figcaption><p>When a user is shown the payment info they’ve saved to Google Pay.</p></figcaption></figure>

5\.

Post-purchase screen

<figure><img src="https://3906929740-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQyT5pndc80PGeNrMulEU%2Fuploads%2FjlzeWOzCUPSDcslC257G%2Fimage.png?alt=media&#x26;token=97cc22bc-d108-4523-b1f6-c3b0502d51b2" alt=""><figcaption><p>When a user has made a successful purchase.</p></figcaption></figure>