--- title: "Varausmoottori - Ohjeita hotellin verkkosivun ylläpitäjälle" canonical: "https://support.vitec-hotellinx.com/space/KB/292519942/Varausmoottori%20-%20Ohjeita%20hotellin%20verkkosivun%20yll%C3%A4pit%C3%A4j%C3%A4lle" format: markdown --- Hotellinx-huonevarausmoottori on hotellin kotisivulle integroitava varausjärjestelmä, joka mukautuu hotellin brändiin ja tarpeisiin. - Varausmoottori tarjotaan **Software as a Service (SaaS)** -palveluna. - Hotellinx hallinnoi varausmoottoria varausjärjestelmän URL-osoitteessa (alidomain esim. [https://book.hienohotelli.fi](https://book.hienohotelli.fi)). Tässä osiossa on tietoja varausmoottorista verkkosivun ylläpitäjän näkökulmasta. Perustietoja löydät parhaiten **[Huonevarausmoottori](https://vitechotellinx.atlassian.net/wiki/spaces/KB/pages/333905922)**-etusivun kautta. --- ## Ulkoasu Hotelli valitsee yhdessä myynnin kanssa mallipohjan (lista tai korttimalli), jonka ulkoasun ja tyylin Hotellinx mukauttaa hotellin verkkosivuston ilmeen mukaiseksi. - Voit tutustua mallipohjiin **[varausmoottorin esittelyversiossa](https://varausdemo.hotellinx.com/home)**[. ](https://varausdemo.hotellinx.com/home)Vaihda mallipohjaa ikkunan vasemmasta yläkulmasta. - Ylätunnisteen sisältö haetaan verkkosivustolta automaattisesti päivittäin. - Ulkoasun mukauttaminen tehdään pääasiassa CSS-tyylitiedostoilla Vitec Hotellinxin toimesta. Lisämuokkaustyöt hinnoitellaan erikseen. > ℹ️ Tutustu ulkoasumahdollisuuksiin referenssikohteidemme avulla (klikkaa **Varaa nyt** tai tee haku hakulomakkeen widgetistä): > ℹ️ > ℹ️ - **[Keurusselkä Resort](https://book.hotelkeurusselka.fi/home)** > ℹ️ - **[Kansan Raamattu Seura](https://varaus.kansanraamattuseura.fi/)** --- ## Rakentamisvaihe **VAIHTOEHTO 1: Hotellin verkkosivuston ulkoasu on valmis eikä sivustoa tulla päivittämään lähitulevaisuudessa** - Hotellinx kopioi ylätunnisteen DOM-rakenteen ja CSS-tyylitiedostot ja käyttää niitä varausmoottorissa. - Verkkosivuston palveluntarjoajalta ei edellytetä toimenpiteitä rakentamisvaiheessa. **VAIHTOEHTO 2: Hotellin verkkosivusto on vielä rakenteilla tai uudistettavana** - Katso ohjeet alta ([Hotellin verkkosivu uudistuu – mitä tulee tehdä?](https://vitechotellinx.atlassian.net/wiki/spaces/KB/pages/292519942/Varausmoottori+-+Ohjeita+hotellin+verkkosivun+yll+pit+j+lle#Hotellin-verkkosivu-uudistuu-%E2%80%93-mit%C3%A4-tulee-tehd%C3%A4%3F)). --- ## Integrointi ja julkaisu Varausmoottorin hakumaski voidaan integroida verkkosivustoon kahdella tavalla: **VAIHTOEHTO 1: Yksinkertainen linkitys esim. VARAA NYT -painikkeella** - Helppo ja nopea tapa. - Yksinkertaiset linkit ja/tai painikkeet, jotka ohjaavat varausmoottorin sivulle (esim. [https://book.hotelownaddress.com/](https://book.hotelownaddress.com/)). - Toimitamme lopulliset URL-osoitteet lähellä julkaisupäivämäärää. **VAIHTOEHTO 2: Hakutyökalun upottaminen verkkosivustoon** - Hakutyökalun ohjeet ja esimerkki: **[Hakumaskin integrointi kotisivuille ja deeplinkit](https://vitechotellinx.atlassian.net/wiki/spaces/KB/pages/276398228)**. - Toteutukseen kuluu yleensä 1-3 tuntia, verkkosivustosta riippuen. - CSS-tyylitiedostot voidaan ohittaa eikä valmista asettelua tarvitse käyttää. - **Huom!** Verkkosivuston osoitteessa ja varausjärjestelmän osoitteessa on käytettävä samaa päädomainia (esim. [www.hotelx.com](http://www.hotelx.com) ja [book.hotelx.com](http://book.hotelx.com)), sillä hakutyökalu tallentaa tiedot varausjärjestelmään evästeiden avulla. Lopullisen integroinnin verkkosivustoon ja julkaisun tekee verkkosivuston ylläpitäjä. Hotelli sopii julkaisupäivän verkkosivuston ylläpitäjän kanssa ja ilmoittaa tuotantoon siirtymisestä Hotellinxille. Jos verkkosivun DOM-rakenteeseen tehdään jatkossa merkittäviä muutoksia, ilmoitattehan niistä meille, jotta voimme tehdä tarvittavat muutokset varausmoottoriin - erityisesti ylätunnisteeseen. --- ## Hotellin verkkosivu uudistuu – mitä tulee tehdä? Kun hotellin verkkosivua uudistetaan, Hotellinx mukauttaa varausmoottorin uutta ulkoasua vastaavaksi. Alla on lista toimenpiteistä, jotka olisi hyvä suorittaa mahdollisimman pian, kun hotellin verkkosivun uudistusta aletaan suunnitella. **Alustava aikataulu** Kerro Hotellinxille suunniteltu julkaisuaikataulu, jotta voimme valmistautua etukäteen. **Testisivuston URL-osoite** Toimita Hotellinxille uuden verkkosivun **testipalvelimen **tai **esiversion URL-osoite** heti kun mahdollista, jotta voimme aloittaa varausmoottorin ulkoasun mukauttamisen uuteen verkkosivustoon. Hotellinx tekee testisivuston perusteella ns. perusversion, jossa mm. värit ja fontit ovat paikallaan. - Sivuston yläpalkki on ilman navigaatiota eli yläpalkki koostuu esim. logosta ja “paluu kotisivuille” -linkistä. - Tätä perusversiota voidaan käyttää uuden sivuston julkaisun yhteydessä. > 📝 **Voimme työskennellä vain julkisilla verkkosivustoilla**. Ohjelmistomme ei pysty hakemaan ulkoasua salasanasuojatuilta sivustoilta. **Lopullinen julkaisupäivämäärä** - Kun julkaisupäivämäärä on päätetty, ilmoita siitä Hotellinxille **vähintään 3 työpäivää ennen julkaisua**. - Teemme tarvittavat ulkoasu- ja tyylimuutokset 1-3 työpäivän sisällä uuden sivuston julkaisusta. - Veloitamme hotellin verkkosivuun liittyvistä muutostöistä 4 tuntia työtä. **Integraatio-ohjeet** **[Hakumaskin integrointi -ohjeessa](https://vitechotellinx.atlassian.net/wiki/spaces/KB/pages/276398228)** on esitelty, miten varausmoottorin hakumaski** **integroidaan hotellin kotisivuille ja miten voit luoda suoria linkkejä varausmoottorin hakutuloksiin. --- ## Ulkoasun muutospyynnöt Hotellinx toimittaa valmiin ulkoasumallin valitun mallipohjan ja asiakkaan nykyisen verkkosivuston perusteella. - Mukautamme ylätunnisteen, värit, fontit, koot jne. vastaamaan asiakkaan verkkosivustoa. - Muutokset ja mukautukset tehdään pääasiassa CSS-tyylitiedostoilla. Alkuperäiseen ulkoasuun (kuten väreihin, painikkeiden kokoihin tai muihin tyylillisiin elementteihin) saatetaan joskus tarvita muutoksia. Voimme toteuttaa monenlaisia muutoksia CSS:n avulla, mutta muutosten onnistuminen edellyttää mahdollisimman tarkkoja ja selkeitä ohjeita. Pyri tällaisiin ohjeisiin: ✅ "Vaihda painikkeen X väriksi #ffaadd" ✅ "Siirrä painike 10 pikseliä vasemmalle" ✅ "Käytä otsikoissa fonttia Arial, koko 16px" Vältä tämänkaltaisia pyyntöjä: ❌ "Tee jotain tummemmaksi" ❌ "Siirrä hieman vasemmalle" ❌ "Voisiko tämä elementti olla kauniimpi?" > ✅ Selkeät ohjeet, mieluiten kuvakaappausten kera, nopeuttavat ja helpottavat muutostöiden toteuttamista. > ⚠️ Hotellinx ei toimi asiakkaan suunnittelijana tai Art Directorina, emmekä tee vaiheittaisia hienosäätöjä tai ehdota vaihtoehtoisia ratkaisuja. Asiakkaan tulee toimittaa selkeät ja mitattavissa olevat muutospyynnöt esimerkiksi kuvakaappausten, värikoodien ja yksityiskohtaisten ohjeiden kera. --- ## HTTPS/SSL Suosittelemme vahvasti, että asiakkaamme käyttävät **suojattua verkkosivuston osoitetta (HTTPS/SSL)**. Jos hotellin sivusto ei ole suojattu, vieraat näkevät tästä ilmoituksen selaimissaan (esimerkki Chromesta): ![image](media://efc5571e-c67f-4b6b-890c-284df6e59f0e) Tällä on useita haitallisia vaikutuksia verkkosivuston käytettävyyteen: - Vieraat saattavat pelästyä varoitusta eivätkä tee varausta, koska sivusto vaikuttaa turvattomalta. - Verkkosivusto saa heikommat sijoitukset Googlen hakutuloksissa. Tämä vaikuttaa negatiivisesti hakukoneoptimointiin (SEO), jolloin vieraat löytävät sivuston epätodennäköisemmin Googlen kautta. - Hakutyökalua ei voida integroida verkkosivustolle. Käytettävissä on vain yksinkertainen linkki varausjärjestelmään (esim. **Varaa nyt** -painike). > ⚠️ Tarkistathan, että hotellin verkkosivusto on suojattu (HTTPS/SSL).