Posso integrar o Trustbadge® noutro local na minha loja?

Ainda não integrou o Trustbadge? Então, faça a integração padrão antes de continuar. Este artigo irá ajudar com isso: Como posso integrar o Trustbadge® sem plug-in na minha loja?
No artigo hiperligado acima encontrará também o código Trustbadge, que constitui a base para todos os ajustes descritos no seguinte texto.

No âmbito da integração padrão, para o posicionamento do Trustbadge® estão definidas as seguintes regras:

• O Trustbadge é apresentado na vista Desktop no lado direito do ecrã e, na vista móvel, no lado esquerdo do ecrã.
• O Trustbadge é apresentado na vista Desktop 54 píxeis e, na vista móvel, 10 píxeis acima da margem inferior do ecrã.

Naturalmente, pode adaptar estas regras às suas necessidades individuais. O código Trustbadge oferece-lhe a possibilidade de colocar o Trustbadge na vista Desktop e na vista móvel, independentemente uma da outra, em diferentes locais do seu website.

Como altero o posicionamento na vista Desktop?

Na vista Desktop, o Trustbadge pode ser…

… deslocado horizontalmente da margem direita do ecrã para a esquerda.

… deslocado verticalmente para cima ou para baixo.

… colocado no seu website de forma totalmente flexível.

Colocar o Trustbadge na vista Desktop, na margem esquerda do ecrã

1. No âmbito do código Trustbadge encontre a seguinte linha de código:

   data-desktop-position="right"

2. Substitua a linha de código pela seguinte linha de código:

   data-desktop-position="left"

Desta forma, coloca o Trustbadge com sucesso na margem esquerda do ecrã.

Mover o Trustbadge para cima ou para baixo na vista Desktop

1. No âmbito do código Trustbadge encontre a seguinte linha de código:

   data-desktop-y-offset="0"

2. Substitua o 0 pelo número de píxeis necessários para mover o Trustbadge para cima ou para baixo.

Dois exemplos:

• Pretende mover o Trustbadge 20 píxeis para cima? Nesse caso, utilize a seguinte linha de código:

  data-desktop-y-offset="20"

• Pretende mover o Trustbadge para baixo? Então, utilize valores negativos. Para mover o Trustbadge 20 píxeis para baixo, utilize a seguinte linha de código:

  data-desktop-y-offset="-20"

Se o valor for de -54, o Trustbadge é colocado sem distância na margem inferior do ecrã. Recomendamos que utilize apenas valores até -44.

Desta forma, o Trustbadge é deslocado com sucesso para baixo ou para cima.

Colocar o Trustbadge de forma flexível na vista Desktop

Além da variante padrão do Trustbadge descrita até à data, também pode integrar a variante Custom no seu website.

A variante Custom distingue-se da variante padrão em três pontos:

1. Tem um aspeto diferente da variante padrão. Aqui, pode ver a variante Custom:
    
         (com estrelas de avaliação)                                              (sem estrelas de avaliação)
2. Pode colocar a variante Custom de forma totalmente flexível no seu website.
3. Pode alterar o tamanho da variante Custom (personalizada).

Por predefinição, a variante Custom tem uma largura de 156 píxeis e uma altura de 78 píxeis. A seguir, explicamos-lhe como pode alterar o tamanho do Trustbadge na vista Desktop. Está de acordo com os valores padrão acima mencionados? Então, ignore os dois passos seguintes e continue a partir do passo 3.

1. No âmbito do código Trustbadge encontre a seguinte linha de código:

   data-desktop-custom-width="156"

2. Substitua 156 pelo número de píxeis que pretende determinar como largura do Trustbadge.

O número de píxeis que pode selecionar neste ponto depende do facto de ter ocultado, ou não, as estrelas de avaliação na vista Desktop.

• Ocultou as estrelas de avaliação? Então, selecione um número de píxeis entre 32 e 58.
• Não ocultou as estrelas de avaliação? Então, selecione um número de píxeis entre 100 e 500.

O número de píxeis para a altura do Trustbadge resulta automaticamente da largura que selecionou. Não se destina a ser determinado por si.

3. No âmbito do código Trustbadge encontre a seguinte linha de código:

   data-desktop-enable-custom="false"

4. Substitua a linha de código pela seguinte linha de código:

   data-desktop-enable-custom="true"

