Visão geral dos blocos para personalizar o checkout usando o Checkout Blocks

Os blocos do app Checkout Blocks, desenvolvidos com extensões de UI, ajudam a personalizar o checkout fornecendo blocos que você pode arrastar e soltar diretamente no editor de checkout e contas. Alguns tipos de bloco adicionam elementos de personalização visual ao checkout, como banners de informação e aviso ou mensagens de item de linha. Outros tipos de bloco adicionam elementos interativos ao checkout, como seletores de variante ou quantidade para itens de linha, ou caixas de seleção ou campos de texto para os clientes selecionarem ou inserirem informações adicionais.

O Checkout Blocks é compatível com até 30 blocos ativos por tipo de bloco. É possível ter até 30 campos personalizados, 30 blocos de conteúdo dinâmico ou outros tipos de blocos de uma só vez. Você pode criar mais de 30 blocos, mas apenas os primeiros 30 blocos ativos serão exibidos no checkout.

Os blocos exibidos no checkout dependem das regras de exibição que você aplicou ao bloco, da ordem em que os blocos são priorizados e se um ID de bloco está sendo usado para sempre exibir um bloco específico em um local específico.

Blocos disponíveis no Checkout Blocks

O Checkout Blocks é compatível com vários tipos de blocos. O tipo de bloco depende do tipo de conteúdo que você quer adicionar ao checkout, se quer adicionar regras de exibição condicionais e a quais páginas quer adicionar o bloco.

Alguns blocos não podem ser adicionados a determinadas páginas de checkout devido à função do próprio bloco. Por exemplo, um bloco de campo personalizado depende de o cliente inserir informações adicionais, como adicionar uma observação personalizada ou marcar uma caixa. Essas informações precisam ser capturadas antes da conclusão do pedido, portanto o campo personalizado não pode ser adicionado a páginas de pós-venda, como a página de agradecimento ou a página de status do pedido.

Saiba mais sobre como criar blocos.

Análise de blocos

Todo bloco ativo tem a análise de Visualizações, exibida na parte superior da página de informações do bloco no app Checkout Blocks. Essa análise acompanha uma contagem de quantas vezes o bloco foi exibido no checkout.

Por padrão, o bloco exibe a análise de Hoje, mas você pode clicar no menu suspenso de data e usar o seletor para analisar dias ou intervalos de datas específicos.

Para reinicializar a análise do bloco, clique em > Reinicializar análise. Essa ação não pode ser desfeita.

Regras de exibição para blocos

Muitos tipos de bloco, como os de conteúdo dinâmico e campo personalizado, permitem definir condições que estabelecem quais circunstâncias precisam ser atendidas para que o bloco de checkout seja exibido. É possível definir várias regras de exibição por bloco, bem como se todas ou apenas uma delas precisa ser atendida para exibir o bloco.

A sintaxe da regra de exibição varia de acordo com o tipo de bloco que está sendo criado, mas, em geral, as regras são criadas com os seguintes elementos, em ordem e quando aplicável:

1. A categoria da regra, como Tipo de produto ou Total do carrinho.
2. O operador lógico, como É, Não é, É maior que, Contém ou Termina com.
3. O parâmetro que define o valor específico desejado, como Vestidos ou 50,00.

Por exemplo, para exibir um banner para clientes que gastam muito e incentivá-los a criar uma conta, você pode criar um bloco com as seguintes regras de exibição:

• Exibir somente quando: todas as regras forem atendidas
• Total do carrinho > É maior ou igual a > US$ > 100,00
• Cliente está conectado > Falso

De acordo com esse conjunto de regras de exibição, o banner é exibido apenas quando o cliente gasta US$ 100 ou mais e não está conectado a uma conta de cliente. O banner não é exibido quando os clientes estão conectados nem quando não atingem o limite de US$ 100.

IDs de bloco

Alguns tipos de bloco, como o de campo personalizado ou o de conteúdo dinâmico, têm a opção de especificar um ID de bloco. Por padrão, o ID de bloco 0 é selecionado.

O ID de bloco permite adicionar diferentes blocos do mesmo tipo em seções diferentes do checkout. Pense no bloco de checkout do editor como um marcador de posição, que pode carregar vários blocos possíveis, dependendo das regras de exibição que você configurar nele. É possível adicionar até 10 “marcadores de posição” de bloco diferentes em cada página de checkout.

Exemplo 1: use IDs de bloco diferentes para especificar locais diferentes para blocos diferentes do mesmo tipo.

Você quer exibir uma caixa de seleção obrigatória na área de conteúdo principal, mas com uma observação de presente opcional na barra lateral. Como os dois blocos usam o tipo campo personalizado, é possível adicionar o bloco Campo personalizado duas vezes no editor de checkout e de contas e posicionar cada um onde você quer que ele seja exibido. No entanto, você precisa conseguir definir qual bloco específico vai em qual local.

A caixa de seleção obrigatória pode ser configurada para ter o ID de bloco 1 e a observação de presente opcional pode ser configurada para ter o ID de bloco 2. No editor de checkout e contas, você pode configurar o bloco Campo personalizado na área de conteúdo principal para usar o ID de bloco 1 a fim de exibir a caixa de seleção obrigatória e o bloco Campo personalizado na barra lateral para usar o ID de bloco 2 a fim de exibir a observação de presente opcional.

Exemplo 2: use o mesmo ID de bloco para especificar um único local para blocos do mesmo tipo com regras de exibição diferentes.

Você oferece três descontos de frete automáticos:

• um desconto de 10% em pedidos acima de US$ 25
• um desconto de 25% em pedidos acima de US$ 50
• frete grátis em pedidos acima de US$ 100

Para incentivar os clientes a adicionar mais itens ao carrinho antes de finalizar o pedido, adicione um banner dinâmico na seção Método de envio do checkout que os avise para adicionar mais itens ao carrinho com base no desconto de frete que estão mais perto de atingir.

É possível configurar três blocos de conteúdo dinâmico com o mesmo ID de bloco, como 6:

Confirme se o bloco Nível de frete 1 tem a prioridade de classificação mais alta e se o bloco Nível de frete 3 tem a prioridade de classificação mais baixa. Nesse caso, quando um cliente gasta menos de US$ 25, embora as condições de exibição de todos os três blocos tenham sido tecnicamente atendidas, o bloco do Nível 1 é exibido com a mensagem mais adequada. Quando um cliente gasta mais de US$ 25, mas menos de US$ 50, o bloco do Nível 2 é exibido com prioridade mais alta, mesmo que as condições para o bloco do Nível 3 também tenham sido tecnicamente atendidas.

Por fim, no editor de checkout e de contas, é possível adicionar um único bloco de conteúdo dinâmico com um ID de bloco 6 à seção Taxa de frete. O mais adequado dos três blocos de conteúdo dinâmico possíveis que você criou será exibido nesse espaço do “contêiner” durante o checkout. Quando um cliente gasta US$ 100 ou mais, nenhum conteúdo dinâmico é exibido nessa área do checkout, pois nenhuma regra de exibição foi atendida para blocos de conteúdo dinâmico com um ID de bloco 6.