docs(checkout): how to create checkout via platform (#846)

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"
+  }
+}

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.