Vložení vyhledávacího formuláře letenek
Vyhledávací formulář letenek je možné implementovat jako:
1. html-php balíček - Doporučené!
Formulář je responzivní a přizpůsobuje se různým velikostem stránky (zobrazení na mobilních zařízeních).
Příklad zobrazení při změnách velikosti okna (na mobilních zařízeních):
HTML balíček si stáhnete z administračního zázemí:
a) pokud máte agenturní účet, tak v sekci Dealeři vyberte dealera (web), o kterého Vám jde, a klikněte na tlačítko Detail, dále tlačítko Nastavení Frontendu a klikněte na odkaz Statické HTML ke stažení.
b) pokud máte dealerský účet, tak přímo v sekci Dealeři -> Nastavení Frontendu -> odkaz Statické HTML ke stažení.
Tento formulář obsahuje HTML, CSS, obrázky a patřičné scriptování pro implementaci přímo do Vaší stránky s plnou funkcionalitou našeptávače destinací. Můžete si jej také libovolně upravovat.
2. iframe
Další možností je iframe, který vyniká snadnou implementací, má ale své nevýhody. Pokud například u vícefázových letů bude zákazník přidávat další a další části cesty, bude se formulář natahovat, a musíte tedy nechat na stránce dostatek místa, nebo umožnit skrolování. To ale není moc hezké.
Příklad implementace následuje.
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<title>Iframe</title>
<style type="text/css">
/* optional */
body { background-color: gray; }
.golSearchFlightsIframe { background-color: transparent; }
/* mandatory */
.golSearchFlightsIframe { border: none; width: 550px; max-width: 100%; height: 520px; }
@media only screen and (max-width: 566px) {
.golSearchFlightsIframe { height: 800px; }
}
</style>
</head>
<body>
<iframe class="golSearchFlightsIframe" src="//XXXXXX.golibe.com//static.php" frameborder="0" allowtransparency="true">
</iframe>
<!--Iframe's language can be set by parameter lang>
<iframe class="golSearchFlightsIframe" src="//XXXXXX.golibe.com//static.php?lang=en" frameborder="0" allowtransparency="true">
</iframe>
-->
</body>
</html>Pro zvídavé: Úprava výchozího nastavení formuláře
Pro obě výše uvedené varianty platí, že parametry vyhledávacího formuláře lze předvolit, a klient je tedy uvidí již předvyplněné.
Nejjednodušší způsob, jak se dozvědět způsob, jakým link vyrobit, je:
Nastavit vyhledávací formulář do takové podoby, v jaké chcete mít předvoleno vyhledávání.
Vyhledat a dostat se na stránku výsledků vyhledávání.
Na tlačítku Nové hledání, které by Vás vrátilo na vyhledávání od začátku, kliknout pravým tlačítkem myši a zvolit zkopírování odkazu.
Příklady toho, co získáte:
https://xxxx.golibe.com/index.php?action=vFlights&flights[0][origin]=PRG&flights[0][destination]=LON&flights[0][departureDate]=2013-01-09&flights[1][origin]=LON&flights[1][destination]=PRG&flights[1][departureDate]=2013-01-16&searchType=FromFour&travelers[0]=ADT&dateVariants=exact&returnTicket=on&step=one2
Pokud chcete ve formuláři předvolit vyhledávání PRG-LON, vynechte v URL ostatní parametry (například datum) a ponechte si jen potřebnou část. Tento link můžete použít jako odkaz:
?action=vFlights&flights[0][origin]=PRG&flights[0][destination]=LON&flights[1][origin]=LON&flights[1][destination]=PRG&searchType=FromFour&travelers[0]=ADT&dateVariants=exact&returnTicket=on&step=one2...nebo použít v iframu:
<iframe src="https://xxxx.golibe.com/static.php?action=vFlights&flights[0][origin]=PRG&flights[0][destination]=LON&flights[1][origin]=LON&flights[1][destination]=PRG&searchType=FromFour&travelers[0]=ADT&dateVariants=exact&returnTicket=on&step=one2" scrolling="no" width="530px" height="510px" frameborder="0" allowtransparency="true">Pokud chcete přesměrovat klienty rovnou na výsledky vyhledávání ze své stránky a přitom je nechat čekat na čekací stránce, namísto zobrazení bílé stránky, je možné vložit redirect. Pozor: Část za "...redirect=" musí být URL encodovaná. Například:
https://xxxx.golibe.com/index.php?action=vWait&redirect=http%3A%2F%2Fxxxx.golibe.com%2Findex.php%3Faction%3DvFlights%26flights%5B0%5D%5BdepartureDate%5D%3D2014-11-07%26flights%5B0%5D%5Bdestination%5D%3DPTP%26flights%5B0%5D%5Borigin%5D%3DPAR%26flights%5B0%5D%5BdeparturePlusMinusDay%5D%3D3%26flights%5B1%5D%5BdepartureDate%5D%3D2014-11-14%26flights%5B1%5D%5Bdestination%5D%3DPAR%26flights%5B1%5D%5Borigin%5D%3DPTP%26flights%5B1%5D%5BdeparturePlusMinusDay%5D%3D3%26travelers%5B0%5D%3DADT%26returnTicket%3Don%26vendor%3DTX%26dateVariants%3Dclose%26step%3DChooseFromFour%26target%3DflightsPro URL enkódování můžete použít například tuto veřejně dostupnout utilitu: https://www.freeformatter.com/url-encoder.html
Last updated