Instalação da Trustvox na plataforma Ciashop (Essential)
Esse documento demonstra como instalar o Widget da Trustvox na Ciashop (Essential).
1. Entrar na página Gerenciador do Portal e encontrar template ativo loja
Para encontrar o template ativo da sua loja, você deve clicar em: Layout > Gerenciar Templates
Nessa página você encontrará a versão atual que está sendo usada conforme imagem abaixo. Para prosseguir com a instalação você deve Configurar Template (ícone de engrenagem).
2. Configurar Template
Na página de configurar template, clique em Módulos conforme imagem abaixo:
Agora você terá acesso aos campos específicos para inserir os scripts da Trustvox:
Estes são os códigos que devem ser inseridos nos respectivos campos:
Obs.: Você receberá o ID (IDENTIFICADOR DA SUA LOJA) de nossa equipe.
2.1 Código HTML para avaliação (rate):
<script type="text/javascript"> var _trustvox_shelf_rate = _trustvox_shelf_rate || []; _trustvox_shelf_rate.push(['_storeId', 'IDENTIFICADOR DA SUA LOJA']); </script> <script type="text/javascript" async="true" src="//rate.trustvox.com.br/widget.js"></script> <div class="trustvox-rate"> <a class="trustvox-fluid-jump trustvox-widget-rating" href="#trustvox-reviews" title="Pergunte e veja opiniões de quem já comprou"> <div class="trustvox-widget-rating" data-trustvox-product-code-js="produtoId" data-trustvox-display-rate-schema="true"></div> <span class="rating-click-here">Clique e veja!</span> </a> </div><br>
2.2 Código HTML para âncora de comentário:
Não é necessário preencher este campo.
2.3 Script para opinião do produto:
<script type="text/javascript"> var _trustvox = _trustvox || []; _trustvox.push(['_storeId', 'IDENTIFICADOR DA SUA LOJA']); _trustvox.push(['_productId', produtoId]); _trustvox.push(['_productName',$('#lblNome').text()]); _trustvox.push(['_productPhotos', [$('#imgPrincipalProduto').attr('src')]]); $(document).ready(function() { $('.trustvox-fluid-jump').on('click', function(event) { event.preventDefault(); var offset = $($(this).attr('href')).offset().top; $('html, body').animate({scrollTop:offset}, 500); }); }); </script> <script async="true" type="text/javascript" src="//static.trustvox.com.br/assets/widget.js"></script> <div class="heading-secundary"> <h2 id="trustvox-reviews">Pergunte e veja opiniões de quem já comprou</h2> </div> <div id="_trustvox_widget"></div><br>
2.4 Script do Certificado:
Não é necessário preencher este campo.
Posso ter o Selo e Certificado de Site Sincero? Veja aqui.
3. Agora é só Salvar! ;D