Lounastajaa käyttäessäsi saat verkkosivuillesi näkyviin lounaslistan, joka päivittyy automaattisesti aina kun teet lounaslistaasi muutoksia. Sinun ei siis tarvitse muokata verkkosivujasi lounaslistan muutoksien takia. Lounaslistan lisääminen omille verkkosivuille onnistuu helposti kahdella askeleella.
Voit hypätä suoraan kohtaan ”2. Lisää lounaslistan koodi verkkosivuillesi”, mikäli sinulla on meidän lähettämä upotuskoodi jo olemassa.
1. Kopioi lounaslistan koodi suoraan Lounastajasta
Lounaslistan lisääminen verkkosivuille tapahtuu asettamalla omalle verkkosivullesi pieni koodinpätkä, jonka saat suoraan Lounastajan asetuksista.
Saat uuden lounaslistan koodin Lounastajasta seuraavalla tavalla:
- Kirjaudu Lounastajaan omilla tunnuksillasi ja suuntaa asetuksiin (klikkaa sivupalkista Asetukset)
- Valitse ”Verkkosivujen upotus” ja klikkaa seuraavasta näkymästä ”Hallitse verkkosivu-upotuksia”
- Nyt olet verkkosivu-upotuksien hallintanäkymässä. Täältä voit lisätä uuden verkkosivu-upotuksen valitsemalla ”Luo verkkosivu-upotus”
- Uuden verkkosivu-upotuksen luomisen jälkeen näet ohjeet lounaslistan lisäämiseen verkkosivuillesi sekä lounaslistan koodin. Kopioi lounaslistan koodi, jonka pitäisi näyttää jotakuinkin tältä:
<div data-lounastaja-widget-id="xxxxxxxxxxxxx" data-api-key="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx">
</div>
<script defer src="https://lounastaja.app/widget/base.min.js">
</script>2. Lisää lounaslistan koodi verkkosivuillesi
Seuraavaksi voit lisätä kopioimasi lounaslistan koodin verkkosivuillesi. Tämä vaihe on erilainen riippuen siitä, millä ohjelmalla verkkosivustosi on rakennettu. Yleisesti lounaslistan lisääminen verkkosivuillesi noudattaa seuraavanlaista rakennetta:
- Suuntaa verkkosivujesi hallintapaneeliin, usein se löytyy osoitteesta www.sinunravintola.fi/admin tai www.sinunravintola.fi/wp-admin
- Kirjaudu hallintapaneeliin omilla tunnuksillasi
- Avaa sivun muokkaus, jolle haluat lisätä lounaslistan. Yleensä hallintapaneelista löytyy painike nimeltä ”Sivut” esimerkiksi sivupalkista, jonka jälkeen voit valita haluamasi sivun klikkaamalla sivun nimeä tai ”Muokkaa” jos sellainen löytyy.
- Seuraavaksi voit lisätä lounaslistan koodin haluamaasi paikkaan sivulla. Yleisimmin se onnistuu lisäämällä uusi osio sivulle, jonka nimessä on ”HTML” (Toinen vaihtoehto saattaa olla lisätä sivulle ”Teksti”-osio ja valita näkyville tekstin sijaan koodi klikkaamalla osiosta ”HTML”, ”Raw” tai ”Näytä lähdekoodi”). Lisättyäsi osion liitä sen sisälle kopioimasi lounaslistan koodi.
- Tallenna muutokset, jolloin lounaslista tulee näkyville verkkosivullesi.
(Vapaavalintainen) Muokkaa lounaslistan sisältöä ja ulkoasua
Onko verkkosivustollasi tumma teema, jolloin Lounastajan vaalea lounaslista ei näytä hyvältä sivuillasi? Onko lounaslistan tekstin koko liian suuri? Tai haluaisitko lounaslistaasi näkyviin vain nykyisen päivän lounaat?
Voit muokata verkkosivuillasi olevan lounaslistan sisältöä ja ulkoasua Lounastajan verkkosivu-upotusten hallinnasta (Asetukset –> Verkkosivujen upotus –> Hallitse verkkosivu-upotuksia). Klikkaa haluamaasi verkkosivu-upotusta, jolloin voit muokata verkkosivuillasi näkyvän lounaslistan asetuksia.
Huomaa, että muutokset päivittyvät verkkosivuillesi 5 minuutin kuluessa.