Lägg till menyn på din webbplats
Lägg till Menju-skriptet på din webbplats en gång, välj hur gäster öppnar menyn och verifiera att den är live.
När din meny är byggd och designad visar du den på din egen webbplats med två saker: ett litet skript som du lägger till på webbplatsen en gång, och en eller flera triggers — en knapp, banner, popup eller ett befintligt element på din sida — som öppnar menyn när en gäst interagerar med dem. Den här guiden täcker båda.
Innan du börjar: du behöver kunna redigera din webbplats HTML (eller ha någon som kan). Att spara skriptinställningar i Menju kräver administratörsåtkomst till restaurangen — se Hantera restaurang & team.
Steg 1 — Lägg till Menju-skriptet på din webbplats
Öppna Lägg till Menju Skript och kopiera kodsnutten — den har redan din restaurangs id
ifyllt. Klistra in den i <head>-sektionen på din webbplats. Detta gör du bara en gång —
därefter uppdateras varje ändring du gör i Menju automatiskt utan att du behöver röra din
webbplats igen.
För exakta steg för WordPress, Wix, Squarespace, One.com, Loopia och alla andra plattformar — plus ett sätt att vidarebefordra instruktionerna till den som sköter er webbplats — se hela guiden Installera Menju-skriptet.
Steg 2 — Verifiera kopplingen
På samma skärm, under Verifiera installation, klickar du på Testa Koppling. Menju kontrollerar din domän efter skriptet:
- Skriptet är kopplat — du är live. 🎉
- Försök ansluta igen — skriptet hittades inte på din domän. Kontrollera att det ligger i
<head>och är sparat/publicerat på din webbplats, och testa igen.
Steg 3 — Välj hur gäster öppnar din meny
I Skript-konfiguration ställer du in elementen som öppnar din meny. Det finns fyra typer, och var och en har en aktiveringsknapp (Redo för aktivering? → Denna komponent är aktiv), så du kan aktivera bara de du vill ha:
| Trigger | Vad det är | Kan formges? | Kan schemaläggas? |
|---|---|---|---|
| Knapp | En egen knapp placerad på din webbplats | Ja | Ja |
| Banner | En banner som lyfter fram din meny | Ja | Ja |
| Dialogfönster | En popup som öppnas automatiskt | Nej (använder menyns egen design) | Ja |
| Element | Kopplar menyn till ett element du redan har | Nej | Nej |
Knapp
En knapp du placerar var som helst på din webbplats som öppnar menyn när man klickar.
- Hur & Var — placera den på en bestämd plats (ett av fyra hörn: vänster uppe, höger uppe, vänster nere, höger nere, med valfri Finjustera Position), eller Lägg till i HTML för att lägga den inuti ett befintligt element. Du kan även begränsa den till Alla Url-vägar eller Specifika Url-vägar.
- Utseende — text, textstil, bakgrunds- och textfärg, ram (form, stil, bredd, färg) samt storleksinställningar för Stor Skärm och Liten Skärm var för sig (padding, textstorlek, texttjocklek).
- Schemaläggning — se nedan.
Banner
En banner som visas på din webbplats för att dra uppmärksamhet till din meny.
- Hur & Var — visa den på Alla Url-vägar eller Specifika Url-vägar.
- Utseende — text, textplacering, textstorlek och -tjocklek, bakgrunds- och textfärg, padding och ram.
- Schemaläggning — se nedan.
Dialogfönster (popup)
En popup som öppnas automatiskt när en besökare landar på din sida.
- Hur & Var — välj vilka Url-vägar den ska visas på.
- Fördröjning — öppna Omedelbart, eller Efter Sekunder (upp till 60) när sidan laddats.
- Schemaläggning — se nedan.
Popupen visar din meny med den design du satt i Designa din meny.
Element (koppla till ett befintligt element)
Gör något du redan har på din webbplats — en länk, en bild, en menypunkt — till en trigger som öppnar din Menju-meny.
- Välj HTML Element — välj ett attribut (Id eller Namn/Klass) och ange dess värde för att peka Menju mot rätt element.
- Fungerar på Alla Url-vägar eller Specifika Url-vägar, och du kan lägga till flera målelement.
Schemalägga när en trigger visas
Knappar, banners och dialogfönster kan var för sig schemaläggas:
- Alltid — visas hela tiden.
- Tidsfönster — ange ett Tidsintervall (från/till tid) och Välj dagar här (måndag–söndag). Perfekt för att visa en lunchknapp bara under lunchtid.
Använda mallar
För knappar och banners behöver du inte börja från noll:
- Öppna Mallar för att välja bland Era Mallar (utseenden du sparat) eller Menjus inbyggda mallar, och klicka sedan på Välj för att använda en.
- Spara Mall sparar din nuvarande design under ett Namn På Mall så att du kan återanvända den senare.
Förhandsgranska på din egen webbplats
Använd Förhandsgranska för att öppna din live-webbplats i en ny flik med komponenten visad, så att du ser exakt hur den ser ut på plats innan du är klar. Om komponenten är begränsad till specifika vägar får du först välja vilken väg som ska öppnas.
Bra att veta
- Skriptet läggs i din
<head>en gång — du behöver aldrig röra din webbplats igen för att uppdatera menyn. - Att spara skriptinställningar kräver administratörsåtkomst. Teammedlemmar utan administratörsrättigheter kan visa och redigera men inte spara.
- Menjus inbyggda mallar är redo att använda; dina egna skapar du genom att spara en design som mall.
Nästa steg
- Förstå din statistik — se hur gäster interagerar med din meny.
- Hantera restaurang & team — styr vem som får göra ändringar.