Blocos de conteúdo dinâmico

Requisito de plano

Lojistas no plano Basic Shopify ou superior podem criar blocos de conteúdo dinâmico e colocá-los apenas nas páginas de agradecimento e status do pedido.

O bloco de conteúdo dinâmico possibilita a exibição de diferentes tipos de conteúdo no checkout quando determinadas condições são atendidas.

Por exemplo, se você estiver veiculando uma campanha a fim de doar uma parte de todas as vendas de camisetas para caridade, crie um banner especial Agradecemos seu apoio para mostrar no checkout apenas quando o cliente compra uma camiseta.

Itens de conteúdo aceitos em blocos de conteúdo dinâmico

Blocos de conteúdo dinâmico aceitam os seguintes tipos:

• Menus sanfona
• Banner
• Benefícios
• Botão
• Divisor
• Título
• Imagem
• Separador
• Texto

É possível adicionar vários itens de conteúdo a um bloco de conteúdo dinâmico.

Além disso, esse recurso também aceita uma lista limitada de formatação em markdown para texto:

• Títulos H1, H2 e H3
• Negrito, itálico e tachado
• Imagens
• Quebra de linha
• Links
• Listas ordenadas e não ordenadas
• Regras horizontais

Para personalizar o conteúdo, também é possível usar variáveis do Liquid.

Criar um bloco de conteúdo dinâmico

É possível criar e configurar um bloco de conteúdo dinâmico 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 Dynamic content ("Conteúdo dinâmico").
4. Selecione o modelo do campo que você quer usar. Se não quiser campos ou configurações preenchidos previamente, escolha Blank template ("Modelo em branco").
5. Na seção Block name ("Nome do bloco"), digite um nome para o bloco. Essa informação não aparece para clientes.
6. Na seção App block ID ("ID do bloco de app"), use o menu suspenso para aplicar um número de ID específico. Saiba mais sobre IDs de blocos de app.

7. 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, 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.

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

   1. Opcional: no campo Section header ("Cabeçalho da seção"), clique em Add title (optional) ("Adicionar título [opcional]") para dar um título ao bloco.
   2. Na seção Content items ("Itens de conteúdo"), clique em ⊕ Add content item ("Adicionar item de conteúdo") e selecione aquele que você quer adicionar.
   3. Na caixa de diálogo do item de conteúdo, configure as informações e o estilo e clique em Done ("Pronto").
   4. Opcional: adicione e personalize mais itens de conteúdo conforme o necessário.

9. Opcional: na seção Styles ("Estilos"), clique em Customize design ("Personalizar design") para customizar o estilo e o tamanho do recipiente e das colunas do bloco.

10. 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.

11. 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 conteúdo dinâmico ao checkout

É possível adicionar um bloco de conteúdo dinâmico ao checkout. Vale destacar que blocos precisam ser definidos como Ativos para aparecerem durante a finalização da compra.

Se você quiser pré-visualizar o bloco no editor de checkout e contas, copie o ID exclusivo de pré-visualização do bloco no app Checkout Blocks.

Etapas:

1. No admin da Shopify, acesse Apps > Checkout Blocks.
2. Clique em Blocks ("Blocos").
3. Clique no bloco de conteúdo dinâmico 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 conteúdo dinâmico ao checkout:

   1. Acesse a página de checkout em que você quer incluir o bloco.
   2. Clique em ⊕ Adicionar bloco de app na seção em que você quer incluir o bloco.
   3. Clique na opção Dynamic content ("Conteúdo dinâmico") do Checkout Blocks.
   4. Configure as informações do bloco de checkout e selecione o ID do bloco de apps correspondente.
   5. 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.
   6. Opcional: arraste e solte o bloco dinâmico para mudar o local na página de checkout onde você quer exibi-lo.

8. Clique em Salvar.