# Sådan sætter du en Book nu-knap på din hjemmeside: WordPress, Wix, Squarespace og Shopify

Udgivet 2026-10-14 af TicketPa-teamet. Kilde: https://ticketpa.com/da/blog/book-nu-knap-paa-hjemmesiden

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:

1. **Åbn din hjemmeside på din telefon,** og tryk på knappen.
2. **Tjek, at den lander på den rigtige side** med den rigtige aktivitet og ledige tider live.
3. **Lav en testbooking,** eller gå frem til betalingstrinnet.
4. **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](https://ticketpa.com/da/blog/bookinglink-instagram-google-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](https://ticketpa.com/da/funktioner) eller siden for din type aktivitet, for eksempel [ture](https://ticketpa.com/da/bookingsystem-guidede-ture) eller [workshops](https://ticketpa.com/da/bookingsystem-workshops).

## Ofte stillede spørgsmål

### Skal jeg have en udvikler for at sætte en bookingknap på?

Nej. I næsten alle hjemmesidebyggere kan du tilføje en knap og sætte dens link til din bookingside på få minutter. Det tager omtrent lige så lang tid at indsætte et kodestykke, hvis din hjemmesidebygger har en HTML- eller kodeblok. Du skal kun bruge en udvikler til et helt specialbygget design.

### Kan bookingsiden åbne inde på min hjemmeside?

Det afhænger af bookingsystemet. Nogle viser bookingsiden inde på din side i en ramme, og andre åbner den som en separat side eller et separat vindue. TicketPa åbner bookingen i et vindue ved siden af din side på en computer og som en almindelig side på en telefon, så betalingen virker pålideligt i alle browsere.

### Gør en bookingknap min hjemmeside langsommere?

En linket knap gør ikke din side langsommere at indlæse, fordi den bare er et link. Et kodestykke med et script tilføjer en lille fil, og et godt script indlæses efter resten af din side, så de besøgende ikke mærker det. Scriptet fra TicketPa indlæses på den måde og sporer ikke dine besøgende.

### Kan jeg bruge mit eget knapdesign?

Ja. Brug en hvilken som helst knap eller et link fra din hjemmesidebygger med det design, du kan lide, og sæt dens link til din bookingside eller en aktivitets link. Det færdige kodestykke er der for nemheds skyld, ikke fordi du skal bruge det.

### Kan jeg sætte en bookingknap i mine mails?

Ja. Indsæt dit bookinglink i en knap i dit mailprogram, eller brug det almindelige kodestykke til en knap, hvis dit mailprogram tager imod HTML. Scripts kører ikke i mails, så brug den almindelige knap, som er et link med design. Den almindelige knap fra TicketPa virker i mails af den grund.