Guia de integração da Youstice passo-a-passo

Por favor siga estes simples passos para integrar a Youstice no seu site.

1. QUE TIPO DE WEBSITE VOCÊ TEM?

2. INTEGRATION INSTRUCTIONS



A widget da Youstice

A Widget permite que os seus clientes apresentem reclamações. Ela também mostra informações básicas e estatísticas. Por favor, note que as estatísticas estarão disponíveis somente após um certo número de reclamações serem arquivadas.

Esse código mostra a widget no seu site:

<iframe id="widget" style="position:fixed;bottom:0px;right:0px;width:470px;height:300px;background-color:transparent;border:none;" src="https://api.youstice.com/YApiServices/oneLine?shopId=&action=widget&expanded=false" frameborder=0 ALLOWTRANSPARENCY="true"></iframe>

Você pode colocar este trecho do código em algum lugar na seção de rodapé do seu site. O posicionamento exato é você quem decide. Se feito corretamente, ele deve apresentar a seguinte widget no seu site. No modo padrão, a widget está fechada.

Widget fechada:


Widget aberta:
Youstice - logo widget

O botão de reclamação da Youstice

Além da widget acima, você pode querer usar um botão dedicado a reclamação num lugar específico do seu website (ex: atendimento ao cliente ou na seção de devolução). Clicando na widget os clientes serão direcionados para o aplicativo da Youstice, onde eles podem apresentar uma nova reclamação. Copie o código abaixo para na página de sua escolha:

<iframe id="widget" style="width:230px;height:60px;background-color:transparent;border:none;" src="https://api.youstice.com/YApiServices/oneLine?shopId=&action=claimbutton"></iframe>
A sua página deve mostrar o seguinte botão:

O logo da Youstice no seu rodapé

Você pode colocar o logotipo da Youstice no rodapé do seu site para indicar que você está usando o serviço Youstice. Você pode obter o logotipo em 4 tamanhos e esquemas de cores diferentes.

Coloque este logotipo em um local visível no seu site.

<img src="https://api.youstice.com/YApiServices/services/Api/shops//logo?size=32&scheme=WHITE/>

O logotipo será parecido com este:
Example logo