Installer bestillingsknappen på nettstedet ditt

Du trenger ingen programmerer til dette, og du trenger ikke å forstå koden. Du kopierer to tekstbiter fra Rentalbuddy og limer dem inn på nettstedet ditt. Denne veiledningen forklarer nøyaktig hvor hver av dem skal, og hva du gjør når knappen ikke dukker opp.

De to bitene, og hvorfor du trenger begge

Bit	Hva den gjør	Hvor den skal
Kopier kode for bookingsmotor (skriptet)	Laster Rentalbuddy på nettstedet ditt	Én gang for hele nettstedet, i innstillingene for kode/bunntekst for hele siden
Kopier knappekode (knappen)	Markerer nøyaktig hvor knappen skal vises	På siden der du vil ha knappen

Ingen av dem virker alene. Skriptet uten knappekode laster Rentalbuddy, men viser ingenting. Knappekoden uten skriptet etterlater et tomt felt på siden. Dette er den vanligste feilen — operatører kopierer bare knappekoden og lurer på hvorfor ingenting skjer. (Det ene unntaket: e-postlenker for å låse opp eller forlenge en bestilling virker uten en knapp.)

Før du begynner

Bestillingsknappen settes opp per sted, så gjør dette for hvert sted som skal ha en knapp på nettstedet ditt.

Steg 1 — Åpne oppsettet for bokeknappen

Åpne Steder i venstremenyen.
Klikk på stedet du vil ha.
Åpne fanen Bokeknapp.

Steg 2 — Velg hvordan kundene bestiller

Under Hvor booker kundene?, velg Min egen nettside.

Deretter, under Hvordan booker kunder fra nettstedet ditt?, velg Innebygd på nettsiden din — det er dette alternativet som gir deg knappekoden. (Det andre alternativet, Bookinglenke, gir deg bare en lenke til en side Rentalbuddy drifter, og krever ingen kode i det hele tatt. Er du usikker på om du klarer å installere kode, er det et helt utmerket alternativ.)

Steg 3 — Fortell Rentalbuddy hvilket nettstedsprogram du bruker

Under Hvilket nettstedsprogram bruker du?, velg programmet ditt fra listen — WordPress (tre varianter), Wix, Squarespace, GoDaddy Website Builder, Webflow, Jimdo, IONOS (MyWebsite), eller Annet / jeg vet ikke.

Dette endrer ikke koden. Det endrer instruksjonene som vises ved siden av hvert steg, slik at de passer til menyene i ditt program. Velg Annet / jeg vet ikke hvis ingenting passer — du får fortsatt generelle instruksjoner.

Steg 4 — Legg skriptet på nettstedet ditt (én gang)

I steget Legg til bookingsmotoren på nettstedet ditt, klikk på Kopier kode for bookingsmotor. Du får én enkelt linje som ser slik ut:

<script defer src="https://plugin.rentalbuddy.io/static/js/main.js"></script>

Bruk alltid kopieringsknappen fremfor å skrive dette for hånd — kopien gir deg den nøyaktige adressen kontoen din bruker.

Lim den inn i nettstedets kodeområde for hele siden, helt på slutten av sidens body. I nettstedsprogrammer heter dette feltet vanligvis egendefinert kode, header/footer-kode, sporingsskript, eller noe som nevner "før </body>". Rentalbuddys egen ordlyd under dette steget: "Laster Rentalbuddy på nettstedet ditt. Legg inn dette én gang per nettadresse."

Omtrent hvor du skal lete i de vanligste programmene (menynavn endrer seg, så bruk dette som et utgangspunkt):

WordPress — WordPress har ikke noe innebygd felt for dette. Veiledningen i produktet anbefaler at du installerer en liten gratis utvidelse som Insert Headers and Footers eller WPCode og bruker dens Footer-/"før </body>"-felt. Bruker du en cache-utvidelse, tøm cachen etter lagring.
Wix — Site & app settings → Custom code (noen ganger under Tracking & Analytics), plassering Body – end, brukt på alle sider.
Squarespace — Settings → Advanced → Code injection → Footer. Ikke alle Squarespace-abonnementer inkluderer code injection.

Lagre og publiser deretter nettstedet.

Lim inn skriptet bare én gang. Ekstra kopier ignoreres, så et duplikat ødelegger ingenting — men det gjør siden tregere og gjør det uklart hvilken kopi du skal erstatte hvis du senere trenger versjonen for informasjonskapselbanner eller async-versjonen som er beskrevet lenger ned. Er du usikker på om det allerede ligger der, søk etter rentalbuddy i kodefeltene som gjelder hele nettstedet før du legger til enda en kopi.

Ett nettsted med flere sider: lim det inn én gang, for hele siden. Flere separate nettsteder: lim det inn én gang på hvert nettsted.

Steg 5 — Skriv inn nettadressen din

I steget Plasser knappen der den skal vises finner du feltet URL der bokknappen er implementert. Skriv inn den fullstendige adressen til siden der knappen skal være — for eksempel https://dinside.no/booking.

