Blocos de edição do item de linha

Requisito de plano

Creating a line item edit block está disponível apenas para lojistas no plano Shopify Plus.

O bloco de edição do item de linha deixa o cliente ajustar o conteúdo do carrinho direto no checkout. Quando ativado, o botão Editar aparece embaixo de cada item de linha. Clique para abrir uma caixa pop-up com os recursos que você ativou, como o seletor de quantidade ou o botão Remover. Ao contrário de outros tipos de bloco de conteúdo que podem ser exibidos em várias seções do checkout, este aparece apenas no resumo do pedido, na seção Itens no carrinho.

Por padrão, esse bloco é útil em diversas situações e aparece no checkout para todos os clientes e produtos. No entanto, você tem a opção de mostrá-lo só em alguns casos, dependendo do produto. Use regras de exibição para controlar isso e crie vários blocos de item de linha conforme o conteúdo do carrinho.

Opções aceitas em blocos de edição do item de linha

É possível ativar diversas opções para editar itens de linha. Confira aquelas que são aceitas nos blocos:

• Blocos de conteúdo de item de linha: exibem conteúdo dinâmico específico do item de linha, como a mensagem de "Promoção final".
• Seletor de variante: exibe um seletor de variante para que clientes alternem as variantes do produto.
• Quantidade: exibe um seletor de quantidade para que clientes aumentem ou reduzam a quantidade de compra.
• Botão Remover: exibe um botão Remover para permitir que clientes retirem o item de linha do checkout. Só é exibido quando um carrinho contém dois ou mais itens de linha.
• Seletor de plano de venda (assinaturas): permite que clientes ativem ou desativem totalmente uma assinatura, bem como alterem a frequência dela. Essa informação é exibida apenas quando um carrinho contém um produto com assinatura disponível. Esse recurso não é compatível com o Recharge.

É possível ativar várias opções no mesmo bloco de edição de item de linha para que as mesmas regras de exibição sejam aplicadas a todas as opções.

Criar um bloco de edição de item de linha

É possível criar e configurar um bloco de edição do item de linha no app Checkout Blocks e, depois, adicioná-lo ao checkout.

Etapas:

1. No admin da Shopify, acesse Apps > Checkout Blocks.
2. Clique em Blocks ("Blocos") e em Create block ("Criar bloco").
3. Clique em Line item edit ("Edição de item de linha").
4. Na seção Block name ("Nome do bloco"), digite um nome para o bloco. Essa informação não aparece para clientes.

5. Na seção Display rules ("Regras de exibição"), configure as regras de exibição do bloco:

   • Para mostrar o bloco a todos os clientes e em todos os itens de linha, deixe a seção Display rules ("Regras de exibição") vazia.
   • Para criar uma regra de exibição, clique em ⊕ Add display rule ("Adicionar regra de exibição") e configure. É possível incluir quantas forem necessárias.

6. Na seção Content ("Conteúdo"), ative quantas opções compatíveis de bloco você quiser, como o seletor de variante ou o botão Remover.

7. Opcional: na seção Styles ("Estilos"), clique em Show expanded by default ("Expandir por padrão") para mostrar opções de exibição (como seletores de quantidade ou variante) completas por padrão durante o checkout.

8. Opcional: na seção Publishing ("Publicação"), clique no ícone de lápis para selecionar os mercados e as páginas de checkout em que você quer exibir o bloco.

9. Clique em Salvar.

O bloco fica salvo como Draft ("Rascunho") por padrão. Quando estiver tudo pronto para publicação, na seção Status, selecione Active ("Ativo") no menu suspenso.

Adicionar um bloco de edição do item de linha ao checkout

Você só precisa inserir o bloco de edição do item de linha uma vez no checkout para que todas as opções de edição e blocos de conteúdo do item de linha apareçam. Se você adicionar o bloco de edição de item de linha várias vezes, o conteúdo será duplicado.

Se você criar vários blocos de edição de item de linha, o que tiver a prioridade maior vai aparecer no resumo do pedido, desde que atenda às regras de exibição.

Etapas:

1. No admin da Shopify, acesse Apps > Checkout Blocks.
2. Clique em Blocks ("Blocos").
3. Clique no bloco de edição do item de linha que você quer adicionar ao checkout.
4. Clique em More actions ("Mais ações") > Add to checkout ("Adicionar ao checkout").
5. Opcional: na seção Preview block id ("Pré-visualizar ID do bloco"), clique na área de transferência para copiar o ID de pré-visualização exclusivo do bloco.
6. Escolha a configuração de checkout e clique em Open editor ("Abrir editor").

7. No editor de checkout e contas, adicione o bloco de edição do item de linha ao checkout:

   1. Acesse a página Checkout ou Informações.
   2. Clique em ⊕ Adicionar bloco de app na seção Resumo do pedido.
   3. Clique na opção Line item edit ("Edição de item de linha") do Checkout Blocks.
   4. Opcional: se você ativou as opções Seletor de variante, Seletor de quantidade ou Seletor de plano de venda (assinaturas), poderá usar as configurações de bloco do app para ajustar o estilo e o rótulo do botão Editar.
   5. Opcional: se você ativou a opção botão Remover, poderá usar as configurações do bloco de app para ajustar o estilo, o rótulo e o tom do botão.
   6. Opcional: use o campo Preview block id (For testing purposes) ("Pré-visualizar ID do bloco [para fins de teste]") e o ID de pré-visualização do bloco para ver como fica a aparência no checkout.

8. Clique em Salvar.