Blocos de campo personalizado

É possível coletar outras informações dos clientes com o bloco Campo personalizado. Os campos personalizados podem ser opcionais ou obrigatórios. Assim, você pode configurá-los para bloquear o checkout antes que um cliente possa continuar.

O Checkout Blocks é compatível com vários tipos de entrada, como texto simples, menus suspensos, caixas de seleção e um seletor de data. Os dados do campo personalizado podem ser salvos como um metacampo de pedido, um atributo do pedido ou uma observação do pedido.

Existem vários modelos disponíveis que preenchem previamente o conteúdo e as configurações de um bloco de campo personalizado com base em alguns casos de uso comuns:

• Aceitar os termos: este modelo exige que o cliente concorde com os Termos de serviço, que podem ser clicados e exibidos em um pop-up antes do checkout. A caixa de seleção não vem marcada por padrão.
• Aniversário: este modelo oferece aos clientes a opção de informar a data de nascimento durante o checkout para fins de marketing.
• Mensagem de presente: este modelo oferece aos clientes a opção de incluir uma mensagem opcional por escrito quando estão fazendo um pedido de presente para outra pessoa.

Tipos de dados compatíveis

Os campos personalizados são salvos no pedido do cliente como um metacampo de pedido, um atributo de observação do pedido ou a própria observação do pedido. Considere usar metacampos de pedido sempre que possível, pois essa é a maneira mais robusta de armazenar e recuperar dados personalizados sobre pedidos na Shopify.

O Checkout Blocks não é compatível com a inclusão de novos campos em formulários de checkout existentes, como o endereço de entrega ou o de faturamento. Em vez disso, adicione um bloco de campo personalizado acima ou abaixo do formulário de checkout existente.

Metacampos de pedido

Ao salvar campos personalizados em um metacampo de pedido, o namespace usado é checkoutblocks, e a chave é definida quando você adiciona um campo personalizado ao bloco (por exemplo, agree_to_terms).

Atributos do pedido

Os atributos do pedido, também conhecidos como atributos de observação ou atributos do carrinho, são incompatíveis com as guias de remessa e os rascunhos de pedido padrão da Shopify.

Caso você precise usar guias de remessa ou rascunhos de pedido, use metacampos de pedido como o tipo de dados.

Observações do pedido

Ao salvar campos personalizados nas observações do pedido, todo o conteúdo que o cliente adicionar ao campo de observação será substituído pelo campo personalizado. Se você optar por salvar os dados do campo personalizado como uma observação do pedido, desative a opção de adicionar uma observação do pedido no carrinho em seu tema (se tiver ativado essa configuração). Assim, os clientes não precisarão inserir o conteúdo da observação duas vezes.

Um benefício de usar o tipo de observações do pedido é que ele exibe automaticamente no checkout as observações existentes inseridas no carrinho. Isso garante a consistência no fluxo de checkout para casos de uso específicos, como observações do pedido ou de entrega.

As observações do pedido são incompatíveis com os rascunhos de pedido.

Tipos de entrada compatíveis

Os blocos de campo personalizado são compatíveis com os seguintes tipos de campos:

• Caixa de seleção
• Seletor de data e hora
• Data de nascimento
• Lista suspensa
• Campo de telefone
• Botões de opção
• Entrada de texto

Criar um bloco de campo personalizado

É possível criar e configurar um bloco de campo personalizado no app Checkout Blocks. Depois de criar um bloco de campo personalizado, você precisa adicioná-lo ao checkout.

Etapas:

1. No admin da Shopify, acesse Apps > Checkout Blocks.

2. Clique em Blocos e, depois, em Criar bloco.

3. Clique em Campo personalizado.

4. Selecione o modelo para o campo que você quer usar. Se não quiser que nenhum campo ou configuração seja preenchido previamente, selecione Modelo em branco.

5. Na seção Nome do bloco, insira um nome para o bloco. Ele não será exibido para os clientes.

6. Na seção ID do bloco, use o menu suspenso para aplicar um número de ID específico. Saiba mais sobre os IDs de bloco.

7. Na seção Regras de exibição, configure as regras de exibição do bloco:

   • Para exibir o bloco para todos os clientes, deixe a seção Regras de exibição vazia.
   • Para criar uma regra de exibição, clique em ⊕ Adicionar regra de exibição e configure a regra. Adicione quantas regras de exibição forem necessárias.

8. Na seção Conteúdo, adicione e personalize o conteúdo do bloco:

   1. No menu Salvar como, selecione onde salvar os dados do campo personalizado. Saiba mais sobre os tipos de dados de campo personalizado.
   2. Na seção Campos, clique em ⊕ Adicionar campo personalizado e selecione o tipo de campo personalizado que você quer usar.
   3. Defina as informações do campo personalizado, como etiquetas, chave, opções de escolha e se ele é obrigatório. Clique em Concluído.
   4. Opcional: na seção Cabeçalho da seção, adicione um título e um subtítulo ao campo personalizado.
   5. Opcional: na seção Configurações, selecione se quer anexar "(opcional)" à etiqueta do campo e se quer exibir todos os campos.

9. Opcional: na seção Estilos, clique em Personalizar design para personalizar as margens, o recipiente e os estilos de divisor do bloco.

10. Opcional: na seção Publicação, clique no ícone de lápis para selecionar os mercados e as páginas de checkout em que o bloco será exibido.

11. Clique em Salvar.

Por padrão, o bloco é salvo como Rascunho. Quando tudo estiver pronto para publicá-lo, na seção Status, selecione Ativo no menu suspenso.

Adicionar um bloco de campo personalizado ao checkout

É possível adicionar um bloco de campo personalizado existente ao checkout. Os blocos precisam estar definidos como Ativos para serem exibidos no checkout.

Etapas:

1. No admin da Shopify, acesse Apps > Checkout Blocks.

2. Clique em Blocos.

3. Clique no bloco de campo personalizado que você quer adicionar ao checkout.

4. Clique em Mais ações ⌄ > Adicionar ao checkout.

5. Opcional: na seção ID de pré-visualização do bloco, clique no ícone da área de transferência para copiar o ID de pré-visualização exclusivo do bloco.

6. Selecione a configuração de checkout desejada e clique em Abrir editor.

7. No editor de checkout e contas, adicione o bloco de campo personalizado ao checkout:

   1. Acesse a página de checkout à qual você quer adicionar o bloco.
   2. Clique em ⊕ Adicionar bloco na seção em que você quer adicionar o bloco.
   3. Clique na opção Campo personalizado do Checkout Blocks.
   4. Configure os detalhes do bloco de checkout e selecione o ID de bloco correspondente.
   5. Opcional: use o campo ID de pré-visualização do bloco (para fins de teste) e o ID de pré-visualização do bloco para pré-visualizar como ele é exibido no checkout.
   6. Opcional: arraste e solte o bloco dinâmico para alterar o local na página de checkout em que ele será exibido.

8. Clique em Salvar.