Skip to main content
O bloco Notes é um campo recolhível onde os compradores podem adicionar notas do pedido ou instruções especiais (mensagens de presente, instruções de entrega e assim por diante) sem sair do carrinho. A nota é salva no carrinho e levada até o pedido.
Bloco Notes mostrando um campo recolhível de notas do pedido onde compradores podem adicionar instruções especiais

Comportamento

  • O campo é um elemento recolhível, recolhido por padrão. Recolher é apenas visual — uma nota salva continua valendo. Quando recolhido com uma nota salva, uma marca de verificação aparece para que o comprador saiba que a nota está armazenada.
  • A nota é salva quando o comprador clica fora (no blur), com feedback de status de salvando / salvo / erro.
  • Se a nota do carrinho mudar em outro lugar — na página /cart ou em outra aba — o campo é sincronizado com ela, a menos que o comprador já tenha começado a digitar, para que a nota em andamento nunca seja sobrescrita.

Configurações

Posicionamento e limites

  • Região: body ou bottom.
  • Máximo: 1 por estado do carrinho.
  • Estado: apenas carrinho cheio.
  • Não é adicionado por padrão. Não é fixo — você pode removê-lo ou ocultá-lo.

Template personalizado

Suporta um template personalizado pela aba Code, que substitui a marcação nativa deste bloco pelo seu JSX. Estas são as props que ele recebe.
A nota é salva no onNoteBlur, não a cada tecla. Conecte tanto onNoteChange quanto onNoteBlur, ou as notas silenciosamente nunca persistirão. Mantenha o texto de status em uma região live para que leitores de tela anunciem salvando e salvo.

Design

Estilize este bloco pela seção Design no painel de configurações. São substituições por bloco que se sobrepõem ao seu design global e voltam a ele quando ficam em branco.

Text

A seção Text em Design permite controlar a tipografia de dois elementos. Use o seletor Text element para alternar entre eles. Title — o cabeçalho da seção acima do campo de nota. O negrito é definido no Rich Text Editor acima (na aba Settings). A cor do texto é definida na seção Toggle de Design. Note field — o texto dentro do textarea onde os compradores digitam a nota. O que são configurações de design? Saiba mais aqui: Configurações de design.