Como posso integrar o Trustbadge® no meu site sem um plugin?

Existem plug-ins para muitos sistemas de software de lojas. Estes plug-ins ajudam-no na integração dos produtos que lançou no seu website. Desta forma, a integração é muito simples e confortável.
Nesta vista geral, verifique se está disponível um plug-in para o seu sistema de loja: Integre a Trusted Shops na sua loja
 
  • Está disponível um plug-in? Em seguida, siga as indicações de integração que encontrou utilizando a vista geral acima associada.
  • Não existe nenhum plug-in disponível? Então, volte a consultar estas instruções e execute os passos descritos a seguir.

Pode integrar o Trustbadge® logo no primeiro dia da sua adesão à Trusted Shops. Para isso, são necessários apenas cinco passos:

  1. Encontrar a sua ID Trusted Shops
  2. Configurar o código Trustbadge
  3. Integrar o código Trustbadge no seu website
  4. Definir a transferência de dados para o Trustcard
  5. Verificar a integração do Trustbadge

Passo 1: Encontrar a sua ID Trusted Shops

Para a integração do Trustbadge, necessita da sua ID Trusted Shops individual. Pode encontrar a sua ID Trusted Shops em My Trusted Shops.

  1. Inicie sessão em My Trusted Shops. O painel abre-se.
  2. Na coluna direita do painel, encontre a sua ID Trusted Shops (“ID TS”).

01_PT.png

Passo 2: Configurar o código Trustbadge

A base para a integração do seu Trustbadge é o seguinte código de integração:

<script async 
data-desktop-y-offset="0"
data-mobile-y-offset="0"
data-desktop-disable-reviews="false"
data-desktop-enable-custom="false"
data-desktop-position="right"
data-desktop-custom-width="156"
data-desktop-enable-fadeout="false"
data-disable-mobile="false"
data-disable-trustbadge="false"
data-mobile-custom-width="156"
data-mobile-disable-reviews="false"
data-mobile-enable-custom="false"
data-mobile-position="left"
data-mobile-enable-topbar="false"
data-mobile-enable-fadeout="true"
data-color-scheme="light"
charset="UTF-8"
src="//widgets.trustedshops.com/js/YOUR_TSID.js">
</script>
  1. No âmbito do código de integração, procure pela seguinte linha de código:
    src="//widgets.trustedshops.com/js/YOUR_TSID.js">
  2. Substitua a área marcada a negrito YOUR_TSID pela sua ID Trusted Shops.

02_PT.pngDesta forma, cria o seu código Trustbadge. Se não efetuar mais ajustes, o Trustbadge…

… mostra as suas avaliações acumuladas e – depois de obter com sucesso a certificação – o seu selo de qualidade.

… é apresentado à direita na vista Desktop e à esquerda na vista móvel.

… é apresentado na vista Desktop, 54 píxeis acima da margem inferior do ecrã, e na vista móvel, 10 píxeis acima da margem inferior do ecrã.

Aqui, tem duas possibilidades:

  • Concorda com estas definições? Em seguida, avance diretamente para o passo 3.
  • Gostaria de apresentar o Trustbadge de forma diferente ou integrá-lo noutro local do seu site? Continue a configurar o Código Trustbadge através deste artigo: Como posso adaptar o Trustbadge® às minhas necessidades? De seguida, volte a este artigo e continue com o passo 3.

Passo 3: Integrar o código Trustbadge no seu website

Configurou o código Trustbadge de acordo com as suas preferências? Então, integre-o agora no seu website.

  1. No seu sistema de software de loja, abra o seu ficheiro de rodapé.
O nome do ficheiro de rodapé é provavelmente footer.php ou semelhante.
  1. Copie todo o código Trustbadge preparado para a sua memória temporária.
  2. Insira o código Trustbadge no ficheiro de rodapé imediatamente antes do dia de encerramento </body>.

Desse modo, o Trustbadge está disponível em todas as páginas do seu site, incluindo a página de confirmação do pedido.

Passo 4: Definir a transferência de dados para o Trustcard

Uma funcionalidade importante do Trustbadge é o Trustcard. O Trustcard abre-se no seu site após o checkout. Através do Trustcard, os seus clientes podem dar o seu consentimento para a receção de um convite de avaliação e/ou salvaguardar o seu pedido por meio da Proteção ao Comprador.

03_PT.png

Para que o TrustCard se abra no momento certo, o Trustbadge tem de poder reconhecer a página de confirmação do pedido. Para o efeito, tem de integrar um elemento DIV no modelo da página de confirmação do pedido.

Este elemento DIV também é utilizado para transferir dados do seu site para o Trustbadge, o que é necessário para a Proteção ao Comprador e para o envio de um convite de avaliação.

Os passos seguintes diferem conforme recolha apenas avaliações de serviço ou avaliações de serviço e produto com a Trusted Shops. Agora clique no link que corresponde ao seu site para continuar:

