# Lägg till en Boka nu-knapp på din webbplats

Uppdaterad 2026-10-15 av TicketPa-teamet. Källa: https://ticketpa.com/sv/hjalp/lagg-till-en-boka-nu-knapp-pa-webbplatsen

En Boka nu-knapp på din webbplats tar besökarna direkt till din bokningssida. TicketPa ger dig koden till två sorters knappar, färdig att klistra in och i din accentfärg.

## Så lägger du till knappen

1. Gå till **Dela** i sidofältet.
2. Under **Boka nu-knapp** tittar du på **Förhandsvisning**. Den visar knappen i din accentfärg.
3. Välj en knapp och välj **Kopiera koden** bredvid den:
    - **Enkel knapp (fungerar överallt, även i mejl)**: en länk som ser ut som en knapp. Använd den på alla webbplatser, i mejl och i nyhetsbrev.
    - **Knapp som öppnar bokningen i ett fönster bredvid din webbplats**: på en dator öppnas din bokningssida i ett litet fönster medan din webbplats ligger kvar öppen bakom.
4. Klistra in koden i webbplatsens HTML där knappen ska synas.

## Så fungerar fönsterknappen

- På en dator öppnar knappen din bokningssida i ett fönster som är 480 pixlar brett, till höger i webbläsarfönstret.
- På en mobil eller en skärm som är smalare än 640 pixlar öppnar den din bokningssida som en vanlig länk.
- När en besökare håller ned Ctrl, Cmd eller Skift och väljer knappen öppnar webbläsaren länken på sitt vanliga sätt, till exempel i en ny flik.
- När webbläsaren blockerar fönstret öppnas din bokningssida som en vanlig länk i stället.

Fönsterknappen lägger till ett litet skript från TicketPa på din sida. Där skript inte kan köras, som i mejl, visas den som en vanlig textlänk, så använd den enkla knappen där.

## Ändra knappen

- Ord: byt ”Boka nu” i koden mot vilka ord du vill.
- En aktivitet: byt ut länken i koden (adressen efter `href=`) mot aktivitetens länk från **En aktivitet** på sidan **Dela**. Läs mer i [Dela din bokningssida](https://ticketpa.com/sv/hjalp/dela-din-bokningssida).
- Flera knappar: klistra in koden överallt där du vill ha en knapp. Varje länk med `data-ticketpa` på sidan blir en knapp.
- Ett språk: välj ett språk under **Länkens språk** på sidan **Dela** innan du kopierar koden, så öppnar knappen din bokningssida på det språket. Läs mer i [Bokningssidans språk](https://ticketpa.com/sv/hjalp/bokningssidans-sprak).

> **Obs!** Färgerna skrivs in i koden när du kopierar den. När du har bytt accentfärg under **Bokningssida** kopierar du koden igen och ersätter den gamla på din webbplats. Läs mer i [Anpassa din bokningssida](https://ticketpa.com/sv/hjalp/anpassa-din-bokningssida).

## Vanliga frågor

### Kan jag använda min egen knappstil?

Ja. I den enkla knappen ändrar du stilen som står i koden. I fönsterknappen byter du `data-ticketpa` mot `data-ticketpa="link"`: då låter skriptet din länks egen stil vara och öppnar ändå bokningsfönstret.

### Fungerar knappen i mejl och nyhetsbrev?

Använd den enkla knappen. Den är en vanlig länk med utseendet inskrivet i koden, så den fungerar utan skript.