Instalação Selo eBit

Código CSS/HTML
1

Boa tarde pessoal,

Me inscrevi para participar do programa eBit.

Recebi o meu ID na Ebit via e-mail, e fiz a configuração do mesmo em (Soluções > Aplicativos > Ebit)

Onde informei o meu ID na Ebit que recebi por e-mail em Store ID e Buscapé ID

Porém, o Selo do Ebit não esta aparecendo em meu site, esta apenas aparecendo o link:

image
image894×149 17.4 KB

Ao fazer um teste de pedido, o Banner do Ebit aparece normalmente:

image
image1286×424 80.9 KB

Porém ao clicar, sou redirecionado para este site:

image
image1899×665 81.6 KB

Como consigo corrigir essas duas questões ?

  • Ajustar para que o selo seja exibido no rodapé do site.
  • Ajustar para que a página de pesquisa do eBit seja aberta, para que o usuário faça a avaliação.
1 curtida
2

Em relação a situação:

  • Ajustar para que o selo seja exibido no rodapé do site.

Acredito que seja algo do Loja Integrada. Apliquei o Script enviado pelo eBit, em um simulador de HTML, e o mesmo retornou o selo normalmente sem nenhum tipo de erro.

image

Porém fazendo a mesma coisa na Loja Integrada, o Selo não fica com a imagem disponível.

3

Em relação a situação:

  • Ajustar para que a página de pesquisa do eBit seja aberta, para que o usuário faça a avaliação.

Encontrei este tópico:

Onde nele possuí o código para o banner ser exibido e o cliente consiga fazer a avaliação.

Incluindo este código, o banner foi retornado, e o cliente conseguiu fazer a avaliação normalmente.

Ainda sigo na tentativa de identificar o porque o Selo não esta exibindo a imagem.

4

Pessoal, em relação a questão:

  • Ajustar para que o selo seja exibido no rodapé do site.

Pude observar que na configuração dos parâmetros com o Id eBit, possuía um espaço antes da numeração, fazendo com que este espaço em branco como primeiro caractere estava sendo a causa do selo não estar sendo retornado no site.

image
image816×609 24.9 KB

Após o ajuste, o selo foi retornado normalmente:

image

5

Para deixar os selos alinhados, apliquei o seguinte script :

<style>
    .span4.selos {
        text-align: center; /* Centraliza o conteúdo dentro da classe */
    }

    .span4.selos ul {
        list-style: none; 
        padding: 0;
        margin: 0 auto; 
        display: flex; 
        justify-content: center;
        align-items: center; 
    }

    .span4.selos li {
        margin: 0 10px; 
    }
</style>

Ficando dessa forma:
image

Então é isso pessoal, espero que tenha ajudado!

Boas vendas a todos!

1 curtida