Definir a entrega de dados para avaliações de serviço

Os passos seguintes descrevem como definir a entrega de dados apenas para avaliações de serviço. Gostaria de recolher avaliações de produto para além das avaliações de serviço? Então siga os passos descritos aqui: Definir a transferencia do dados para avaliações do serviço e do produto

A base para o elemento DIV é o seguinte código:

<div id="trustedShopsCheckout" style="display: none;"> 
<span id="tsCheckoutOrderNr">2020-05-21-001</span>
<span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span>
<span id="tsCheckoutOrderAmount">1.01</span>
<span id="tsCheckoutOrderCurrency">EUR</span>
<span id="tsCheckoutOrderPaymentType">VORKASSE</span>
<span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span>
</div>

Através do elemento DIV, os dados do pedido devem ser preenchidos e transmitidos de forma dinâmica. Por isso, não copie o exemplo de código acima para a sua página de confirmação do pedidosem qualquer alteração.

  1. Substitua os valores de exemplo e marcados a negrito dos parâmetros. Para tal, utilize as variáveis correspondentes na linguagem de programação utilizada pelo seu sistema de loja. A tabela a seguir explica os parâmetros individuais: 
Parâmetros Função Observações<
<span id="tsCheckoutOrderNr">2020-05-21-001</span> Transferência do número do pedido  
<span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span> Transferência do endereço de e-mail dos seus clientes  
<span id="tsCheckoutOrderAmount">1.01</span> Transferência do valor do pedido Como pode ver no exemplo 1.01, o separador decimal é um ponto. Além disso, são transferidas duas casas decimais.
<span id="tsCheckoutOrderCurrency">EUR</span> Transferência do código da moeda do pedido A norma ISO 4217 suporta os códigos da moeda. Se oferecer apenas uma moeda, pode introduzir este valor com uma codificação rígida.
<span id="tsCheckoutOrderPaymentType">VORKASSE</span> Transferência do método de pagamento utilizado  
<span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span> Transferência da data de entrega prevista Necessário se pretender enviar pedidos de avaliação em função da data de entrega prevista. A data transferida não pode ser posterior a um ano. É suportado o formato de data AAAA-MM-DD.
No idioma de programação PHP, a transferência do endereço de e-mail, por exemplo, pode ter o seguinte aspeto:
<span id="tsCheckoutBuyerEmail"><?php echo $customer_email; ?><span>

$customer_email corresponde ao endereço de e-mail do cliente no seu sistema de loja. Consulte a documentação do seu sistema de loja para definir com precisão as variáveis a utilizar, uma vez que variam de sistema para sistema. Por isso, infelizmente, não podemos fornecer aqui informações gerais.
  1. Abra o ficheiro modelo da sua página de confirmação do pedido.
O ficheiro modelo terá provavelmente o nome de finish.tpl, thankyou.php, success.phtml ou semelhante.
  1. Copie todo o código do elemento DIV preparado para a sua memória temporária. 
  2. Introduza o código no ficheiro modelo da página de confirmação do pedido. 

Assim, após o checkout, o Trustcard abre-se na página de confirmação do pedido. Assim, o Trustbadge está integrado no seu site com todas as suas funcionalidades.

Não quer que o Trustcard se abra como um pop up? Em seguida, pode atribuí-lo a uma posição fixa na página de confirmação do pedido. Pode obter mais informações aqui: Como posso colocar o Trustcard noutro local?

Definir a transferencia do dados para avaliações do serviço e do produto

Os passos seguintes descrevem como definir a entrega de dados para avaliações do serviço e do produto. Pretende recolher apenas avaliações de serviço? Então siga os passos descritos aqui: Definir a entrega de dados para avaliações de serviço

A base para o elemento DIV é o seguinte código:

<div id="trustedShopsCheckout" style="display: none;"> 
<span id="tsCheckoutOrderNr">2020-05-21-001</span>
<span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span>
<span id="tsCheckoutOrderAmount">1.01</span>
<span id="tsCheckoutOrderCurrency">EUR</span>
<span id="tsCheckoutOrderPaymentType">VORKASSE</span>
<span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span>

<!-- product reviews start -->
 <!-- for each product in the basket full set of data is required -->
 <span class="tsCheckoutProductItem">
 <span class="tsCheckoutProductUrl">http://www.shop.url/product_page.html</span>
 <span class="tsCheckoutProductImageUrl">http://www.shop.url/image.png</span>
 <span class="tsCheckoutProductName">Product Name</span>
 <span class="tsCheckoutProductSKU">0123456789</span>
 <span class="tsCheckoutProductGTIN">0123456789</span>
 <span class="tsCheckoutProductMPN">0123456789</span>
<span class="tsCheckoutProductBrand">My Great Brand</span>
 </span>
 <!-- product reviews end -->
</div>

