---
title: "Instalação Oracle CC"
slug: "instalacao-oracle-cc"
updated: 2021-09-08T14:38:48Z
published: 2021-09-08T14:38:48Z
canonical: "help.hiplatform.com/instalacao-oracle-cc"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.hiplatform.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Instalação Oracle CC

## 

| IMPORTANTE: A Yourviews não se responsabiliza pela instalação do script nessa plataforma. Nosso time, no entanto, dará todo o suporte necessário para garantir que o funcionamento do mesmo está adequado |
| --- |

## Token de acesso à API

A Yourviews precisa de acesso à API de pedidos da Oracle CC para que possa saber quando um pedido chegou em seu último status (geralmente "entregue").

1 - Ir em "Configurações" > "APIs da Web"

![](https://yv-misc.s3.amazonaws.com/hihelp/yv-5000771381_MBiFYM_m8KQv-0VEmd825YYmv5aEpGNm7g)

2 - Clicar na aba "Aplicativos registrados" e em seguida "Registrar aplicativo"

![](https://yv-misc.s3.amazonaws.com/hihelp/yv-5000771381_BhtFYH0rK79F5INOEhAqgQbwelvZmPINmA)

3 - Dê o nome de "Yourviews" e clique em "Salvar"

4 - Serão gerados dois códigos. O primeiro é o "Id" e o segundo é o "Key". Você deve enviar o "Key" para a Yourviews.

**Importante:**O "Key" precisa começar com "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9."; Ele deverá se parecer com a chave abaixo:

*eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzxxxxiOiJlZjQxYmNiZS1mYTMyLTRhMDEtYTVmZS04NTFlNzAyNTVhYjQiLCJpc3MiOiJhcHBsaWNhdGlvbkF1dGgiLCJxxxxOjE1ODM1MTaaaIsImlhyyyI6MTUcccuuuDg4Mn0=.hbHUKnhAzSkkkW9Ri/9diE0RwpdCx7pueEPggg0qElE8=*

Lembrando que esta é uma chave JWT e, como tal, deve ser possível validá-la no site: [https://jwt.io/](https://jwt.io/) sem erros.

| Também é necessário o envio do **Endpoint de API de Admin**, algo como: [https://ccadmin-prod-XXXX.oracleoutsourcing.com](https://ccadmin-prod-xxxx.oracleoutsourcing.com/) |
| --- |

## Instalação frontend

### **Prateleiras**

1- Em cada template de prateleira (home, busca, categoria, etc) adicionar o HTML abaixo no local onde se deseja exibir as estrelinhas:

<!-- Script Yourviews --> <div class="yv-review-quickreview" data-bind="attr:{value: id}"></div> <!-- /Script Yourviews -->

Exemplo:

![](https://yv-misc.s3.amazonaws.com/hihelp/yv-5000771381_yyEsp87l5933K9RAdc7KbjAmFQnTe-ZPwA)

2- Ainda no template HTML, adicionar o método onRender no início do HTML:

![](https://yv-misc.s3.amazonaws.com/hihelp/yv-5000771381_mCweWNLrSL9Op3ILWj-5veAeJV4yi4kGbg)

3- No javascript do Widget da prateleira, adicionar o JS da Yourviews como Require:

![](https://yv-misc.s3.amazonaws.com/hihelp/yv-5000771381_uNLDPPt_fq1GYUYj_BMtBdzNCNrUMkp9vQ)

**IMPORTANTE**: O script tem o seguinte formato: *[https://service.yourviews.com.br/script/CODIGO_DA_LOJA/yvapi.js](https://service.yourviews.com.br/script/CODIGO_DA_LOJA/yvapi.js)*

É importante trocar o CODIGO_DA_LOJA pelo código informado no **P****ainel administrativo > Conta > Código da Loja**

### **Página de Produto**

1 - Próximo ao nome do produto, adicionar a âncora das estrelas

```
 <div id="yv-review-quickreview"></div>
```

![](https://yv-misc.s3.amazonaws.com/hihelp/yv-5000771381_kCladQJdNNcr186ilr1fF_Y8eWbUyOfz0A)

2 - No local onde serão exibidos os reviews e as perguntas & respostas, respectivamente, adicionar no HTML o código

```
  <div id="yv-reviews" data-bind="onRender:  yv.vendorCustom.loadProductReview"></div>
  <div class="yv-qa"></div>
```

![](https://yv-misc.s3.amazonaws.com/hihelp/yv-5000771381_rOR3ssPRR4e5B-WuvM_3Pxluk0wonu72Rg)

3 - No javascript do widget, adicionar a Yourviews como necessário, no Require:

![](https://yv-misc.s3.amazonaws.com/hihelp/yv-5000771381_cIM7rG5t_NCZ2GFPUuutIzhaUkzNagfqjA)

**IMPORTANTE**: O script tem o seguinte formato: *[https://service.yourviews.com.br/script/CODIGO_DA_LOJA/yvapi.js](https://service.yourviews.com.br/script/CODIGO_DA_LOJA/yvapi.js)*

É importante trocar o CODIGO_DA_LOJA pelo código informado no **P****ainel administrativo > Conta > Código da Loja**

**Página/Hotsite para Escrever Avaliação**

Criar uma página/hot site com mesmo header e footer do site, mas com o seguinte conteúdo HTML:

```
<div id="yv-show-form" style="min-height:300px; background-image:url(https://service.yourviews.com.br/static/images/loading.gif);background-repeat:no-repeat">
<br/><br/>Por favor aguarde...
</div>
<div class="clear"></div>
```

**Selo de loja confiável**

Para gerar o selo, acesse o painel administrativo da Yourviews (caso não tenha acesso solicite ao nosso time), clique em personalizar > selo de loja confiável

![](https://yv-misc.s3.amazonaws.com/hihelp/yv-5000771381_C8QmSF0byaFxLJEvknutrWbm9u2Jc4AfNQ.png)

Preencha os campos conforme imagem, depois salve.

![](https://yv-misc.s3.amazonaws.com/hihelp/yv-5000771381_jR26uYOPLlUKE7Hjyy2kZa4KvBXPyz66Wg.png)

Em seguida será gerado o código do selo de loja confiável, para instala-lo, basta copiar e colar o código gerado no seu e-commerce, no local onde deseja que ele seja exibido.

![](https://yv-misc.s3.amazonaws.com/hihelp/yv-5000771381_RHDGGVcEWKWQVqq74ZFdUQsDUFUtDreQKw.png)