Regler systemet håndhever:

Den må starte med https:// eller http://. Uten det mislykkes lagringen med "URL-en må starte med https:// eller http://."
Den må ikke inneholde et ?. Det skjer som regel når du limer inn en forhåndsvisnings- eller testlenke. Slett alt fra og med ?.
Den er påkrevd. Uten den kan du ikke lagre stedet i innbyggingsmodus.

Dette feltet betyr mer enn det ser ut til. Rentalbuddy bygger lenkene den sender i e-poster — start leie, retur, forleng, flytt — ved å ta denne adressen og legge informasjon til den. Peker adressen på en side som ikke inneholder knappekoden, lander kundene dine på den siden og kommer aldri frem til PIN-koden sin eller returtrinnet. Endrer du adressen midt i sesongen, vil lenker som allerede er sendt ut peke på den gamle siden.

Steg 6 — Sett knappen på siden

Fortsatt i Plasser knappen der den skal vises, klikk på Kopier knappekode ved siden av Standardreservasjon. Du får én linje som denne:

<div id="rentalbuddy-checkout" data-site="your-location-id"></div>

Lim den inn på selve siden — i en HTML-/innbyggings-/kodeblokk i sideredigeringsprogrammet ditt, nøyaktig der knappen skal vises. Ikke i innstillingene for hele nettstedet; det var dit skriptet fra steg 4 skulle.

Under Avansert (bare om nødvendig) ligger det to knappekoder til: Produktbestilling og Bestilling av arrangement. Bruk dem bare hvis stedet ditt tilbyr både produkter og arrangementer og du vil ha en knapp som hopper over valget. Ellers er Standardreservasjon den riktige.

Lagre og publiser siden.

Steg 7 — Sjekk det

Klikk på Lagre i Rentalbuddy.
Klikk på Forhåndsvisning ved siden av bestillingsalternativet — det åpner nettstedet ditt i en ny fane med bestillingsflyten, så du kan kontrollere at innbyggingen virker.
Åpne også siden din på vanlig måte, i et privat-/inkognitovindu, så du ser den slik en kunde gjør og ikke fra cache.

Knappens tekst og utseende

To ting ved knappens utseende overrasker nesten alle.

Setter du aldri en tekst, sier knappen BOOK — med store bokstaver. Det er den innebygde reserveetiketten, ikke et stilvalg du har tatt. Gi den en ordentlig etikett under Knapptekst på den samme fanen:

For dette stedet: slå på Tilpass for dette stedet og fyll inn Standardtekst. Under Avanserte innstillinger finnes egne felt for Tekst for produkt / Tekst for arrangement til de avanserte knappekodene.
For alle steder på én gang: bruk Rediger tekst for konto.

To oppførsler du bør kjenne. Med Tilpass for dette stedet avslått brukes kontotekstene, og stedsfeltene vises ikke engang. Og tømmer du alle stedsfeltene mens bryteren står på, faller den også stille tilbake på kontotekstene.

Stilarket til nettstedet ditt kan style knappen om. Knappen er et helt vanlig knappeelement på din side. Fargene og skrifttypene settes direkte på elementet, så vanlige nettstedsstiler endrer ikke dem — men regler merket !important, og egenskaper knappen lar stå usatt (som store bokstaver i teksten), slår gjennom. Vises teksten derfor med store bokstaver selv om du skrev vanlige bokstaver, er det stilarket til nettstedet ditt, ikke Rentalbuddy. Bruk Knappstil (samme fane) til å sette utseendet eksplisitt, og kontroller resultatet med Forhåndsvisning.

Tekst- og stilendringer krever ikke at du kopierer noen kode på nytt — de trer i kraft neste gang siden lastes.

Hva det røde merket faktisk betyr

Fanen Bokeknapp (og kolonnen URL for bokeknapp i Steder-listen) viser et rødt merke helt til oppsettet er fullført — og operatører kjemper rutinemessig mot det på feil sted, på grunn av én misforståelse:

Det røde/grønne merket ser aldri på nettstedet ditt. Rentalbuddy besøker ikke siden din og oppdager ikke om koden er installert. Merket gjenspeiler bare det som er lagret i admin:

