Widget

Strona główna / Widget

Prosta instalacja

Nasz widget pozwala na łatwą integrację z każdym sklepem internetowym.
Klienci mogą zacząć obserwować cenę produktu w Twoim sklepie
bez opuszczania strony.

<div id="pricewatch-widget"></div>
<script type="text/javascript">
    (function(d, s, id) {
        var js, pwjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "https://www.pricewatch.dev/assets/js/widget.min.js?lang=pl";
        pwjs.parentNode.insertBefore(js, pwjs);
    }(document, "script", "pricewatch-widget-js"));
</script>

Widget

Jak to działa?

Wystarczy osadzić nasz widget na swojej stronie i gotowe.

Wybierz produkt

Na stronie produktu pojawia się przycisk do obserwowania ceny wybranego produktu.

Podaj adres email

Klient podaje swój adres email, na który mają przychodzić powiadomienia.

Otrzymuj powiadomienia

Jeśli cena produktu się zmieni, to klient otrzyma powiadomienie email. Może też w każdej chwili zrezygnować.

Opcjonalne ustawienia

Widget można dostosować do własnych potrzeb na wiele sposobów.

Modyfikacja tekstów

Jeśli chcesz, możesz dostosować prawie wszystkie teksty, które wyświetla widget.

1. Wybierz teksty, które chcesz zmienić

Konfiguracja tekstów odbywa się za pośrednictwem atrybutów data-*. Do dyspozycji masz następujące atrybuty:

  • data-text-init
  • data-text-title
  • data-text-placeholder
  • data-text-save
  • data-text-success
  • data-text-error

2. Osadź teksty w tagu HTML

Teraz wystarczy osadzić teksty w wybranym atrybucie, w tagu div. Przykład: 

<div id="pricewatch-widget" data-text-init="Kliknij aby obserwować cenę"></div>

Zmiana wyglądu

Widget można dostosować całkowicie do wyglądu własnego sklepu internetowego. Mamy do dyspozycji 2 opcje:

1. Nadpisanie stylów

Zmieniasz (nadpisujesz) niektóre właściwości stylów, które zastąpią domyślne ustawienia.

2. Twoje własne style

Tworzysz swoje własne style, bez potrzeby ładowania domyślnych. Musisz wtedy dostarczyć własne style z id="pricewatch-widget-css". Przykład: 

<link type="text/css" rel="stylesheet" id="pricewatch-widget-css" href="ścieżka/do/moich/własych/stylów.css">

Zostaw opinię