5. Abra o código fonte do seu website.
6. Coloque a seguinte linha de código na posição do seu website, onde pretende que o Trustbadge apareça:

   <div id="trustbadgeCustomContainer"></div>

As posições possíveis seriam, por exemplo, o cabeçalho ou o rodapé.

Desta forma, integra com sucesso o Trustbadge no local que seleciona no seu website.

Como altero o posicionamento na vista móvel?

Na vista móvel, o Trustbadge pode ser…

… deslocado horizontalmente da margem esquerda do ecrã para o centro ou para a direita.

… deslocado verticalmente para cima ou para baixo.

… colocado no seu website de forma totalmente flexível.

Colocar o Trustbadge na vista móvel, na margem direita do ecrã ou no centro

1. No âmbito do código Trustbadge encontre a seguinte linha de código:

   data-mobile-position="left"

2. Substitua a linha de código por uma das seguintes linhas de código:
   - Se pretender colocar o Trustbadge no lado direito:

   data-mobile-position="right"

   - Se pretender colocar o Trustbadge no centro:

   data-mobile-position="center"

Desta forma, coloca o Trustbadge com sucesso na margem direita do ecrã ou no centro.

Mover o Trustbadge para cima ou para baixo na vista móvel

1. No âmbito do código Trustbadge encontre a seguinte linha de código:

   data-mobile-y-offset="0"

2. Substitua o 0 pelo número de píxeis necessários para mover o Trustbadge para cima ou para baixo.

Dois exemplos:

• Pretende mover o Trustbadge 5 píxeis para cima? Nesse caso, utilize a seguinte linha de código:

  data-mobile-y-offset="5"

• Pretende mover o Trustbadge para baixo? Então, utilize valores negativos. Para mover o Trustbadge 5 píxeis para baixo, utilize a seguinte linha de código:

  data-mobile-y-offset="-5"

  Utilize aqui exclusivamente valores até -10.

Desta forma, o Trustbadge é deslocado com sucesso para baixo ou para cima.

Colocar o Trustbadge de forma flexível na vista móvel

Além da variante standard de Trustbadge descrita até à data, também pode integrar a variante Custom na vista móvel do seu website. Por predefinição, a variante Custom tem na vista móvel uma largura de 156 píxeis e uma altura de 78 píxeis. A seguir, explicamos-lhe como pode alterar o tamanho do Trustbadge numa vista móvel. Está de acordo com os valores padrão acima mencionados? Então, ignore os dois passos seguintes e continue a partir do passo 3.

1. No âmbito do código Trustbadge encontre a seguinte linha de código:

   data-mobile-custom-width="156"

2. Substitua 156 pelo número de píxeis que pretende determinar como largura do Trustbadge.

O número de píxeis que pode selecionar neste ponto depende do facto de ter ocultado, ou não, as estrelas de avaliação na vista móvel.

• Ocultou as estrelas de avaliação? Então, selecione um número de píxeis entre 32 e 58.
• Não ocultou as estrelas de avaliação? Então, selecione um número de píxeis entre 100 e 500.

O número de píxeis para a altura do Trustbadge resulta automaticamente da largura que selecionou. Este não precisa de ser determinado por si.

3. No âmbito do código Trustbadge encontre a seguinte linha de código:

   data-mobile-enable-custom="false"

4. Substitua a linha de código pela seguinte linha de código:

   data-mobile-enable-custom="true"

5. Abra o código fonte do seu website.
6. Coloque a seguinte linha de código na posição do seu website, onde pretende que o Trustbadge apareça:

   <div id="trustbadgeCustomMobileContainer"></div>

As posições possíveis seriam, por exemplo, o cabeçalho ou o rodapé.

Desta forma, integra com sucesso o Trustbadge no local que seleciona no seu website.

Como posso colocar o Trustcard noutro local?

Após o checkout, o Trustcard aparece como janela pop-up na página de confirmação do pedido da sua loja. Ao utilizar o Trustcard, os seus clientes podem dar autorização para receberem um convite de avaliação e/ou protegerem o seu pedido com a Proteção ao Comprador.

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.

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

2. Copie a seguinte linha de código para a sua área de transferência:

   <div id="trustbadgeCustomCheckoutContainer"></div>

3. Insira a linha de código na posição do ficheiro modelo onde o Trustcard deve aparecer.

O Trustcard foi agora colocado com sucesso numa posição fixa na página de confirmação do pedido.