Your AI Connector Docs

Delningsbar bokningssida

Varje händelsetyp kan ha sin egen offentliga bokningssida: en länk som vem som helst kan öppna och boka en tid på, utan att behöva ett konto och utan att behöva skicka ett meddelande till dig först.

Placera den bakom en Boka nu-knapp på din webbplats, i din Instagram-biografi, i din e-postsignatur, på en flygblad som en QR-kod, eller klistra in den i en chatt. Den som öppnar den ser din faktiska tillgänglighet och bokar direkt i din kalender.

Vem är detta för:

  • En frisörsalong med en “Boka tid”-knapp på sin webbplats.
  • En coach eller konsult som lägger till en bokningslänk i varje e-postmeddelande.
  • En klinik med en QR-kod i receptionen.
  • Alla som kör annonser och behöver en sida att skicka folk till.

Vad gör den här sidan annorlunda: besökaren anger sitt namn och sin e-postadress eller sitt telefonnummer innan de ser kalendern. Det innebär att någon som öppnar sidan, fyller i sina uppgifter och sedan lämnar sidan utan att välja en tid ändå sparas i dina kontakter, redo för uppföljning. På en vanlig bokningssida är den personen helt enkelt borta. Se Varje besökare blir en kontakt nedan.


Aktivera sidan

Bokningssidan är avstängd tills du slår på den, så ingen händelsetyp blir offentlig av misstag.

  1. Klicka på Bokningar i sidofältet och öppna fliken Händelsetyper.
  2. Klicka på pennikonen längst till höger på händelsetypens rad (eller klicka på Skapa händelsetyp för att skapa en ny).
  3. Skrolla längst ner i formuläret till avsnittet Bokningssida.
  4. Aktivera Delbar bokningssida. Ett fält för Länknamn och din färdiga länk visas.
  5. Klicka på Spara händelse (eller Skapa händelse). Länken blir aktiv så fort händelsetypen sparas.

Tips: Ge händelsetypen ett kundvänligt namn först. Namnet du använder är rubriken som besökare läser på sidan, så “Gratis 30-minuters strategisamtal” fungerar bättre än “Konsult v2”.

Länknamnet (slutet på din länk)

Länken är din vanliga webbadress för appen följt av det Länknamn du väljer, till exempel .../book/salon-cut-30. När du slår på sidan första gången fylls ett kort slumpmässigt slut i åt dig. Ändra det till något som du skulle känna dig bekväm med att läsa upp högt.

Några regler:

  • Endast gemener, siffror och bindestreck, mellan 3 och 60 tecken. Versaler och mellanslag tas bort när du skriver, så du kan inte spara ett slut som inte skulle fungera.
  • Det måste vara unikt. Om någon annan redan använder det slut du valt, kommer du vid sparande att få meddelandet “Det länknamnet används redan. Välj ett annat.” Välj ett annat och spara igen.
  • Att ändra det senare gör att den gamla länken slutar fungera. Allt som redan pekar på det gamla slutet slutar fungera, så bestäm dig innan du trycker länken på något.

Dela länken

Sektionen Boksida ger dig tre sätt att dela sidan:

  • Kopiera länk kopierar den till ditt urklipp, redo att klistras in bakom en “Boka nu”-knapp, i ett e-postmeddelande, en bio, en annons eller ett meddelande.
  • Visa QR-kod gör om samma länk till en QR-kod som du kan skriva ut på en flygblad, ett visitkort, ett butiksfönster eller en bordsskylt.
  • Bädda in på webbplats ger dig en liten kodsnutt som placerar själva kalendern på en sida på din egen webbplats, så att besökare kan boka utan att lämna din sida. Se Bädda in kalendern på din webbplats nedan.

Länken byggs utifrån den webbadress du använder för appen, så om du arbetar på din egen varumärkesdomän bär länken även den domänen. Inget extra behöver ställas in. (Om du även har verifierat en varumärkesanpassad api.-adress under White Labeling, laddas sidan även genom den; om inte, återgår den automatiskt till vår neutrala delade adress.)


Bädda in kalendern på din webbplats

