INSTRUKCJA INTEGRACJI YOUSTICE

Postępuj zgodnie z przedstawionymi poniżej prostymi krokami, aby zintegrować Youstice ze swoją stroną internetową.

1. JAKI RODZAJ STRONY INTERNETOWEJ POSIADASZ?

2. INTEGRATION INSTRUCTIONS


Widget Youstice

Widget pozwala klientom na zgłaszanie problemów. Pokazuje również podstawowe informacje i statystyki. Należy pamiętać, że statystyki są dostępne dopiero po zgłoszeniu określonej liczby problemów.

Niniejszy kod wyświetla widget na Twojej stronie internetowej:

<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>

Możesz umieścić ten fragment kodu w stopce witryny lub w dowolnym miejscu na stronie. W przypadku prawidłowego zastosowania następujący widget zostanie wyświetlony na Twojej stronie. Domyślnie widget jest zamknięty.

Zamknięty widget:


Otwarty widget:
Youstice - logo widget

Przycisk reklamacji Youstice

Oprócz powyższego widgetu możesz użyć również dedykowanego przycisku zgłaszania problemu w określonych miejscach na swojej stronie internetowej (np. dział obsługi klienta lub zwrotów). Po jego kliknięciu klient zostanie przeniesiony do aplikacji Youstice, gdzie może rozpocząć zgłaszanie nowego problemu. Skopiuj poniższy kod do wybranej strony:

<iframe id="widget" style="width:230px;height:60px;background-color:transparent;border:none;" src="https://api.youstice.com/YApiServices/oneLine?shopId=&action=claimbutton"></iframe>
Na Twojej stronie powinien pojawić się następujący przycisk:

Logo Youstice w Twojej stopce

Możesz umieścić logo Youstice w stopce swojej strony internetowej, aby pokazać, że korzystasz z usług Youstice. Możesz wybrać spośród 4 różnych rozmiarów i kolorystyk loga.

Umieść logo w widocznym miejscu na swojej stronie internetowej.

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

Logo będzie wyglądać następująco:
Example logo