Como posso integrar o Trustbadge na minha loja sem um plug-in?

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”).

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.

Desta 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.
• Pretende apresentar o Trustbadge de outra forma ou integrá-lo noutro local na sua loja? 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é.

2. Copie todo o código Trustbadge preparado para a sua memória temporária.
3. Insira o código Trustbadge no ficheiro de rodapé imediatamente antes do dia de encerramento </body>.

O Trustbadge está, assim, disponível em cada página da sua loja, e também na 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 após o checkout na sua loja. 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.

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, integre o elemento DIV abaixo no modelo da página de confirmação do pedido.

Através deste elemento DIV, são transmitidos ao Trustbadge os dados necessários à Proteção ao Comprador e ao envio de um convite de avaliação a partir da sua loja.

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">4005.95</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: 

<span id="tsCheckoutBuyerEmail"><?php echo $customer_email; ?><span>

2. Abra o ficheiro modelo da sua página de confirmação do pedido.

3. Copie todo o código do elemento DIV preparado para a sua memória temporária. 
4. 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 na sua loja com todas as suas funcionalidades.

Passo 5: Verificar a integração do Trustbadge

Teste agora o funcionamento do seu Trustbadge, ativando um pedido de teste na sua loja. Se o Trustbadge tiver sido corretamente integrado, o Trustcard aparece no final do processo de checkout.

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