Lounaslistan lisääminen verkkosivuille

Lounastaja voi päivittää viikottaisen lounaslistan automaattisesti verkkosivuillesi. Sinun ei siis tarvitse muokata verkkosivujasi lounaslistan muutoksien takia. Lounaslistan voi lisätä verkkosivuille upotuskoodilla tai WordPress-sivustolle myös Lounastaja-lisäosalla.

Halutessasi me voimme asentaa lounaslistan upotuksen verkkosivuillesi puolestasi. Ole meihin yhteydessä puhelimitse, sähköpostilla tai Lounastajasta löytyvän chatin kautta.

1. Kopioi lounaslistan koodi suoraan Lounastajasta

Voit hypätä suoraan kohtaan ”2. Lisää lounaslistan koodi verkkosivuillesi”, mikäli sinulla on meidän lähettämä upotuskoodi jo olemassa.

Lounaslistan lisääminen verkkosivuille tapahtuu asettamalla omalle verkkosivullesi pieni koodinpätkä, jonka saat suoraan Lounastajan asetuksista.

Saat uuden lounaslistan koodin Lounastajasta seuraavalla tavalla:

1. Kirjaudu Lounastajaan omilla tunnuksillasi ja suuntaa asetuksiin (klikkaa sivupalkista Asetukset)
2. Valitse ”Verkkosivujen lounaslistat”
3. Nyt olet verkkosivu-upotuksien hallintanäkymässä. Täältä voit lisätä uuden verkkosivu-upotuksen valitsemalla ”Luo verkkosivu-upotus”
4. 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:

1. Suuntaa verkkosivujesi hallintapaneeliin, usein se löytyy osoitteesta www.sinunravintola.fi/admin tai www.sinunravintola.fi/wp-admin
2. Kirjaudu hallintapaneeliin omilla tunnuksillasi
3. 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.
4. 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.
5. Tallenna muutokset, jolloin lounaslista tulee näkyville verkkosivullesi.

Vaihtoehto WordPress-sivustolle: Lounastaja-lisäosa

Jos verkkosivusi on tehty WordPressillä, voit lisätä lounaslistan myös Lounastaja-lisäosalla. Lisäosa hakee lounaslistan sisällön WordPressiin ja näyttää sen sivulla.

1. Asenna ja aktivoi Lounastaja-lisäosa WordPressin lisäosahakemistosta. Voit hakea sen WordPressin hallinnasta kohdasta Lisäosat → Lisää uusi.
2. Hae verkkosivu-upotuksen koodi Lounastajasta yllä olevan ensimmäisen vaiheen ohjeilla. Kopioi koodista data-lounastaja-widget-id– ja data-api-key-määritteiden arvot.
3. Avaa WordPressissä sivu, jolle haluat lounaslistan, ja lisää sille Lyhytkoodi-lohko. Lisää siihen alla oleva lyhytkoodi ja korvaa esimerkin arvot omilla arvoillasi.
4. Tallenna sivu ja tarkista, että lounaslista näkyy.

[lounastaja-widget widget_id="WIDGET_ID" api_key="API_KEY"]

widget_id on upotuskoodin data-lounastaja-widget-id-arvo ja api_key on data-api-key-arvo. Molemmat tarvitaan.

Voit tarvittaessa määrittää lounaslistan kielen lisäämällä lyhytkoodiin lang-määritteen, esimerkiksi englanniksi:

[lounastaja-widget widget_id="WIDGET_ID" api_key="API_KEY" lang="en"]

Käytä kieltä, joka on käytössä verkkosivu-upotuksessasi. Ilman lang-määritettä lisäosa käyttää sivun kieltä Polylangin tai WPML:n kautta, jos jompikumpi on käytössä. Muussa tapauksessa Lounastaja ja selain määrittävät kielen.

Lisäosa tallentaa lounaslistan sisältöä välimuistiin enintään tunniksi. WordPressin, palvelimen tai CDN:n välimuisti voi viivästyttää päivitysten näkymistä lisää.

(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 lounaslistat). Klikkaa haluamaasi verkkosivu-upotusta, jolloin voit muokata verkkosivuillasi näkyvän lounaslistan asetuksia.

Upotuskoodia käytettäessä muutokset päivittyvät verkkosivuillesi 5 minuutin kuluessa. WordPress-lisäosaa käytettäessä välimuistit voivat viivästyttää päivityksiä.

Kieliversiot

Upotuskoodi tunnistaa kielen automaattisesti verkkosivun <body>-elementin lang-attribuutista. Esimerkiksi <body lang="en"> näyttää lounaslistan englanniksi.

Voit myös pakottaa kielen lisäämällä upotuskoodin <div>-elementtiin määritteen data-lounastaja-lang="en":

<div data-lounastaja-widget-id="xxxxxxxxxxxxx" data-api-key="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" data-lounastaja-lang="en">
</div>
<script defer src="https://lounastaja.app/widget/base.min.js">
</script>

Ruotsinkieliseen lounaslistaan käytä määritettä data-lounastaja-lang="sv" ja suomenkieliseen määritettä data-lounastaja-lang="fi".