Om du hellre vill visa kalendern på din egen sida än att skicka folk vidare till en länk, bädda in den:

  1. Öppna händelsetypen och scrolla till sektionen Boksida, precis som ovan.
  2. Klicka på Bädda in på webbplats. Inbäddningskoden visas.
  3. Klicka på Kopiera kod och klistra sedan in den i din webbplats HTML där du vill att kalendern ska visas — de flesta webbplatsbyggare (WordPress, Wix, Squarespace, Webflow med flera) har ett “HTML”- eller “anpassad kod”-block för detta.

Det är allt. Den inbäddade kalendern är samma boksida i en ram: samma steg, samma realtidstillgänglighet, och alla som fyller i sina uppgifter blir fortfarande en kontakt, oavsett om de slutför bokningen eller inte.

Bra att veta:

  • Den anpassar sin storlek. Koden du kopierade innehåller några rader som gör att kalendern växer och krymper med sitt innehåll (tidsrutnätet är högre än bekräftelseskärmen), så du behöver aldrig krångla med höjder.
  • Den fungerar tillsammans med chattwidgeten. Om samma sida även kör din chattwidget, fungerar de två bra ihop: kalendern på sidan och chattbubblan i hörnet.
  • Du kan bädda in den mer än en gång. Samma kod på flera sidor går bra, och kalendrar för två olika händelsetyper på en sida fungerar också — varje ram ändrar storlek oberoende av varandra.
  • Att ändra länknamnet bryter även inbäddningar. Koden pekar på din länk, så samma varning gäller: bestäm dig för länknamnet innan du sprider koden.
  • Att stänga av sidan stänger av inbäddningen. Ramen visar då samma “tar inte emot bokningar”-meddelande som länken skulle ha gjort.

Vad din besökare ser

Sidan är i första hand byggd för mobiler, eftersom de flesta trycker på en bokningslänk på sin telefon. Den består av tre korta steg.

Steg 1: vem de är. Namn, samt en e-postadress eller ett telefonnummer. Det räcker med ett av dem, men båda är bättre. Det är detta steg som gör sidan värd att använda, och det beskrivs nedan.

Steg 2: välj en tid. De väljer en dag och sedan en tid. Tiderna visas i besökarens egen tidszon, med en liten notering om “Tider visas i …” så att det inte uppstår någon förvirring. De hämtas från exakt samma tillgänglighet som din AI bokar mot: dina veckotider, din uppsägningstid, hur långt i förväg du tillåter bokningar, dina rum och allt som redan är upptaget i en synkroniserad Google Kalender. Se Bokningssystem för hur dessa inställningar fungerar.

Boka med en specifik person. Om rummen i händelsetypen är namngivna efter personer (en frisör, en läkare, en stylist), visar sidan en rad för Boka med ovanför tiderna: Vem som helst, plus ett valalternativ per person. Vem som helst visar alla lediga tider och bokningen går till den som är ledig, precis som tidigare; tryck på en person så visas endast dennes tider, och bokningen görs med just den personen. Händelsetyper vars rum har generiska namn visar ingen sådan rad. Se Boka med en specifik person för hur AI:n använder samma namn i chatten.

Steg 3: bekräftat. En kort sammanfattning av vad de bokade. Om Skicka bokningsbekräftelse via e-post till kontakt är aktiverat för den händelsetypen (vilket det är som standard), skickas även det vanliga bekräftelsemailet.

Två personer kan inte boka samma tid. Om någon annan tar en tid under sekunderna mellan att den visas och bekräftas, meddelar sidan detta och visar vilka tider som fortfarande är lediga, istället för att i tysthet dubbelboka dig.

Från din sida är en bokning som görs här en vanlig bokning: den visas på fliken Kommande möten, synkroniseras till din Google Kalender om du har den ansluten, och meddelar dig precis som alla andra.


Varje besökare blir en kontakt

Eftersom uppgifterna anges först, sparar sidan personer som du annars aldrig skulle ha hört talas om.

  • I samma ögonblick som någon avslutar steg 1 sparas de som en kontakt med namnet och uppgifterna de angav, och taggas med booking-page-lead.
  • Om du redan har en kontakt med den e-postadressen eller det telefonnumret, är det samma kontakt, inte en ny. Endast tomma fält fylls i, så inget du redan hade skrivs över.
  • När de slutför bokningen får de även taggen booking-page-booked.

