Rezervačný widget pre požičovne áut

Zákazník si na vašom webe vyberie termín, auto a doplnky, uvidí cenu a odošle rezerváciu. Tá príde do Fleetixu ako dopyt. Voliteľne zaplatí zálohu online.

Ukážka nižšie beží proti sandboxu API s ukážkovou firmou AutoApex. Rezervácie sa neukladajú natrvalo a platba je simulovaná.

Živá ukážka

Vloženie na web

Skopírujte kód na stránku, kde má byť formulár. Firmu a verejný kľúč (fx_pub_…) nájdete vo Fleetixe v časti Integrácie → Rezervačný widget. Kód nižšie sa mení podľa nastavení ukážky.

Kľúč v ukážke je verejný testovací kľúč sandboxu. Na ostrom webe použite kľúč svojej firmy.

Pevná verzia s kontrolou integrity (SRI)

Adresa /v1/fleetix.js dostáva opravy v rámci verzie 1 automaticky. Ak chcete presne túto verziu (1.1.0), použite:

<script src="https://js.fleetix.eu/v1/h/fleetix-1.1.0-ee8fa8faeb.js"
  integrity="sha384-EHvIp/pdqQM3+7Uau+OPi+BcHs5kAlG1itbFInKwyXRwpI8zfWYk39o1w7l4zseH"
  crossorigin="anonymous" defer></script>

Nastavenia

Atribúty sa píšu na <div data-fleetix-booking>. Rovnaké atribúty na značke <script> platia pre všetky formuláre na stránke.

Atribút	Hodnoty	Čo robí
`data-tenant`	napr. `autoapex`	Firma vo Fleetixe (adresa firma.fleetix.eu).
`data-key`	`fx_pub_…`	Verejný kľúč widgetu. Smie len čítať ponuku a vytvoriť dopyt, a len z domény vášho webu.
`data-lang`	`sk`, `cs`, `en`, `de`	Jazyk. Bez neho podľa jazyka stránky.
`data-theme`	`auto`, `light`, `dark`	Predvolene podľa stránky: triedy a atribúty `dark`, farba pozadia, potom nastavenie systému.
`data-color`	napr. `#b8962e`	Farba tlačidiel. Farbu textu na tlačidle zvolí widget sám kvôli čitateľnosti.
`data-categories`, `data-vehicles`	zoznam čiarkou	Len vybrané kategórie alebo autá.
`data-prices`	`gross`, `net`	Ceny s DPH alebo bez DPH.
`data-required`	`phone,address,birthDate,license,company,flight`	Povinné údaje zákazníka.
`data-extras`	`false`	Preskočí krok s doplnkami.
`data-payment`, `data-deposit`	`deposit` + `20`, `full`	Platba online po odoslaní: záloha v percentách alebo celá suma. Zákazník sa po platbe vráti na rovnakú stránku.
`data-voucher`	`false`	Skryje pole na kód poukazu.
`data-redirect`	adresa	Po odoslaní bez platby presmeruje na vašu ďakovnú stránku.
`data-tracking`, `data-purchase-on`	`false`; `reservation`, `payment`	Vypne meranie; kedy poslať udalosť purchase.

Udalosti na stránke

Po odoslaní widget vyšle udalosť fleetix:booked s číslom rezervácie, na ktorú môžete reagovať vlastným kódom.

Meranie a súhlasy

Udalosti GA4 do dataLayer: view_item_list, view_item, begin_checkout, add_payment_info, generate_lead a purchase s transaction_id (číslo rezervácie). Hodnota je s DPH.
Ak je na stránke Trackix, udalosti idú aj doň s rovnakým event_id ako zo servera, takže sa v GA4 a Meta nezdvojujú.
Súhlas berieme z lišty Cookix. Kým návštevník nerozhodne, udalosti čakajú. Analytika len so súhlasom so štatistikou, Meta pixel len so súhlasom s marketingom.
Bez Cookixu rozhoduje Google Consent Mode. Bez lišty aj bez Consent Mode ide len dataLayer bez osobných údajov, nič marketingové.
Purchase sa pošle po rezervácii; pri platbe online až po zaplatení.

WordPress

Plugin pridá shortcode [fleetix_booking], blok „Fleetix rezervácia“ a nastavenia firmy, kľúča, jazyka a farby. Ak používate WooCommerce, vie posielať objednávky do Fleetixu.

Stiahnuť plugin (verzia 1.1.0)

V administrácii WordPressu: Pluginy → Pridať nový → Nahrať plugin, vyberte stiahnutý zip a aktivujte.
V Nastavenia → Fleetix vyplňte firmu a verejný kľúč widgetu.
Na stránku vložte blok „Fleetix rezervácia“ alebo shortcode [fleetix_booking].

Ukážková firma

Obchodné podmienky v ukážke. AutoApex v sandboxe je ukážková firma. Odkaz na obchodné podmienky vo formulári vedie sem, na ostrom webe vedie na podmienky vašej firmy z nastavení vo Fleetixe.

Osobné údaje v ukážke. Údaje zadané do ukážky sa uložia len dočasne v sandboxe (najviac 6 hodín) a nikam sa neposielajú. Nezadávajte skutočné osobné údaje. Táto stránka nepoužíva cookies ani meranie.