Instalacja

Krok 1: Dodaj kontener

W miejscu, w którym ma pojawić się kalkulator, umieść pusty element div z unikalnym identyfikatorem:

<div id="globkurier-widget"></div>

Krok 2: Załaduj skrypt widgetu

Bezpośrednio po kontenerze dodaj tag <script> z odpowiednimi parametrami:

<script src="https://plugin-assets.globkurier.pl/loader.js"
    data-container="globkurier-widget"
    data-lang="pl">
</script>

Krok 3: Przetestuj działanie

Odwiedź adres strony z osadzonym widgetem

Parametry konfiguracyjne

Wszystkie parametry są przekazywane jako atrybuty data-* w tagu <script>.

Parametr	Typ	Wymagany	Domyślna wartość	Opis
`data-container`	string	Tak	-	ID kontenera HTML, w którym zostanie wyrenderowany widget. Musi odpowiadać atrybutowi `id` elementu `<div>`.
`data-lang`	string	Nie	`pl`	Kod języka interfejsu widgetu. Dostępne wartości: `pl`, `en`.
`data-weigth`	int	Nie	-	Domyślna waga przesyłki.
`data-length`	int	Nie	-	Domyślna długość przesyłki.
`data-width`	int	Nie	-	Domyślna szerokość przesyłki.
`data-height`	int	Nie	-	Domyślna wysokość przesyłki.
`data-quantity`	int	Nie	-	Domyślna ilość paczek w przesyłce.
`data-sender-country-id`	string	Nie	-	Domyślny kraj nadawcy w formacie ISO 3166-1 alpha-2 (np. `PL`, `DE`, `FR`). Jeśli nie podano, użytkownik wybiera z listy.
`data-receiver-country-id`	string	Nie	-	Domyślny kraj odbiorcy w formacie ISO 3166-1 alpha-2 (np. `PL`, `DE`, `FR`). Jeśli nie podano, użytkownik wybiera z listy.

Pełna lista dostępnych kodów krajów znajduje się na: https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2

Widget jest ładowany jako iframe, co oznacza:

Pełną izolację stylów CSS

Brak konfliktów z CSS strony macierzystej

Brak wpływu na performance strony głównej