Ajuda
Fazer login

Blocos de conteúdo dinâmico

O bloco de Conteúdo dinâmico permite exibir vários tipos de conteúdo dinamicamente no checkout quando determinadas condições são atendidas.

Por exemplo, se você estiver realizando uma campanha para doar uma parte de todas as vendas de camisetas para uma instituição de caridade, poderá criar um banner especial de Agradecemos seu apoio que será exibido no checkout apenas quando um cliente comprar uma camiseta.

Nesta página

Itens de conteúdo compatíveis com blocos de conteúdo dinâmico

Os blocos de conteúdo dinâmico são compatíveis com os seguintes tipos de itens de conteúdo:

  • Seção expansível
  • Banner
  • Benefícios
  • Botão
  • Divisor
  • Título
  • Imagem
  • Espaçador
  • Texto

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

Os blocos de conteúdo dinâmico também são compatíveis com uma lista limitada de formatação Markdown ao escrever texto:

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

Para adicionar personalização ao conteúdo, também é possível usar variáveis 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. Depois de criar um bloco de conteúdo dinâmico, é preciso 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 Conteúdo dinâmico.

  4. Selecione o modelo para o campo que você quer usar. Caso não queira 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 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 em branco.
    • 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. Opcional: no campo Cabeçalho da seção, clique em Adicionar título (opcional) para adicionar um cabeçalho ao bloco.
    2. Na seção Itens de conteúdo, clique em ⊕ Adicionar item de conteúdo e selecione o item de conteúdo que você quer adicionar.
    3. Na caixa de diálogo do item de conteúdo, configure os detalhes e o estilo do item de conteúdo e clique em Concluído.
    4. Opcional: adicione mais itens de conteúdo e personalize-os conforme necessário.

  9. Opcional: na seção Estilos, clique em Personalizar design para personalizar os estilos e tamanhos do recipiente e da coluna 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.

O bloco é salvo como Rascunho por padrão. Quando estiver tudo pronto para publicar o bloco, na seção Status, selecione Ativo no menu suspenso.

Adicionar um bloco de conteúdo dinâmico ao checkout

É possível adicionar um bloco de conteúdo dinâmico existente ao checkout. Os blocos precisam estar definidos como Ativo para serem exibidos no checkout.

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

Etapas:

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

  2. Clique em Blocos.

  3. Clique no bloco de conteúdo dinâmico 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 de contas, adicione o bloco de conteúdo dinâmico ao checkout:

    1. Acesse a página de checkout em que 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 Conteúdo dinâmico do Checkout Blocks.
    4. Configure os detalhes do bloco de checkout e selecione o ID do bloco correspondente.
    5. Opcional: use o campo ID do bloco de pré-visualização (para fins de teste) e o ID de pré-visualização do bloco para pré-visualizar a exibição do bloco 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.