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:
- Encontrar a sua ID Trusted Shops
- Configurar o código Trustbadge
- Integrar o código Trustbadge no seu website
- Definir a transferência de dados para o Trustcard
- 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.
- Inicie sessão em My Trusted Shops. O painel abre-se.
- 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>
- No âmbito do código de integração, procure pela seguinte linha de código:
src="//widgets.trustedshops.com/js/YOUR_TSID.js">
- 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.
- No seu sistema de software de loja, abra o seu ficheiro de rodapé.
- Copie todo o código Trustbadge preparado para a sua memória temporária.
- 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.
- 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">4005.95</span> | Transferência do valor do pedido | Como pode ver no exemplo 4005.95, 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. É suportado o formato de data AAAA-MM-DD. |
<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.
- Abra o ficheiro modelo da sua página de confirmação do pedido.
- Copie todo o código do elemento DIV preparado para a sua memória temporária.
- 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®?