Através do elemento DIV, os dados do pedido devem ser preenchidos e transmitidos de forma dinâmica. Por isso, não copie o exemplo de código acima para a sua página de confirmação do pedidosem qualquer alteração.

  1. Substitua os valores de exemplo e marcados a negrito dos parâmetros. Para tal, utilize as variáveis correspondentes na linguagem de programação utilizada pelo seu sistema de loja. A tabela a seguir explica os parâmetros individuais: 
Parâmetros Função Observações<
<span id="tsCheckoutOrderNr">2020-05-21-001</span> Transferência do número do pedido  
<span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span> Transferência do endereço de e-mail dos seus clientes  
<span id="tsCheckoutOrderAmount">1.01</span> Transferência do valor do pedido Como pode ver no exemplo 1.01, o separador decimal é um ponto. Além disso, são transferidas duas casas decimais.
<span id="tsCheckoutOrderCurrency">EUR</span> Transferência do código da moeda do pedido A norma ISO 4217 suporta os códigos da moeda. Se oferecer apenas uma moeda, pode introduzir este valor com uma codificação rígida.
<span id="tsCheckoutOrderPaymentType">VORKASSE</span> Transferência do método de pagamento utilizado  
<span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span> Transferência da data de entrega prevista Necessário se pretender enviar pedidos de avaliação em função da data de entrega prevista. A data transferida não pode ser posterior a um ano. É suportado o formato de data AAAA-MM-DD.
<span class="tsCheckoutProductUrl">http://www.shop.url/product_page.html</span> Transferência do URL completo da página de detalhes do produto  
<span class="tsCheckoutProductName">Product Name</span> Transferência do nome do produto  
<span class="tsCheckoutProductSKU">0123456789</span> Transferência da Unidade de Manutenção de Stock (SKU), ou seja, o número de artigo que atribuiu  
<span class="tsCheckoutProductImageUrl">http://www.shop.url/image.png</span> Transferência do URL de uma imagem do produto Opcional, mas altamente recomendado. A imagem do produto é exibida no questionário de opinião e permite que os seus clientes se recordem mais facilmente do produto. Isto aumenta a taxa de conversão dos seus pedidos de avaliação.
<span class="tsCheckoutProductGTIN">0123456789</span> Transferência do Global Trade Item Number (GTIN) Opcional, mas necessário ao utilizar a integração com Google. Uma vez que o GTIN identifica um produto de forma única a nível mundial, a transferência do GTIN facilita particularmente a atribuição pelo Google das suas avaliações de produto recolhidas ao produto certo.
<span class="tsCheckoutProductMPN">0123456789</span> Transferência do número de peça do fabricante (MPN) Opcional. O parâmetro também é utilizado para identificar claramente o produto.
<span class="tsCheckoutProductBrand">My Great Brand</span> Transferência da marca do produto Opcional. Tal como o GTIN e o MPN, a marca do produto também ajuda a identificar os produtos com clareza e a transferir corretamente as opiniões recolhidas para o Google.
No idioma de programação PHP, a transferência do endereço de e-mail, por exemplo, pode ter o seguinte aspeto:
<span id="tsCheckoutBuyerEmail"><?php echo $customer_email; ?><span>

$customer_email corresponde ao endereço de e-mail do cliente no seu sistema de loja. Consulte a documentação do seu sistema de loja para definir com precisão as variáveis a utilizar, uma vez que variam de sistema para sistema. Por isso, infelizmente, não podemos fornecer aqui informações gerais.
  1. Abra o ficheiro modelo da sua página de confirmação do pedido.
O ficheiro modelo terá provavelmente o nome de finish.tpl, thankyou.php, success.phtml ou semelhante.
  1. Copie todo o código do elemento DIV preparado para a sua memória temporária. 
  2. Introduza o código no ficheiro modelo da página de confirmação do pedido. 

Assim, após o checkout, o Trustcard abre-se na página de confirmação do pedido. Assim, o Trustbadge está integrado no seu site com todas as suas funcionalidades.

Não quer que o Trustcard se abra como um pop up? Em seguida, pode atribuí-lo a uma posição fixa na página de confirmação do pedido. Pode obter mais informações aqui: Como posso colocar o Trustcard noutro local?

Passo 5: Verificar a integração do Trustbadge

Teste agora a função do seu Trustbadge acionando um pedido de teste no seu site. Se o Trustbadge tiver sido corretamente integrado, o Trustcard aparece no final do processo de checkout.

03_PT.png

Este artigo servirá de ajuda na auditoria da integração do Trustbadge: Como verifico a integração do meu Trustbadge®?

Para quaisquer dúvidas ou problemas com a sua integração, contacte a nossa equipa Customer-Success através do endereço members@trustedshops.com.
Estabeleceu uma política de segurança de conteúdos para o seu website? Então, verifique se tem de adaptar a sua política após a integração do Trustbadge. Este artigo pode ajudar: Como posso adaptar a minha Política de Segurança de Conteúdos depois de integrar o Trustbadge®?

Este artigo foi útil?

Utilizadores que acharam útil: 20 de 33