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:

  1. Resposta da query checkout: Para exibir o identificador na página de confirmação de pedido ou telas de carrinho finalizado.
  2. 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)

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 o identifier está pronto para exibição.
  • identifier: Contém o valor (ex: "ABC123") apenas quando completed for true.

3.2 Query 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:

  1. Chame a query enviando o token do cliente: customerAccessTokenDetails(customerAccessToken: $customerAccessToken).
  2. Utilize o campo identifier da 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:

ContextoUso Sugerido
Confirmação de PedidoExibir: "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 / SuporteOrientar o cliente a informar este código para agilizar o suporte.
E-mail ou PDFIncluir 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 checkout e customerAccessTokenDetails.
  • 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).