For at sætte en Book nu-knap på din hjemmeside kopierer du linket til din bookingside fra dit bookingsystem og sætter det på en knap på din side, eller du indsætter den knapkode, dit bookingsystem giver dig, i en HTML- eller kodeblok. Begge dele tager få minutter og kræver ingen udvikler. Herunder finder du trinene til WordPress, Wix, Squarespace, Shopify og alle andre hjemmesider.
Denne guide gennemgår begge metoder, hvor du skal placere knappen, så gæsterne faktisk bruger den, og hvordan du tester den. Eksemplerne bruger TicketPa, men trinene er de samme i de fleste bookingsystemer.
To måder at sætte en bookingknap på
| Metode | Sådan virker det | Bedst til |
|---|---|---|
| Link en knap, du allerede har | Brug din hjemmesidebyggers egen knap, og sæt dens link til din bookingside | Alle hjemmesidebyggere, også dem, der begrænser egen kode |
| Indsæt et kodestykke | Indsæt knapkoden fra dit bookingsystem i en HTML-blok | Sider, der tillader egen HTML, når du vil have den færdige knap |
At linke en knap er det enkleste og virker overalt. Kodestykket giver dig en færdig knap med design, og i nogle bookingsystemer kan den åbne bookingsiden i et vindue ved siden af din side.
Trin 1: Hent dit bookinglink eller din knapkode
Alle bookingsystemer giver dig et link til din bookingside, og mange giver dig også et link til hver aktivitet og et kodestykke til en knap. I TicketPa åbner du siden Share (Del). Her finder du:
- Din bookingside: ét link til alle de aktiviteter, gæsterne kan booke. Brug det i din hovedmenu og på din forside.
- Én aktivitet: et link direkte til kalenderen for én aktivitet. Brug det på aktivitetens egen side og i opslag eller annoncer om den.
- Book nu-knap: kode, du indsætter på din hjemmeside, i din bookingsides accentfarve. Der er to versioner:
- en almindelig knap, der virker overalt, også i mails
- en knap, der åbner bookingen i et vindue ved siden af din side på en computer
Kopiér det link eller den kode, du har brug for.
Trin 2: Sæt den på din hjemmeside
WordPress
Sådan linker du en knap: tilføj en Knapper-blok i blokeditoren der, hvor du vil have knappen, skriv »Book nu«, og indsæt dit bookinglink i knappens linkfelt.
Sådan indsætter du kodestykket: tilføj en Tilpasset HTML-blok der, hvor du vil have knappen, og indsæt koden. Se siden i forhåndsvisning for at se knappen.
Har dit tema en menu i toppen, så tilføj også dit bookinglink som et menupunkt under Udseende, Menuer eller i navigationsblokken i webstedseditoren.
Wix
Sådan linker du en knap: tilføj en Knap fra panelet Tilføj elementer, ændr teksten til »Book nu«, og åbn derefter knappens linkindstillinger, og vælg en webadresse. Indsæt dit bookinglink.
Wix lægger egen kode i en ramme, og det kan forhindre en knap i at åbne et nyt vindue. På Wix er det derfor mere sikkert at linke en knap.
Squarespace
Sådan linker du en knap: redigér siden, tilføj en Button-blok, skriv »Book nu«, og indsæt dit bookinglink som knappens link.
Sådan indsætter du kodestykket: tilføj en Code-blok, og indsæt koden. Kodeblokke, der kører scripts, findes kun på nogle Squarespace-abonnementer, så hvis kodestykket ikke virker på dit, så link en knap i stedet.
Shopify
Sådan linker du en knap: i temaeditoren tilføjer eller redigerer du en sektion med en knap, for eksempel et billedbanner, og indsætter dit bookinglink som knappens link. For at sætte det i din menu går du til Onlinebutik, Navigation, åbner din hovedmenu og tilføjer et menupunkt med dit bookinglink.
Sådan indsætter du kodestykket: tilføj en Brugerdefineret Liquid-sektion i temaeditoren, og indsæt koden.
Alle andre hjemmesider
På en håndbygget side eller i byggere som Webflow, Framer eller Carrd indsætter du kodestykket i sidens HTML eller i byggerens embed- eller HTML-element der, hvor knappen skal stå. Kan du ikke tilføje kode, så brug et hvilket som helst link eller en knap, og lad den pege på dit bookinglink.
Hvor du skal placere din bookingknap
En bookingknap virker kun, hvis gæsterne ser den, når de er klar til at booke:
- Øverst på hver aktivitetsside ved siden af prisen, så gæsterne ikke skal scrolle.
- I din hovedmenu som det sidste punkt, designet som en knap.
- Nederst på hver aktivitetsside efter beskrivelsen og billederne.
- På din forside tæt på den første overskrift.
- På din kontaktside til gæster, der var ved at skrive og spørge om ledige pladser.
Brug »Book nu« eller »Se ledige tider« som tekst på knappen. Gæsterne ved, hvad begge betyder, og begge starter med det, de vil gøre.
Link hver aktivitet til sin egen kalender
Har din hjemmeside en side for hver aktivitet, så link knappen på hver side til den aktivitet og ikke til din generelle bookingside. Gæsterne lander på den rigtige kalender og sparer et trin, og så er der færre, der giver op, før de booker.
I TicketPa viser siden Share et link til hver aktivitet. Brug kun linket til din generelle bookingside de steder, der dækker det hele, som din menu og din forside.
Test din bookingknap
Før du fortæller nogen om den, så test den, som en gæst ville:
- Åbn din hjemmeside på din telefon, og tryk på knappen.
- Tjek, at den lander på den rigtige side med den rigtige aktivitet og ledige tider live.
- Lav en testbooking, eller gå frem til betalingstrinnet.
- Gentag på en computer. Åbner din knap bookingen i et vindue, så tjek, at vinduet åbner, og at bookingsiden stadig åbner, hvis browseren blokerer vinduer.
Brug det samme link alle andre steder
Dit bookinglink virker alle steder, hvor en gæst kan trykke på et link, ikke kun på din hjemmeside. Sæt det på din Google-virksomhedsprofil, i din Instagram-bio og i dine svar på WhatsApp. Vores guide til bookinglinks på Instagram, Google og WhatsApp viser, hvor det skal stå hvert sted.
Sådan virker knappen fra TicketPa
Knappen fra TicketPa er et link med et lille script. På en computer åbner den din bookingside i et vindue ved siden af din side, så gæsterne har din hjemmeside åben bagved. På en telefon, eller hvis browseren blokerer vinduet, åbner den din bookingside som et almindeligt link. Scriptet sporer ikke dine besøgende, og knappen bruger din bookingsides accentfarve.
TicketPa er et bookingsystem til ture, kurser og aktiviteter med en bookingside, der også virker uden en hjemmeside. Se alle funktioner eller siden for din type aktivitet, for eksempel ture eller workshops.
