> ## Documentation Index
> Fetch the complete documentation index at: https://primer.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Guides and recipes

> Browse what can be customized in Primer Checkout – payment flow, user experience, custom controls and vault – with links to the guide or recipe for each task.

Primer Checkout recipes are short, focused how-to guides that walk you through completing a specific task. Recipes are a great way to add new features or customize behavior in your checkout by following step-by-step instructions.

Each guide includes platform-specific code examples for **Web**, **Android**, and **iOS**.

## Guides

In-depth tutorials that cover larger topics from start to finish.

> [card] [Build a custom card form](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/build-custom-card-form.md)
>
> Create and customize your own card payment form with full control over layout, styling, and behavior

## Recipes

Quick solutions for common tasks. Each recipe shows you how to accomplish one specific thing.

### Payment flow

> [card] [Redirect after payment](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/redirect-after-payment.md)
>
> Navigate users to a confirmation page after completing payment

> [card] [Show success message](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/show-success-message.md)
>
> Display a custom success message or modal after payment

> [card] [Track in analytics](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/track-payment-analytics.md)
>
> Send payment events to your analytics platform

> [card] [Log errors](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/log-errors-debugging.md)
>
> Capture and log payment errors for debugging

> [card] [Prevent duplicate payments](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/use-idempotency-keys.md)
>
> Prevent duplicate payments by attaching an idempotency key

> [card] [Manual payment approval](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/manual-payment-approval.md)
>
> Approve or abort each payment from your backend before Primer creates it

> [card] [Express Checkout shipping](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/express-checkout-shipping.md)
>
> Price and confirm shipping options inside the Apple Pay and Google Pay sheets

> [card] [BIN data and click to pay](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/use-bin-data-to-control-click-to-pay.md)
>
> Use BIN Data to Control Click to Pay

### User experience

> [card] [Pre-fill cardholder name](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/prefill-cardholder-name.md)
>
> Automatically fill in the cardholder name from user profile

> [card] [Show loading indicator](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/show-loading-indicator.md)
>
> Display a loading state while payment is processing

> [card] [Disable buttons during payment](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/disable-buttons-during-payment.md)
>
> Disable external buttons while payment is processing

### Custom controls

> [card] [External submit button](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/external-submit-button.md)
>
> Trigger card form submission from a button outside the checkout

> [card] [Display card network](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/display-card-network.md)
>
> Show the card brand logo as users type their card number

### Vault

> [card] [Display saved payment methods](https://primer.io/docs/checkout/primer-checkout/guides-and-recipes/display-saved-payment-methods.md)
>
> Show saved payment methods count and list saved cards


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.