Zainstaluj widget na dowolnej stronie
To uniwersalna metoda. Użyj jej na dowolnej stronie, gdzie możesz edytować kod HTML, albo jako punkt odniesienia, gdy Twojej platformy nie ma w tym centrum pomocy.
Jeśli używasz WordPress, Shopify, PrestaShop, Wix, Squarespace, GoDaddy albo Shoper, skorzystaj z poradnika dla swojej platformy. Kroki są takie same, ale zobaczysz dokładne ekrany do kliknięcia.
-
Zbuduj widget w panelu.
Otwórz app.justreview.co i wybierz widget, który Cię interesuje. Dostosuj kolory i układ w Customize, a w Services wybierz, które źródła opinii mają się wyświetlać.

-
Sprawdź podgląd na żywo.
Pod sekcjami Customize i Services znajduje się okno Live Preview, które pokazuje Twoje zmiany na bieżąco. Dopracuj wygląd tutaj, zanim skopiujesz jakikolwiek kod.

-
Wybierz źródła opinii do wyświetlenia.
W sekcji Services zaznacz, które podłączone źródła mają pojawić się w tym widgecie. Źródło musi być najpierw podłączone, zobacz Connectors.

-
Kliknij “Generate Code for your website”.

-
Skopiuj trzy części kodu.
Otwiera się okno z maksymalnie trzema blokami kodu. Każdy ma ikonę kopiowania w prawym górnym rogu.

-
Wklej część 1 i część 2 przed zamykającym tagiem
</body>.Część 1 ładuje bibliotekę JustReview. Część 2 to obiekt konfiguracyjny z ustawieniami, które właśnie wybrałeś. Część 2 musi znajdować się bezpośrednio pod częścią 1, inaczej widget może nie działać.
<!-- part 1: the library. Paste this only ONCE per page, --><!-- even when the page shows several widgets. --><script src="https://justreview.co/widget/justreview.js"></script><link rel="stylesheet" href="https://justreview.co/widget/justreview.css"><!-- part 2: your settings. One block per widget, directly below part 1. --><script>initTestimonials("YOUR_USER_ID", { /* your settings */ });</script> -
Wklej część 3 tam, gdzie ma się pojawić widget.
Część 3 to element kontenera. Umieść go dokładnie tam, gdzie chcesz, żeby widget wyrenderował się na stronie. Niektóre widgety, jak Badge, przyczepiają się do rogu ekranu i w ogóle nie mają części 3.
<div id="justreview-testimonials"></div>