Innebygd på nettsiden din: grønt så snart en gyldig URL der bokknappen er implementert er lagret (starter med http(s)://, ingen ?).
Bookinglenke: alltid grønt.
Alternativet med nettsted driftet av Rentalbuddy: grønt så snart det nettstedet er slått på.

Så hvis merket «forblir rødt selv om knappen ligger på nettstedet vårt»: nettstedet er irrelevant — årsaken er et ulagret, tomt eller ugyldig URL-felt. Fyll det inn, trykk Lagre, og det slår om. Verktøytipset forteller deg hvilket tilfelle du er i: "Velg hvordan kunder booker, og fullfør oppsett av bokeknappen." (ingenting valgt eller URL mangler) eller "URL-en må starte med https:// eller http://." Motsatt beviser ikke et grønt merke at koden ligger på nettstedet ditt — Forhåndsvisning er verktøyet som faktisk åpner siden din og viser om knappen virker.

Vanlige fallgruver

Et samtykkebanner for informasjonskapsler blokkerer skriptet

Bruker du et informasjonskapselbanner, kan det holde Rentalbuddy-skriptet tilbake til den besøkende godtar informasjonskapsler — så knappen dukker opp sent, eller ikke i det hele tatt. Rentalbuddy advarer om nettopp dette: "Hvis bestillingsknappen ikke vises og du bruker en informasjonskapsel-banner, kan nettstedet blokkere skriptet til besøkende godtar informasjonskapsler."

Under Avansert (bare om nødvendig) → Verktøy for informasjonskapsel-samtykke finnes ferdige versjoner av skriptet for to vanlige verktøy: Kopier for Cookiebot og Kopier for OneTrust. Bytt ut skriptet du limte inn i steg 4 med det som passer.

For alle andre informasjonskapselverktøy: i innstillingene til banneret ditt merker du bookingskriptet (eller verten plugin.rentalbuddy.io) som strengt nødvendig eller essensielt. Du trenger ikke å omkategorisere enkeltinformasjonskapsler.

Knappen vises, men oppfører seg rart

Under Avansert (bare om nødvendig) → Skriptlasting kan du kopiere to alternative versjoner av det samme skriptet: Kopier med async og Kopier uten defer. Prøv en av dem i stedet for standardversjonen — igjen ved å erstatte kopien du allerede har limt inn, aldri ved å legge til enda en.

Du vil ha en knapp på en side nummer to

Skriptet er allerede lastet for hele nettstedet, så du trenger bare knappekoden. Lim den samme knappekoden inn i en HTML-/innbyggingsblokk på den andre siden.

Merk at feltet URL der bokknappen er implementert rommer én adresse per sted. Velg den siden du vil at kundene skal sendes til fra bookinge-poster — det er den siden e-postlenkene åpner.

Du vil ha en knapp på en versjon av siden på et annet språk

Samme som over: lim knappekoden inn i språkversjonen av siden. Ligger det andre språket på et separat nettsted (et annet domene), trenger det nettstedet sin egen kopi av skriptet.

Hvilke språk selve bestillingsvinduet tilbyr er en egen innstilling på stedet — se Kontoinnstillinger — hvor hver enkelt innstilling ligger.

Du har mer enn ett sted

Hvert sted har sin egen knappekode (data-site-verdien er forskjellig) og sin egen nettadresse. Kopier knappekoden fra det stedets egen Bokeknapp-fane. Selve skriptet er det samme for alle, så det legges fortsatt inn bare én gang per nettsted.

Sjekkliste: knappen vises ikke

Jobb deg nedover denne listen i rekkefølge.

Er begge bitene installert? Skriptet i innstillingene for hele nettstedet, og knappekoden på siden. Manglende skript er den vanligste årsaken.
Publiserte du? De fleste programmer krever en uttrykkelig Publiser/Oppdater etter lagring, og cache-utvidelser må tømmes.
Ligger skriptet der mer enn én gang? Søk etter rentalbuddy i kodefeltene som gjelder hele nettstedet. Fjern alle kopier bortsett fra én.
Er stedet satt til innebygd booking? Åpne Steder → stedet → Bokeknapp og bekreft at Min egen nettside → Innebygd på nettsiden din er valgt og lagret. Viser fanen Bokeknapp en rød advarsel, er det lagrede oppsettet ufullstendig — se Hva det røde merket faktisk betyr over; det handler om det lagrede URL-feltet, aldri om nettstedet ditt.
Er nettadressen gyldig? Den må starte med https://, må ikke inneholde et ?, og bør være den siden som faktisk har knappekoden.
Blokkerer et informasjonskapselbanner den? Prøv Cookiebot- eller OneTrust-versjonen av skriptet, eller merk det som strengt nødvendig i informasjonskapselverktøyet ditt.
Prøv et annet lastealternativ. Bytt skriptet med async- eller uten defer-versjonen.
Sjekk på mobil og i et privat vindu. Bufrede sider og nettleserutvidelser kan skjule den.
Er det i det hele tatt noe som kan bestilles? Knappen kan være riktig installert og likevel ikke ha noe å selge hvis stedet ikke har noen åpen periode eller ingen produkter. Kunden ser ikke et tomt vindu i så fall — de ser "Denne utleiestasjonen er for øyeblikket ikke tilgjengelig for booking." sammen med kontaktinformasjonen til stedet ditt. Se Åpningstider og åpne datoer og Kunder ser ingen ledige tider, eller ingen produkter i det hele tatt.
Står du fortsatt fast? Send support sideadressen din og oppgi hvilket nettstedsprogram du bruker — de to tingene som avgjør alt over.