Você sabia que é possível customizar algumas partes do nosso widget para adaptá-lo ao seu tema escuro? Neste artigo você aprenderá como!
Requisitos: É necessário que sua loja já possua a versão mais atualizada do nosso widget, o qual chamamos de sincero ou widget v2. Você pode aprender mais sobre a instalação navegando por nosso FAQ ou clique aqui.
Atualmente o padrão é o tema claro, exemplo:
Caso você queira customizar para ter um tema escuro, basta seguir os passos abaixo:
Passo 1
Adicione a seguinte porção de código juntamente na sua estrutura que dá início ao nosso widget:
<script type="text/javascript">
var customStyle = {
surveyAttributeBarLabel: {
color: 'black'
},
buttonDownvote: {
background: 'black'
},
buttonSuccess: {
background: 'blue'
},
buttonHasMore: {
background: 'black',
color: 'white'
},
buttonHasMoreHover: {
background: 'gray'
},
recommendationsBaseline: {
stroke: 'white'
},
generalText: {
color: 'white'
},
questionsHasQuestion: {
color: 'white'
},
reviewText: {
color: 'white'
},
questionsList: {
background: 'transparent',
border: '1px solid #3c3c3c'
},
questionInput: {
background: 'transparent',
color: 'white'
},
buttonUpvote: {
color: 'white'
}
}
window._trustvox = [];
_trustvox.push(['_storeId', 'Id-Loja']);
_trustvox.push(['_productId', productId]);
_trustvox.push(['_productName', productName]);
_trustvox.push(['_productPhotos', [url.image]]);
// ESTA LINHA É A RESPONSÁVEL PELA CUSTOMIZAÇÃO:
_trustvox.push(['_customStyle', customStyle]);
</script>
Passo 2
Salvar e atualizar a sua página de produto, se tudo correu bem, agora você deve ver algo como:
E pronto, você já aprendeu como deixar o nosso widget com o tema adequado da sua empresa!
Observação: Existem diversas partes do widget que podem ser customizadas, para mais informações de onde aplicar as personalizações veja o artigo: Como customizar o widget de opiniões da RA Trustvox
Se você quer customizar algo que não está nesta lista, entre em contato com a RA Trustvox através do chat 💬 disponível no menu 'Dúvidas e Suporte' no símbolo de interrogação ❔ do seu painel (de Segunda a Sexta das 9h às 17h - exceto feriados). Conte com a gente! 💚