Como inserir um Bloco de produto no Editor arrastar e soltar

Neste artigo, explicaremos como inserir um bloco de produto em suas campanhas de e-mail e aproveitar a transferência de produto com um clique para preencher automaticamente o bloco de produto com as informações do produto. Adicionar um bloco de produto a um e-mail é uma ótima maneira de promover os produtos mais vendidos, os produtos em alta ou ofertas especiais.

❗️ Importante
Este recurso está acessível apenas para usuários usando API ou com um plugin WooCommerce (v4.0.0), or PrestaShop (v5.0.0) atualizado ou Shopify, Shopware 5, ou Shopware 6 no momento.

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 esses plug-ins (Shopify, WooCommerce (v4.0.0), Shopware 5, Shopware 6 ou PrestaShop [1.7 em diante]).
  • Se você tiver vários plug-ins 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. Titulo del producto
  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. Na guia Content (Conteúdo), arraste e solte o bloco Social em sua campanha.A janela pop-up Selecionar um produto é aberta.
  2. Na barra de pesquisa, digite o nome do produto que você gostaria de mostrar em sua campanha de e-mail e selecione-o na lista.
  3. Clique em Insert (Inserir).prestashop_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.

As informações do seu produto são preenchidas automaticamente no bloco Product (Produto ), como imagem, nome, descrição, preço e também URL. O URL é adicionado automaticamente à imagem e ao botão do produto. Você pode editar as informações do seu produto e o design do bloco Product na barra lateral esquerda ⬇️. 

Como alterar o estilo de um Bloco de produto

💡 É bom saber
Economize tempo na criação de seus e-mails salvando seus ativos de 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. Para saber mais, consulte nosso artigo dedicado Crie automaticamente seus e-mails com seus ativos de 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

  • Background color or image (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
  • A 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.

Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar o parceiro especialista certificado em Brevo.

💬 Este artigo foi útil?

Utilizadores que acharam útil: 1 de 14