Referenciando Pedidos de Split no Storefront 2.0
Identificador de Pedido (Identifier)
Esta documentação é destinada a agências parceiras da Wake que implementam ou customizam o Minha Conta das lojas no Storefront 2.0, utilizando o identificador de pedido em fluxos de pedido split.
1. O que é o Identifier
O identifier é um campo que permite à loja exibir um** identificador único do pedido de Split para o cliente.** Ele é essencial em cenários de pedido split (pedido dividido em mais de um envio), fornecendo uma referência estável para o cliente.
- Nome no GraphQL:
identifier - Tipo:
string - Disponibilidade: Preenchido apenas quando o checkout está finalizado (
completed: true). Antes da finalização, o campo pode retornar vazio ou nulo.
2. Onde o Identifier aparece na API
O identificador pode ser consumido em dois contextos principais no front-end:
- Resposta da query
checkout: Para exibir o identificador na página de confirmação de pedido ou telas de carrinho finalizado. - Resposta da query
customerAccessTokenDetails: Para exibir o identificador na área Minha Conta (listagem ou detalhes de pedidos do cliente logado).
3. Como solicitar o Identifier no Front-end
3.1 Query checkout (Carrinho / Confirmação)
checkout (Carrinho / Confirmação)Para receber o identificador na página de confirmação, inclua os campos identifier e completed na sua query GraphQL:
query Checkout($checkoutId: String!) {
data: checkout(checkoutId: $checkoutId) {
checkoutId
completed
identifier
url
products {
# ... campos de produto
}
shippingFee
subtotal
total
}
}
completed: Indica se o checkout foi finalizado. Utilize este booleano para validar se oidentifierestá pronto para exibição.identifier: Contém o valor (ex: "ABC123") apenas quandocompletedfortrue.
3.2 Query customerAccessTokenDetails (Minha Conta)
customerAccessTokenDetails (Minha Conta)Na área logada, o identificador vinculado ao token do cliente está disponível através de customerAccessTokenDetails. No SDK TypeScript Full, este campo já é retornado nativamente.
Fluxo conceitual:
- Chame a query enviando o token do cliente:
customerAccessTokenDetails(customerAccessToken: $customerAccessToken). - Utilize o campo
identifierda resposta para listar os pedidos ou mostrar detalhes específicos.
4. Uso em UX/UI no Front-end
As agências devem utilizar o identifier para melhorar a experiência do usuário. Abaixo, algumas sugestões de aplicação:
| Contexto | Uso Sugerido |
|---|---|
| Confirmação de Pedido | Exibir: "Seu pedido foi realizado. Identificador: [identifier]" |
| Minha Conta (Lista) | Adicionar coluna "Nº do Pedido" ou "Identificador". |
| Minha Conta (Detalhe) | Exibir no cabeçalho ou resumo: "Pedido [identifier]". |
| Atendimento / Suporte | Orientar o cliente a informar este código para agilizar o suporte. |
| E-mail ou PDF | Incluir o identifier no layout de documentos gerados via API. |
Recomendações de UX:
- Validação: Só exiba o campo quando houver valor (verifique se
completed === true). - Clareza: Utilize rótulos amigáveis como "Número do Pedido" ou "Código de Referência".
- Pedidos Split: Deixe claro que o identificador refere-se àquele pedido específico dentro do fluxo da loja.
5. Resumo para Implementação
- O quê: Campo
identifier(string) para identificação única, especialmente em pedidos split. - Onde: Queries
checkoutecustomerAccessTokenDetails. - Como: Adicionar o campo nas chamadas GraphQL ou utilizar o SDK Full da Wake.
- Regra de Ouro: O campo só é garantido após o checkout estar completo (
completed: true).
Updated about 6 hours ago
