Insira produtos da sua loja online nos seus e-mails com o bloco de produtos

❗️ Importante
Este recurso só é acessível a usuários que utilizam um de nossos plug-ins ou API compatíveis. Conectar sua loja online à Brevo lhe dará acesso ao Painel de controle de comércio eletrônico

Crie e-mails exibindo produtos da sua loja online usando o bloco de produtos no editor de e-mails de arrastar e soltar sem precisar copiar. Crie e-mails personalizados exibindo seus produtos exatamente como eles aparecem no seu site!

💡 É bom saber
Dependendo do seu plano de assinatura e das suas necessidades, você pode querer usar uma das nossas opções alternativas de exibição de produtos:
  • Recomendações de produtos exibem uma lista dinâmica de produtos da sua loja online para criar recomendações personalizadas.

  • O feed de dados exibe listas de produtos personalizadas que são atualizadas automaticamente no momento do envio. Este recurso foi criado para nossos clientes avançados. 

Antes de começar

  • O bloco de produtos está disponível somente para usuários que utilizam um de nossos plug-ins ou API compatíveis.
  • Você pode conectar apenas uma loja on-line por conta ao painel de controle de comércio eletrônico. Se você tiver vários plug-ins instalados, o bloco de produtos não funcionará.
  • Para saber mais sobre como criar um e-mail no editor de e-mail de arrastar e soltar, confira nossos artigos dedicados.

O que é um bloco de produtos? 

Ao criar seu e-mail usando o editor de e-mail de arrastar e soltar, use o bloco de produtos para extrair automaticamente informações do produto, como imagens, nomes e preços, diretamente da sua loja online para seus designs de e-mail.

❗️ Importante
A sincronização entre sua loja online e a Brevo não é automática. Para atualizar um produto do seu bloco de produtos com as informações mais recentes da sua loja online, você precisa excluí-lo e inseri-lo novamente

O bloco de produtos pode extrair as seguintes informações sobre seus produtos:

mceclip9.png
  1. Imagem
  2. Título
  3. Descrição
  4. Preço
  5. URL (botão)

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

📦 Insira e preencha o bloco do seu produto 

Para inserir um bloco de produtos no design do seu e-mail:

  1. Crie uma campanha de e-mail ou modelo e acesse o editor de e-mail de arrastar e soltar na etapa Design.
  2. Na seção Conteúdo > Blocos no painel esquerdo, arraste e solte o bloco Conteúdo do produto.
  3. Clique no bloco de produtos que você acabou de arrastar e soltar para abrir suas configurações.
  4. Clique em Adicionar produto no painel esquerdo. Um modal é aberto para selecionar produtos. 
    add-product_en-us.png
  5. Pesquise e selecione os produtos que você deseja exibir no design do seu e-mail. Você pode selecionar até 9 produtos.
    select-products-block_en-us.png
  6. Clique em Adicionar produto

Parabéns! 🎉 Agora que as informações dos seus produtos estão exibidas no design do seu e-mail, você pode escolher como deseja exibi-las e projetá-las ⬇️. 

🎨 Edite e crie seu bloco de produtos

Depois de inserir o bloco de produtos no design do seu e-mail, você pode querer alterar a forma como seus produtos são exibidos. Por exemplo, você pode alterar a ordem de exibição dos seus produtos, escolher quais informações deseja exibir ou alterar a chamada para ação dos seus produtos. 

Clique no bloco de produtos para acessar suas configurações no painel esquerdo e editá-lo. Você será capaz de:

Alterar a ordem de exibição dos seus produtos 

Para reorganizar a ordem em que seus produtos são exibidos no bloco de produtos, arraste um produto e mova-o para a posição desejada usando o ícone de arrastar drag-icon.png:

change-product-list-order_en-us.gif

Adicionar ou excluir um produto da lista 

O conteúdo do bloco de produtos pode ser editado a qualquer momento durante o design do seu e-mail. Na seção Lista de produtos no painel esquerdo, você pode: 

edit-product-list_en-us.png

  1. Excluir um produto
    Clique no ícone da lixeira ao lado do nome do produto que você deseja excluir.
  2. Adicionar um produto
    Clique em Adicionar produto para abrir a lista de produtos disponíveis na sua loja online. Selecione aqueles que você deseja adicionar ao seu e-mail. 

Escolher e reorganizar a ordem das informações dos produtos

Dependendo do produto e da finalidade do seu e-mail, talvez você não queira mostrar todas as informações sobre o produto ou alterar a ordem em que elas são exibidas. 

Você pode realizar essas alterações para todos os seus produtos ou individualmente: 

Editar informações para todos os produtos Editar informações dos produtos individualmente

Na seção Conteúdo no painel esquerdo, você pode: 

edit-products-once-all_en-us.png

  1. Excluir informações do produto
    Desative as informações do produto que você não deseja exibir no seu bloco de produtos.
  2. Alterar a ordem de exibição das informações do seu produto 
    Arraste as informações do produto e solte-as na posição desejada usando o ícone de arrastar drag-icon.png.
  3. Alterar o texto da chamada para ação (CTA)
    No campo de texto em Botão, insira o texto que você deseja mostrar no botão que seus destinatários podem clicar para acessar o produto em sua loja online. 

Alterar o design geral do seu bloco de produtos

Altere a aparência geral do seu bloco de produtos nas Configurações no painel esquerdo:

design-product-block-design-settings_en-us.png

🧱 Layout

Escolha como os produtos aparecem dentro do seu bloco de produtos. Você pode escolher entre lista e grade:

Lista Grade

Os produtos são exibidos um abaixo do outro em uma lista vertical, ideal para mostrar informações detalhadas, como descrições ou especificações.

dd_product-block-list-layout_en-us.png

  • Posição da imagem: escolha onde a imagem do seu produto aparece em cada bloco.
  • Alinhamento de bloco: escolha onde seu texto deve ser alinhado dentro de cada bloco.
🖼️ Histórico

Altere a cor de fundo do bloco de produtos ou adicione uma imagem de fundo para separar visualmente o bloco de produtos ou alinhá-lo à sua marca.

📏 Espaçamento

Adicione espaçamento ou margem ao seu bloco de produtos para melhorar a legibilidade e criar espaço ao redor do seu conteúdo.

👁️ Visibilidade de conteúdo

Aplique condições à exibição do seu bloco de produtos para mostrá-lo apenas ao público ou aos dispositivos certos. Por exemplo, exibir o bloco de produtos somente em computadores ou para um grupo específico de usuários.
➡️ Para saber mais sobre visibilidade de conteúdo, confira nossos artigos dedicados Mostrar ou ocultar conteúdo em seus e-mails (visibilidade de conteúdo).

⏭️ O que vem a seguir?

🤔 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 à agência parceira da Brevo certa.

💬 Este artigo foi útil?

23 de 52 acharam isto útil