Det paret av taggar är hela tricket:

Kontakten har Vad det betyder
booking-page-lead och booking-page-booked De har bokat. Inget att göra.
booking-page-lead men inte booking-page-booked De påbörjade bokningen men valde aldrig en tid. Detta är din lista över övergivna bokningar.

Båda taggarna visas i din vanliga tagglista, så du kan filtrera dina kontakter efter dem som vilken annan tagg som helst (se Använda taggar för att märka kontakter).


Recept: Följ upp övergivna bokningar

Någon som har skrivit in sitt namn och sin e-postadress och sedan stängt fliken är en varm kontakt som blev distraherad. Här är en enkel automatisering som skickar ett e-postmeddelande till dem en timme senare. Se Automatiseringar för själva verktyget.

  1. Öppna Automatiseringar och skapa en ny automatisering. Det snabbaste sättet är att beskriva den på vanlig svenska i promptrutan och sedan finjustera det som skapas, men här är hur det bör se ut när det är klart.
  2. Ställ in utlösaren (trigger) till Kontakt uppdaterad och ställ in dess fält till taggar, så att den körs varje gång en kontakts taggar ändras.
  3. Lägg till ett Villkor-steg: fortsätt endast när kontakten har taggen booking-page-lead och inte har booking-page-booked.
  4. Lägg till ett Fördröjning-steg på ungefär en timme. Detta ger någon som bara är långsam med att välja en tid chansen att bli klar först.
  5. Lägg till ett Villkor igen efter fördröjningen och kontrollera samma sak. Om de slutförde bokningen under den timmen har de nu taggen booking-page-booked och automatiseringen stannar där istället för att tjata på en kund som redan har bokat.
  6. Lägg till ett e-poststeg (Gmail, eller E-post (din e-postserver) om du skickar via din egen e-postserver) med ett kort och vänligt meddelande: “Jag såg att du började boka hos oss, här är länken igen om du fortfarande vill boka en tid.” Klistra in din bokningslänk i meddelandet.
  7. Spara och slå sedan på Aktiverad-knappen.

Bra att veta innan du bygger den:

  • E-post fungerar direkt. Så länge personen lämnade en e-postadress körs detta från den dag du slår på den.
  • WhatsApp och SMS är annorlunda. Någon som kom in via bokningssidan har ännu ingen konversation med dig, och meddelandekanaler tillåter dig bara att starta en på specifika sätt, så en uppföljning via chatt är inget denna automatisering kan göra åt dig idag. Börja med e-post.
  • Alla lämnar inte en e-postadress. Sidan accepterar ett telefonnummer istället, så inkludera ett villkor eller acceptera helt enkelt att kontakter med endast telefonnummer ligger kvar i dina kontakter för att du ska kunna kontakta dem manuellt.

Stänga av sidan och radera den

  • Stäng av sidan för händelsetypen så slutar länken att ta emot bokningar: alla som öppnar den får veta att sidan inte tar emot bokningar just nu. Ditt länknamn förblir reserverat, så att slå på den igen senare återställer exakt samma länk och alla “Boka nu”-knappar som pekade på den börjar fungera igen.
  • Radera händelsetypen så försvinner dess sida permanent. Länknamnet frigörs och någon annan kan ta det, så radera endast när du verkligen är klar med den länken.

Bra att veta

  • Varje händelsetyp får en sida. Om du erbjuder tre tjänster, skapa tre händelsetyper och dela tre länkar.
  • Sidan visar händelsens namn, hur lång tid den tar, var den äger rum och ditt varumärke. Inget om ditt konto är synligt för besökare.
  • En sida kan öppnas av vem som helst med länken. Den listas inte någonstans offentligt, men den är inte heller hemlig, så behandla den som vilken annan länk du delar som helst.
  • Inte tillgängligt än: bekräftelsemailet innehåller inte länkar för ombokning eller avbokning, inte heller en kalenderfil att lägga till i en dagbok, och sidan kan inte ställa egna extra frågor. För att samla in extra information, boka via en chatt istället, där din AI kan fråga efter dem (se Samla in extra information under bokning).

Behöver du hjälp?

If you have questions about the booking page, reach out via our email support.