diff --git a/docs/checkout/__assets__/checkout-create-form.png b/docs/checkout/__assets__/checkout-create-form.png new file mode 100644 index 00000000..d7c3e109 Binary files /dev/null and b/docs/checkout/__assets__/checkout-create-form.png differ diff --git a/docs/checkout/__assets__/checkout-detail.png b/docs/checkout/__assets__/checkout-detail.png new file mode 100644 index 00000000..fc7de3b1 Binary files /dev/null and b/docs/checkout/__assets__/checkout-detail.png differ diff --git a/docs/checkout/__assets__/checkout-payment-link.png b/docs/checkout/__assets__/checkout-payment-link.png new file mode 100644 index 00000000..e3c6cdad Binary files /dev/null and b/docs/checkout/__assets__/checkout-payment-link.png differ diff --git a/docs/checkout/_category_.json b/docs/checkout/_category_.json new file mode 100644 index 00000000..6abf313a --- /dev/null +++ b/docs/checkout/_category_.json @@ -0,0 +1,13 @@ +{ + "label": "Checkout", + "collapsible": true, + "collapsed": true, + "className": "red", + "link": { + "type": "generated-index", + "title": "Visão geral" + }, + "customProps": { + "description": "Documentações relacionadas ao produto Checkout - OpenPix" + } +} \ No newline at end of file diff --git a/docs/checkout/checkout-how-to-create-a-checkout-via-platform.md b/docs/checkout/checkout-how-to-create-a-checkout-via-platform.md new file mode 100644 index 00000000..2c5a7bf4 --- /dev/null +++ b/docs/checkout/checkout-how-to-create-a-checkout-via-platform.md @@ -0,0 +1,48 @@ +--- +title: "Como criar um Checkout Pix via plataforma?" +tags: + - checkout +--- + +## Acessando o formulário + +Através do menu lateral, acesse a opção **Checkout** e clique no botão, no canto superior direito, +**Novo Checkout**. Você acessará o [formulário de criação de um novo checkout](https://app.openpix.com.br/home/checkouts/list). + +![Formulário de criação de um checkout](./__assets__/checkout-create-form.png) + +## Preenchendo o formulário + +Após acessar o formulário, preencha os campos obrigatórios: + +- **Valor**: valor referente as cobranças criadas por aquele checkout; +- **Descrição**: descrição que será exibido quando acessar aquele checkout. + +Após preencher os campos, clique no botão **Criar**. Pronto, +seu checkout foi criado com sucesso! + +Após a criação, você será automaticamente redirecionado para a página de detalhe do respectivo checkout. + +## Detalhe do checkout + +![Detalhe de um checkout](./__assets__/checkout-detail.png) + +Na página de detalhe do checkout, você poderá visualizar as informações do checkout criado, como: + +- **Valor**: valor referente as cobranças criadas por aquele checkout; +- **Descrição**: descrição que será exibido quando acessar aquele checkout; +- Poderá desativar o checkout, caso desejar. +- Poderá visualizar as cobranças criadas por aquele checkout. +- Poderá acessar o link de pagamento referente àquele checkout. + +## Acessando o link de pagamento + +Na página de detalhe do checkout, clique no botão **Abrir checkout**. +Você será redirecionado para a página de pagamento do checkout: + +![Link de pagamento de um checkout](./__assets__/checkout-payment-link.png) + +Esse é o link de pagamento atrelado ao checkout que você criou. +Quando o seu cliente clicar no botão **Pagar**, será gerado uma +cobrança que ele poderá pagar com o respectivo valor e descrição +que você definiu.