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:

TriggerVad det ärKan formges?Kan schemaläggas?
KnappEn egen knapp placerad på din webbplatsJaJa
BannerEn banner som lyfter fram din menyJaJa
DialogfönsterEn popup som öppnas automatisktNej (använder menyns egen design)Ja
ElementKopplar menyn till ett element du redan harNejNej

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