For å legge til en bookingknapp på nettsiden kopierer du lenken til bookingsiden fra bookingsystemet og kobler den til en knapp på siden din, eller du limer inn knappekoden fra bookingsystemet i en HTML- eller kodeblokk. Begge deler tar noen minutter, og du trenger ingen utvikler. Nedenfor finner du stegene for WordPress, Wix, Squarespace, Shopify og alle andre nettsider.
Denne guiden tar for seg begge metodene, hvor du bør plassere knappen så gjestene faktisk bruker den, og hvordan du tester den. Eksemplene bruker TicketPa, men stegene er de samme med de fleste bookingsystemer.
To måter å legge til en bookingknapp på
| Metode | Slik fungerer den | Passer best for |
|---|---|---|
| Lenk en knapp du allerede har | Bruk knappen i verktøyet nettsiden er laget med, og la den lenke til bookingsiden | Alle verktøy for nettsider, også de som begrenser egen kode |
| Lim inn en kodebit | Lim inn knappekoden fra bookingsystemet i en HTML-blokk | Nettsider som tillater egen HTML, når du vil ha den ferdige knappen |
Å lenke en knapp er det enkleste og fungerer overalt. Kodebiten gir deg en ferdig utformet knapp, og med noen bookingsystemer kan den åpne bookingsiden i et vindu ved siden av nettsiden din.
Steg 1: Hent bookinglenken eller knappekoden
Alle bookingsystemer gir deg en lenke til bookingsiden, og mange gir deg også en lenke for hver aktivitet og en kodebit for en knapp. I TicketPa åpner du siden Share (Del). Der finner du:
- Bookingsiden din: én lenke til alle aktivitetene gjestene kan booke. Bruk den i hovedmenyen og på forsiden.
- Én aktivitet: en lenke rett til kalenderen for én aktivitet. Bruk den på siden for den aktiviteten og i innlegg eller annonser om den.
- Book nå-knapp: kode du limer inn på nettsiden, i aksentfargen til bookingsiden din. Det finnes to versjoner:
- en enkel knapp, som fungerer overalt, også i e-poster
- en knapp som åpner bookingen i et vindu ved siden av nettsiden din på datamaskin
Kopier lenken eller koden du trenger.
Steg 2: Legg den inn på nettsiden
WordPress
For å lenke en knapp: i blokkredigereren legger du til en Knapper-blokk (Buttons) der du vil ha knappen, skriver «Book nå» og limer inn bookinglenken i lenkefeltet til knappen.
For å lime inn kodebiten: legg til en Egendefinert HTML-blokk (Custom HTML) der du vil ha knappen, og lim inn koden. Forhåndsvis siden for å se knappen.
Har temaet ditt en meny øverst, legger du også til bookinglenken som et menypunkt, under Utseende, Menyer, eller i navigasjonsblokken i nettstedsredigereren.
Wix
For å lenke en knapp: legg til en knapp fra panelet for å legge til elementer, endre teksten til «Book nå», åpne lenkeinnstillingene og velg en nettadresse. Lim inn bookinglenken.
Wix legger egen kode i en ramme, og det kan hindre en knapp i å åpne et nytt vindu. På Wix er det derfor tryggere å lenke en knapp.
Squarespace
For å lenke en knapp: rediger siden, legg til en Button-blokk, skriv «Book nå» og lim inn bookinglenken som lenke.
For å lime inn kodebiten: legg til en Code-blokk og lim inn koden. Kodeblokker som kjører skript, finnes bare i noen av Squarespace-pakkene, så virker ikke kodebiten i din pakke, lenker du en knapp i stedet.
Shopify
For å lenke en knapp: i temaredigereren legger du til eller redigerer en seksjon som har en knapp, for eksempel et bildebanner, og limer inn bookinglenken som lenke for knappen. For å legge den i menyen går du til Nettbutikk, Navigasjon, åpner hovedmenyen og legger til et menypunkt med bookinglenken.
For å lime inn kodebiten: legg til en seksjon med Egendefinert Liquid (Custom Liquid) i temaredigereren og lim inn koden.
Alle andre nettsider
På en nettside som er laget for hånd, eller i verktøy som Webflow, Framer eller Carrd, limer du inn kodebiten i HTML-en på siden, eller i verktøyets element for innbygging eller HTML, der knappen skal vises. Kan du ikke legge inn kode, bruker du en hvilken som helst lenke eller knapp og lar den peke til bookinglenken.
Hvor du bør plassere bookingknappen
En bookingknapp virker bare hvis gjestene ser den når de er klare til å booke:
- Øverst på hver aktivitetsside, ved siden av prisen, så gjestene slipper å bla.
- I hovedmenyen, som siste punkt, utformet som en knapp.
- Nederst på hver aktivitetsside, etter beskrivelsen og bildene.
- På forsiden, nær den første overskriften.
- På kontaktsiden, for gjester som var i ferd med å sende en melding og spørre om ledige plasser.
Bruk «Book nå» eller «Se ledige tider» som tekst på knappen. Gjestene forstår begge, og begge starter med det de vil gjøre.
Lenk hver aktivitet til sin egen kalender
Har nettsiden din en side per aktivitet, lenker du knappen på hver side til den aktiviteten, ikke til den generelle bookingsiden. Gjestene havner i riktig kalender og sparer et steg, og da er det færre som gir opp før de booker.
I TicketPa viser siden Share (Del) en lenke for hver aktivitet. Bruk lenken til den generelle bookingsiden bare der den dekker alt, som i menyen og på forsiden.
Test bookingknappen
Før du forteller det til noen, tester du den slik en gjest ville gjort:
- Åpne nettsiden på mobilen og trykk på knappen.
- Sjekk at den havner på riktig side, med riktig aktivitet og ledige tider i sanntid.
- Gjør en testbooking, eller gå helt fram til betalingssteget.
- Gjenta på datamaskinen. Åpner knappen bookingen i et vindu, sjekker du at vinduet åpnes, og at bookingsiden likevel åpnes hvis nettleseren blokkerer vinduer.
Bruk den samme lenken alle andre steder
Bookinglenken virker overalt der en gjest kan trykke på en lenke, ikke bare på nettsiden. Legg den inn i bedriftsprofilen på Google, i Instagram-bioen og i svarene dine på WhatsApp. Guiden vår om bookinger fra Instagram, Google og WhatsApp viser hvor den skal stå i hver av dem.
Slik fungerer knappen i TicketPa
Knappen i TicketPa er en lenke med et lite skript. På datamaskin åpner den bookingsiden i et vindu ved siden av nettsiden din, så gjestene har nettsiden åpen bak den. På mobil, eller hvis nettleseren blokkerer vinduet, åpner den bookingsiden som en vanlig lenke. Skriptet sporer ikke de besøkende, og knappen bruker aksentfargen til bookingsiden din.
TicketPa er et bookingsystem for turer, kurs og aktiviteter, med en bookingside som også fungerer uten nettside. Se alle funksjonene, eller siden for din type aktivitet, som guidede turer eller workshops.
