Pular para o conteúdo principal

Como inserir um Bloco de produto no Editor arrastar e soltar

Neste artigo, vamos explicar como inserir um Bloco de produto em suas campanhas de e-mail. Adicionar um Bloco de produto a um e-mail é uma ótima maneira de promover produtos campeões de venda, tendências ou ofertas especiais.

❗️ Importante
O Bloco de produto só está disponível se você estiver usando nossos plug-ins Shopify, WooCommerce (v4.0.0), Shopware 5, Shopware 6, o PrestaShop [1.7 onwards].

Antes de começar

  • O Bloco de produto está disponível para usuários que tenham conectado suas lojas de e-commerce usando um plug-in Brevo. Se não tiver conectado sua loja a sua conta Brevo, dê uma olhada em nossos artigos para aprender como instalar estes plugins (Shopify, WooCommerce (v4.0.0), Shopware 5, Shopware 6, o PrestaShop [1.7 onwards]).
  • Se você tiver vários plugins instalados (por exemplo Shopify e Shopware 5 instalados), o bloco Produto não funcionará. Você precisa ter apenas um plugin instalado.
  • Para aprender como criar uma campanha de e-mail no novo Editor arrastar e soltar, consulte nossa série de artigos dedicados.

Como funciona um Bloco de produto?

O Bloco de produto permite que você adicione facilmente produtos de suas lojas de e-commerce em suas campanhas de e-mail criadas usando o Editor arrastar e soltar.

O Bloco de produto contém:

  1. Imagem do produto
  2. Título do produto
  3. Descrição do produto
  4. Novo preço e preço original ("Compare o preço" no Shopify)
  5. Botão "Acessar produto"
mceclip9.png

Por padrão, a imagem e o botão do produto são automaticamente linkados à URL da página do produto. 

Depois de conectar sua loja com a Brevo, vamos enviar dados de e-commerce para sua conta para que você possa promover seus produtos.

Por hora, você só é capaz de selecionar manualmente um produto em cada Bloco de produto adicionado. Em breve adicionaremos a possibilidade de adicionar produtos dinamicamente, de modo que você possa destacar os mais vendidos, as tendências e as recomendações.

❗️ Importante
Se selecionar manualmente um produto no Bloco de produto, os detalhes do produto não serão atualizados automaticamente se você editar os detalhes em sua loja. Você terá que excluir o Bloco do produto antigo e inseri-lo novamente para ver as últimas alterações.

📦 Como inserir um Bloco de produto

Para inserir um Bloco de produto em uma campanha de e-mail usando o novo Editor arrastar e soltar:

  1. Arraste e solte o Bloco produto em seu modelo de e-mail.
  2. Na janela pop-up, digite o nome do produto que deseja inserir e selecione-o. 
  3. Clique em Inserir. Um bloco de produto formatado será inserido em sua newsletter.
    dde_auto-populate-product-block_EN-US.gif
❗️ Importante
Atualmente, a Brevo só recupera os dados do produto principal. Ainda não é possível obter as informações sobre as variantes.

Como alterar o estilo de um Bloco de produto

💡 Dica
Economize tempo na criação de seus e-mails salvando os ativos de sua marca na Biblioteca de marca. Depois de configurado, cada novo modelo selecionado por você herdará as propriedades de sua marca, tais como logo, cores, fontes e links para redes sociais. Se quiser saber mais, leia nosso artigo dedicado Crie automaticamente seus e-mails com os ativos de sua marca usando a Biblioteca de marca.

Depois de inserir seu Bloco de produto e atualizar os detalhes do produto, você pode editar o design do bloco para combinar com sua marca.

Para definir o estilo de design de todo o bloco de produtos, selecione o bloco de produtos e clique na guia Design:

  • Cor ou imagem de fundo,
  • Alinhamento dos blocos e
  • Espaços.
    DDE_product-design-tab_EN-US.png

Para editar elementos dentro do bloco do produto (Título, Texto, Imagem, Botão), clique em um elemento e use:

  • A guia Design no painel esquerdo para editar cada elemento Configurações de bloco e Espaçamento. Também é possível editar o alinhamento e a altura do texto, substituir, adicionar bordas ou editar a imagem, ou editar a largura e a cor do botão, por exemplo. 
    DDE_edit-product-elements_En-US.gif
  • barra de ferramentas superior para alterar o estilo da fonte, a cor, adicionar personalização ou adicionar um link, por exemplo.
    DDE_top-tool-bar_EN-US.png

Para saber mais sobre como usar as diferentes configurações de design e a barra de ferramentas superior, consulte nosso artigo dedicado Como usar os blocos de conteúdo?

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

💬 Este artigo foi útil?

Utilizadores que acharam útil: 0 de 6