Din bokningssida och QR-koden
Varje verksamhet har en egen bokningssida. Den fungerar även utan egen webbplats, så du kan dela länken på Instagram, i din Google-företagsprofil eller i ett mejl.
Gå till Onlinebokning.
Högst upp ser du Din bokningssida med knapparna Kopiera och Visa.
Klicka på Kopiera och klistra in länken där du vill dela den.
Du ser Länken är kopierad.
Klicka på Ladda ner som bild vid QR-kod.
Du får en bild att ställa på borden, sätta i menyn eller i fönstret. Gästerna skannar den och kommer till din bokningssida.
Popupen på din egen webbplats
På din egen webbplats lägger du en knapp som öppnar bokningssidan som en popup. Under På din egen webbplats väljer du ditt verktyg vid Min webbplats är byggd med, så ser du stegen som gäller där tillsammans med koden du behöver. Nedan står samma steg för varje verktyg.
Välj din sajtbyggare
WordPress
Med tillägget YourReservation Booking
- Ladda ner tillägget nedan.
- Gå i WordPress till Tillägg, Lägg till nytt tillägg, Ladda upp tillägg, välj filen och installera den.
- Aktivera tillägget.
- Gå till Inställningar, YourReservation och klistra in din nyckel. Spara.
- Den flytande knappen finns nu på varje sida. En egen knapp eller ett menyval öppnar popupen med länken #tablehost, eller med kortkoden [yourreservation_button].
Kan du inte använda tillägg (till exempel på WordPress.com utan tillägg)? Lägg då den här raden längst ner på varje sida, eller gör en knapp till din bokningssida.
Wix
Kodraden via Custom Code
- Öppna webbplatsens instrumentpanel och gå till Settings.
- Välj Custom Code i blocket Development & integrations och klicka på + Add Custom Code uppe till höger.
- Klistra in raden nedan och ge den ett namn, till exempel YourReservation.
- Välj All pages under Add Code to Pages och Body end under Place Code in.
- Klicka på Apply.
Custom Code fungerar bara på en publicerad Wix-webbplats med en egen domän kopplad. Lägg inte raden i ett HTML-element: Wix visar det i en liten avskärmad ruta, och där får popupen inte plats.
Squarespace
Kodraden via Code Injection
- Öppna panelen Code Injection i Squarespace.
- Klistra in raden nedan i fältet Footer.
- Klicka på Save.
Code Injection ingår i abonnemangen Core, Plus och Advanced, inte i Basic.
På Basic: lägg till ett knappblock, klicka på pennan, välj Attach Link under Content och klistra in den här länken under URL.
Webflow
Kodraden i webbplatsens egen kod
- Öppna webbplatsens inställningar i Webflow och leta upp delen för egen kod.
- Klistra in raden nedan i fältet för sidfoten.
- Spara och publicera webbplatsen.
Egen kod ingår inte i gratisabonnemanget Starter; du behöver ett betalt abonnemang.
Shopify
En knapp eller ett menyval till din bokningssida
- Lägg till en knapp eller ett menyval i ditt tema.
- Klistra in länken nedan som adress.
- Spara.
Popupen på varje sida går också: då lägger din webbutvecklare kodraden precis före </body> i layout/theme.liquid (Online Store, menyn med tre punkter vid ditt tema, Edit code). Shopify varnar för att sådana ändringar kan försvinna när temat uppdateras, så testa först på en kopia.
Kodraden för din webbutvecklare:
Jimdo
En knapp till din bokningssida
- Lägg till en knapp på din sida.
- Klistra in länken nedan som knappens adress.
- Publicera sidan.
Med vissa abonnemang kan du också lägga in egen kod på sidan. Då kan formuläret även bäddas in på sidan med koden nedan.
Formuläret inbäddat på sidan:
Framer
Kodraden via Custom Code
- Öppna Project Settings och välj Custom Code till vänster.
- Klicka på Add Script eller på plustecknet.
- Klistra in raden nedan och välj slutet av body och alla sidor.
- Publicera webbplatsen och kontrollera den publicerade versionen: i redigerarens förhandsvisning fungerar egen kod inte.
En egen domän kräver ett betalt abonnemang hos Framer.
Google Sites
Formuläret på sidan
- Klicka på Insert till höger och välj Embed.
- Välj By URL och klistra in adressen nedan.
- Klicka på Insert och gör blocket så högt att hela formuläret syns.
- Klicka på Publish.
Google Sites har ingen plats för kod på varje sida, så den flytande knappen med popup går inte här.
Hellre en knapp: välj Insert, Button, ge den ett namn och klistra in den här länken.
Hostinger
Kodraden via Integrations
- Öppna webbplatsbyggaren och klicka på More (de tre punkterna).
- Välj Integrations.
- Klistra in raden nedan i fältet Custom code och spara.
- Uppdatera webbplatsen. I redigeraren syns knappen inte, men i förhandsvisningen och online gör den det.
one.com
En knapp till din bokningssida
- Lägg till en knapp på din sida.
- Klistra in länken nedan som knappens adress.
- Publicera webbplatsen.
Med vissa abonnemang kan du också lägga in egen kod; då kan kodraden för popupen läggas till.
Kodraden, om ditt abonnemang tillåter egen kod:
IONOS
Kodraden via Custom Head Code
- Gå i ditt IONOS-konto till Menu, Web Projects, Manage project och öppna Website, Website Editor.
- Välj Settings, Custom Head Code.
- Klistra in raden nedan.
- Välj No consent required för samtycket. Med Consent required laddas knappen först när en besökare har gett sitt samtycke.
- Klicka på Save.
Inte alla MyWebsite Now-paket tillåter egen kod.
Strato
Formuläret på sidan via Embed-elementet
- Välj WEBSEITE BEARBEITEN, Inhaltselemente, Standardelemente, Embed och dra elementet till rätt plats på sidan.
- Klicka på kugghjulet uppe till höger och välj Internetadresse (iFrame).
- Klistra in adressen nedan.
- Ställ in höjden själv så att hela formuläret syns.
Stratos Homepage-Baukasten tillåter ingen egen kod, så den flytande knappen med popup går inte här.
Eller en knapp till din bokningssida:
Square Online
Kodraden via Tracking Tools
- Gå i Square Dashboard till Channels, Square Online.
- Välj Settings, Tracking Tools och klicka på Add new code.
- Ge den ett namn, klistra in raden nedan och välj End of body.
- Klicka på Save och publicera webbplatsen.
Egen kod ingår bara i Square Online Plus och Premium.
På Free: markera en knapp, välj Add link, klistra in den här länken och klicka på Save. Publicera sedan.
Carrd
Kodraden med ett Embed-element
- Lägg till ett Embed-element och välj Code under Type.
- Klistra in raden nedan.
- Ställ in Style på Hidden och välj Body End.
- Publicera webbplatsen; i byggaren syns knappen inte.
Embeds kräver Carrd Pro Standard eller högre.
Utan Pro Standard: lägg den här länken på en knapp.
Lovable, Bolt, v0 eller Replit
Fråga chatten i ditt verktyg
- Kopiera instruktionen nedan; din nyckel finns redan med.
- Klistra in den i chatten i Lovable, Bolt, v0 eller Replit.
- Öppna sedan den publicerade webbplatsen, klicka på knappen och se om popupen öppnas.
En egen domän kräver ett betalt abonnemang hos Lovable och Bolt.
Annat eller egenbyggt
Kodraden längst ner på varje sida
- Klistra in raden nedan precis före </body>, på varje sida eller i mallen som alla sidor använder.
- Har webbplatsen en Content-Security-Policy, tillåt då https://yourreservation.eu i script-src, connect-src, frame-src och img-src.
- Publicera och klicka på knappen för att se om popupen öppnas.
Hellre formuläret inbäddat på sidan:
Ingen webbplats
Din bokningssida är din webbplats
- Dela länken nedan på Instagram, i din Google-företagsprofil och i dina mejl.
- Sätt QR-koden ovan på bordet, på menyn eller i fönstret.
Utforma popupen
Välj Varumärkesfärg, Bakgrund och Text under Färger i Utforma popupen.
Ger din färg för lite kontrast blir knapparna i popupen en aning mörkare, så att de fortfarande går att läsa.
Välj ett Typsnitt för brödtexten och för Rubriker, och en Storlek.
På en telefon fyller popupen alltid hela skärmen.
Slå på eller av Visa en flytande knapp i hörnet under Knapp på din webbplats, och välj Text på knappen, Placering, Knappfärg och Textfärg på knappen.
Är texten svår att läsa mot knappfärgen får knappen på din webbplats vit text, precis som i förhandsvisningen.
Spara och titta under Förhandsvisning, eller klicka på Visa på en testsida.
Förhandsvisningen är din riktiga popup, så bokningar du gör där är på riktigt.
Regler för gäster
Under Regler för gäster bestämmer du hur nära inpå och hur långt fram gästerna kan boka online, och hur länge de själva kan avboka eller boka om.
Fyll i Avbokning går fram till, i timmar före bokningen.
Efter det får gästen ringa.
Slå på Gäster kan själva boka om och fyll gärna i Ombokning går fram till.
Via länken i bekräftelsen och påminnelsen kan gästen välja en annan dag eller tid. Du får en avisering där den gamla tiden står med.
Fyll i Bokning öppnar, Minst i förväg och Hur långt fram.
Lämnar du Bokning öppnar tomt går det att boka från och med i dag. Vid disken går det alltid att boka.
Restaurang: välj vid Sluttiden för en servering är mellan Sista ankomst och När du stänger, och klicka på Spara regler.
Du ser Reglerna är sparade.
Språk för gäster
Bokningssidan, popupen och mejlen finns på nederländska, engelska, tyska och svenska. En gäst får sin webbläsares språk om du erbjuder det, annars standardspråket.
Slå på de språk du vill erbjuda under Språk för gäster.
Vid varje språk ser du om det är på.
Välj Standardspråk.
Det får gäster vars webbläsare har ett språk som du inte erbjuder.
Meddelanden till gäster
Fyll i Avsändare och Svar från gäster till under Meddelanden till gäster.
Svarar en gäst på ett mejl kommer svaret till den adressen.
Fyll i vart du själv vill få aviseringarna under Avisering om ny bokning till.
Lämnar du fältet tomt går de till verksamhetens e-postadress.
Fyll gärna i Länk till dina villkor och välj under Påminnelse i förväg hur många timmar före bokningen påminnelsen ska skickas.
0 betyder ingen påminnelse.
Slå på Be om ett omdöme, fyll i Timmar efter besöket och din Länk till dina Google-recensioner eller Länk till TripAdvisor, och klicka på Spara meddelanden.
Efter besöket får gästen ett mejl med de länkarna. Reglaget syns bara om omdömen ingår i ditt paket.
Så bokar en gäst
Restaurang: gästen väljer datum, antal personer och en tid, fyller i sina uppgifter och klickar på boka. Sedan kommer ett mejl. Först när gästen klickar på knappen i mejlet är bordet bokat, och görs det inte inom 24 timmar förfaller förfrågan. Fram till dess står bokningen som Obekräftad på Idag.
Aktiviteter: gästen väljer aktivitet, antal personer, längd, datum, starttid och eventuella tillval. Ska gästen betala i förväg eller lämna en handpenning görs det direkt via Mollie. Utan betalning håller vi platsen och gästen bekräftar via länken i mejlet.
Salong: kunden väljer en behandling, en medarbetare eller inget önskemål, och en tid. Ska kunden betala i förväg är tiden bokad först när betalningen är klar, och betalar kunden inte inom 20 minuter blir tiden ledig igen.
Via länken i mejlet kan gästen avboka, och boka om om du har slagit på det.
Kommer du inte vidare? Så får du hjälp