Hoppa till innehåll

Boka nu-knappen

DenBOKA NUKnappen är en allestädes närvarande term inom hotellbranschen som hänvisar till hotellets egen integration med en leverantör som känner till hotellets tillgänglighet och priser och kan låta resenärer boka ett rum. Knappen är det enklaste sättet för hotell att kunna sälja rum på sin egen webbplats och på sina egna villkor.

Många hotell använder den medföljande bokningsmotorn som erbjuds av deras kanalhanterare. Vi rekommenderar att hotell gör lite research och jämför inbyggda bokningsmotorer innan de bestämmer sig för att välja en specifik.

Den här artikeln är främst för hotell som vill installera vår kostnadsfria bokningsmotor med hög konverteringsgrad på sin webbplats.

Men… den är också värdefull läsning för alla som vill använda våra tekniker på sina webbplatser.

För enklast möjliga integration rekommenderar vi att du använder enDelbar länk.

Här är stegen för att göra detta:

  1. Gå till https://extranet.wink.travel
  2. Klick Sign-In / Register i det övre högra hörnet och logga in med ditt användarkonto.
  3. Välj den egenskap du vill arbeta med från den övre vänstra rullgardinsmenyn.
  4. Klicka på Booking engine i navigeringsfältet.
  5. Sidan visar din länk.
  6. Ge den här länken till din webbansvariga och använd den för din BOKA NU knapp.
  7. Du är ✅.

Länken har redan en inbyggd resplan i URL:en, som kommer från din valda destination.customization. Du kan anpassa din länk ytterligare genom att:

  • Ändra den valda anpassningen ELLER
  • Åsidosätt resplanen

I den här artikeln kommer vi att fokusera på det senare eftersom det ger dig större frihet att låta resenärer välja en resplan på din webbplats och vidarebefordra den till Winks bokningsmotor.

Så här skickar du din egen resplan tillsammans med URL:en.

Giltiga begäranparametrar:

  • sdSå här lägger du till ett startdatum:sd=2024-08-24
  • nFör att lägga till antal nätter:n=1ELLER
  • utg.Använd slutdatum:ed=2024-08-25
  • rcGäster:rc=a2(Vuxna: 2)
  • jagBegär ett visningsspråk:l=es
  • cBegär en visningsvaluta:c=EUR
  • pLägg till en kampanj:p=ABC123

URL:en skulle se ut så här:

https://trvl.as/abc123?sd=2024-08-24\&n=1\&rc=a2\&l=es\&c=EUR

För mer avancerade användningsfall kan du också begära flera rumskonfigurationer med hjälp av+tecken:

Exempel:

https://trvl.as/abc123?sd=2024-08-24\&n=1\&rc=a2-ca16q1-ca8q1+a2\&l=es\&c=EUR

  • Rumstyp 1 = Vuxna: 2, Barn: 2 = 16 år + 8 år.
  • Rumstyp 2 = Vuxna: 2.

ExempelBOKA NUknapp-HTML:

Det här exemplet förutsätter att du använderBootstrapsom ditt primära CSS-bibliotek.

<a
href="https://trvl.as/abc123"
target="_blank"
class="btn btn-lg btn-primary"
title="Book a room"
>
BOOK NOW
</a>

Det finns andra fördelar med att använda en av våra länkar som dinbook nowknappen.

  • SocialvänligLänken kan enkelt delas på sociala medier och visasdynamic pricingovanpå bilden du valt.
  • KortURL:en är mycket delbar och du kan använda den på platser som din Instagram Bio-URL.

Vissa hotell vill ha lite mer funktionalitet och en djupare integration för sin webbplats. Det här exemplet handlar om att bädda in enKortin på deras webbplats.

Här är stegen för att göra detta:

  1. Gå till https://studio.wink.travel
  2. Klick Sign-In / Register i det övre högra hörnet och logga in med ditt användarkonto.
  3. Välj den egenskap du vill arbeta med i det övre vänstra hörnet.
  4. Klicka på Search från huvudnavigeringsfältet.
  5. Skriv in namnet på din fastighet och klicka på sökknappen.
  6. Klicka på Actions länken på ditt sökresultatskort och välj Create > Make a Card.
  7. Detta kommer att skapa en Card.
  8. Ett meddelande visas i det övre högra hörnet som talar om att ditt kort är klart och om du vill anpassa det ytterligare.
  9. Klicka på Tools > Cards från huvudnavigeringsfältet så ser du ditt nya kort.
  10. Klicka på Actions länken på ditt länkkort och klicka på Embed.
  11. Detta öppnar ett nytt fönster med exempel på HTML-kod som du kan kopiera.
  12. För att hämta din Client-ID, gå till Applikationer.
  13. För att hämta din Configuration-ID, gå till Anpassning
  14. Du är ✅.

Exempel på inbäddad kort-HTML:

<wink-content-loader
layout="GUEST_ROOM"
id="09d7cca4-6ff6-11ef-949b-42004e494300"
></wink-content-loader>

HTML-exemplet ovan inkluderar inte den nödvändiga Wink CSS och Javascript; bara kortet.

Förhandsgranskning av kort
Rumstypskort för framsidan med tillgänglighet

En bokare ser nu dynamiska priser, kan ändra resplan och klicka för att boka direkt på din webbplats. Bokknappen tar dig till din Wink-boendes landningssida för att slutföra betalningen.