Blocos de conteúdo de item de linha

O bloco de conteúdo de item de linha permite mostrar informações específicas abaixo dos itens de linha no resumo do pedido no checkout quando determinadas condições são atendidas. 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.

Esse tipo de bloco é ótimo para mostrar informações como previsões de entrega ou políticas de promoção de itens específicos. Por exemplo, é possível adicionar uma mensagem de texto simples sobre atrasos na entrega de um produto que é exibida apenas quando o estado do frete é Nova York. Outra opção é mostrar uma mensagem pop-up de Promoção final exibida apenas quando o carrinho do cliente inclui um produto que foi marcado com promoção-final.

É possível exibir o conteúdo do bloco de item de linha em um dos seguintes formatos:

  • Texto simples
  • Selo
  • Dica de ferramenta
  • Janela modal pop-up

Use markdown para formatar o conteúdo e o Liquid para adicionar variáveis. No entanto, não é possível usar CSS, HTML ou JavaScript no conteúdo.

Quando vários blocos de conteúdo são exibidos em um item de linha, a ordem de exibição pode ser controlada por meio da prioridade de classificação.

Criar um bloco de conteúdo de item de linha

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

Etapas:

  1. No admin da Shopify, acesse Canais de vendas > Checkout Blocks.
  2. Clique em Blocks ("Blocos") e em Create block ("Criar bloco").
  3. Clique em Line item content ("Conteúdo 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"), adicione e personalize o conteúdo do bloco:

    1. No menu Display type ("Tipo de exibição"), selecione o formato do conteúdo.
    2. Opcional: se o bloco for uma Tooltip ("Dica de ferramenta") ou Open in modal ("Aberto em uma janela modal"), digite o Title ("Título") do conteúdo.
    3. No campo de texto Content ("Conteúdo"), digite o conteúdo. É possível formatar o conteúdo usando markdown e o Liquid.
    4. Opcional: na seção Styling ("Estilo"), é possível personalizar o estilo do conteúdo, como ícones e alinhamento ou cores do texto.
  7. 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.

  8. 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 de item de linha ao checkout

Blocos de conteúdo de item de linha aparecem no checkout como parte do bloco de edição do item de linha. Então, primeiro você precisa criar um bloco de edição de item de linha e definir a opção Line item content blocks ("Blocos de conteúdo de item de linha") como Active ("Ativa") para que o conteúdo seja exibido no checkout.

Você só precisa inserir o bloco de edição do item de linha uma vez no checkout para que todo o conteúdo apareça. Se você tiver vários blocos desse tipo, escolha a ordem de exibição ajustando a prioridade de classificação.

Etapas:

  1. No admin da Shopify, acesse Canais de vendas > Checkout Blocks.
  2. Clique em Blocks ("Blocos").
  3. Clique no bloco de conteúdo 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 de checkout em que você quer incluir o bloco.
    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: 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.

Não encontrou as respostas que está procurando? Estamos sempre à disposição para ajudar você.