Installer bookingknappen på dit website

Du behøver ikke en programmør til det her, og du behøver ikke at forstå koden. Du kopierer to stykker tekst fra Rentalbuddy og sætter dem ind på dit website. Denne guide forklarer præcis, hvor hvert stykke skal hen, og hvad du gør, når knappen ikke dukker op.

De to stykker, og hvorfor du har brug for begge

Stykke	Hvad det gør	Hvor det skal hen
Kopier booking-motor-kode (scriptet)	Indlæser Rentalbuddy på dit website	Én gang for hele websitet, i dine indstillinger for kode/sidefod på hele sitet
Kopier knapkode (knappen)	Markerer det nøjagtige sted, hvor knappen skal vises	På den side, hvor du vil have knappen

Ingen af dem virker alene. Scriptet uden knapkode indlæser Rentalbuddy, men viser ingenting. Knapkoden uden script efterlader et tomt felt på siden. Det er den mest almindelige fejl — operatører kopierer kun knapkoden og undrer sig over, at der ikke sker noget. (Den ene undtagelse: links i mails til at låse op eller forlænge en booking virker uden en knap.)

Før du går i gang

Bookingknappen sættes op pr. sted, så gør dette for hvert sted, der skal have en knap på dit website.

Trin 1 — Åbn opsætningen af Bookknap

1. Åbn Steder i venstremenuen.
2. Klik på det sted, du vil have.
3. Åbn fanen Bookknap.

Trin 2 — Vælg, hvordan kunderne booker

Under Hvor booker kunderne? vælger du Mit eget websted.

Derefter vælger du under Hvordan booker kunder fra jeres website? valget Indlejret på jeres hjemmeside — det er den mulighed, der giver dig knapkoden. (Den anden mulighed, Bookinglink, giver blot et link til en side hostet af Rentalbuddy og kræver slet ingen kode. Er du usikker på, om du kan installere kode, er det et helt fint alternativ.)

Trin 3 — Fortæl Rentalbuddy, hvilken hjemmesidebygger du bruger

Under Hvilken hjemmesidebygger bruger I? vælger du din bygger på listen — WordPress (tre varianter), Wix, Squarespace, GoDaddy Website Builder, Webflow, Jimdo, IONOS (MyWebsite) eller Andet / jeg er ikke sikker.

Det ændrer ikke koden. Det ændrer de instruktioner, der vises ved hvert trin, så de passer til din byggers menuer. Vælg Andet / jeg er ikke sikker, hvis intet passer — du får stadig generelle instruktioner.

Trin 4 — Læg scriptet på dit website (én gang)

I trinnet Tilføj booking-motoren på dit website klikker du på Kopier booking-motor-kode. Du får en enkelt linje, der ser sådan ud:

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

Brug altid kopiknappen frem for at skrive det af i hånden — kopien giver dig den nøjagtige adresse, din konto bruger.

Sæt den ind i dit websites kodeområde for hele sitet, i slutningen af sidens body. I hjemmesidebyggere hedder feltet som regel custom code, header/footer code, tracking scripts eller noget, der nævner "før </body>". Rentalbuddys egen formulering under dette trin: "Indlæser Rentalbuddy på dit website. Tilføj dette én gang per webadresse."

Cirka hvor du skal lede i de mest udbredte byggere (menunavne ændrer sig, så betragt dette som et udgangspunkt):

• WordPress — WordPress har ikke et indbygget felt til dette. Guiden i produktet anbefaler at installere et lille gratis plugin såsom Insert Headers and Footers eller WPCode og bruge dets felt til Footer / "før </body>". Bruger du et cache-plugin, så tøm cachen efter du har gemt.
• Wix — Site & app settings → Custom code (nogle gange under Tracking & Analytics), placering Body – end, anvendt på alle sider.
• Squarespace — Settings → Advanced → Code injection → Footer. Ikke alle Squarespace-planer indeholder code injection.

Gem derefter og udgiv dit site.

Sæt kun scriptet ind én gang. Ekstra kopier ignoreres, så en dublet ødelægger ikke noget — men den gør siden langsommere og gør det uklart, hvilken kopi der skal udskiftes, hvis du senere får brug for cookiebanner- eller async-versionen længere nede. Er du i tvivl, om det allerede er der, så søg efter rentalbuddy i dine kodefelter for hele sitet, før du tilføjer endnu en kopi.

Ét website med flere sider: sæt det ind én gang, for hele sitet. Flere separate websites: sæt det ind én gang på hvert website.

Trin 5 — Indtast din hjemmesideadresse

I trinnet Placer knappen hvor den skal vises finder du feltet URL, hvor book-knappen er implementeret. Indtast den fulde adresse på den side, hvor din knap skal være — for eksempel https://dinside.dk/booking.

Regler, systemet håndhæver:

• Den skal starte med https:// eller http://. Uden det fejler lagringen med "URL'en skal starte med https:// eller http://."
• Den må ikke indeholde et ?. Det sker typisk, når du indsætter et forhåndsvisnings- eller testlink. Slet alt fra ? og frem.
• Den er påkrævet. Uden den kan du ikke gemme stedet i indlejret tilstand.

Dette felt betyder mere, end det ser ud til. Rentalbuddy bygger de links, der sendes i mails — start leje, returnér, forlæng, flyt — ved at tage denne adresse og føje oplysninger til den. Peger adressen på en side, der ikke indeholder knapkoden, lander dine kunder på den side og når aldrig frem til deres pinkode eller returtrinnet. Ændrer du adressen midt i sæsonen, peger links, der allerede er sendt ud, på den gamle side.

Trin 6 — Sæt knappen på siden

Stadig under Placer knappen hvor den skal vises klikker du på Kopier knapkode ved siden af Standardbooking. Du får én linje som denne:

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

Sæt den ind på selve siden — i en HTML-/Embed-/kodeblok i din sideeditor, præcis dér hvor knappen skal vises. Ikke i indstillingerne for hele sitet; det var der, scriptet fra trin 4 skulle hen.

Under Avanceret (kun hvis det er nødvendigt) ligger der to knapkoder mere: Produktbooking og Begivenhedsbooking. Brug dem kun, hvis dit sted tilbyder både produkter og begivenheder, og du vil have en knap, der springer valget over. Ellers er Standardbooking den rigtige.

Gem og udgiv siden.

Trin 7 — Tjek det

1. Klik på Gemme i Rentalbuddy.
2. Klik på Forhåndsvisning ved siden af bookingvalget — det åbner dit website i en ny fane med bookingflowet, så du kan tjekke, at indlejringen virker.
3. Åbn også din side helt normalt, i et privat/inkognitovindue, så du ser den som en kunde og ikke fra cachen.

Knappens tekst og udseende

To ting ved knappens udseende overrasker næsten alle.

Sætter du aldrig en tekst, står der BOOK på knappen — med store bogstaver. Det er den indbyggede reserveetiket, ikke et stilvalg, du har truffet. Giv den en ordentlig etiket under Knaptekst på den samme fane:

• For dette sted: slå Tilpas for dette sted til, og udfyld Standardtekst. Under Avancerede indstillinger ligger der separate felter, Tekst til produkt / Tekst til begivenhed, til de avancerede knapkoder.
• For alle steder på én gang: brug Rediger tekst for konto.

To ting om adfærden er værd at kende. Med Tilpas for dette sted slået fra bruges kontoteksterne, og stedets felter vises slet ikke. Og rydder du alle stedets felter, mens kontakten er slået til, falder den også stille tilbage på kontoteksterne.

Dit websites stylesheet kan ændre knappens udseende. Knappen er et almindeligt knapelement på din side. Dens farver og skrifttyper sættes direkte på selve elementet, så almindelige sidestile ændrer dem ikke — men regler markeret !important, og egenskaber som knappen ikke selv sætter (for eksempel store bogstaver), slår igennem. Så vises teksten med store bogstaver, selv om du har skrevet den med små, er det dit sites stylesheet, ikke Rentalbuddy. Brug Knapstil (samme fane) til at sætte udseendet eksplicit, og tjek resultatet med Forhåndsvisning.

Ændringer af tekst og styling kræver ikke, at du kopierer kode på ny — de træder i kraft, næste gang siden indlæses.

Hvad det røde mærke egentlig betyder

Fanen Bookknap (og kolonnen Book-knap URL på listen over steder) viser et rødt mærke, indtil opsætningen er færdig — og operatører kæmper rutinemæssigt med det på det forkerte sted på grund af én misforståelse:

Det røde/grønne mærke kigger aldrig på dit website. Rentalbuddy besøger ikke dit site og opdager ikke, om koden er installeret. Mærket afspejler kun det, der er gemt i admin:

• Indlejret på jeres hjemmeside: grønt, når der er gemt en gyldig URL, hvor book-knappen er implementeret (starter med http(s)://, intet ?).
• Bookinglink: altid grønt.
• Muligheden med et website hostet af Rentalbuddy: grønt, når det website er slået til.

Så hvis mærket "bliver ved med at være rødt, selv om knappen er på vores site": websitet er irrelevant — årsagen er et ugemt, tomt eller ugyldigt URL-felt. Udfyld det, tryk på Gemme, og det skifter. Værktøjstippet fortæller dig, hvilket tilfælde du er i: "Vælg, hvordan kunder booker, og fuldfør opsætningen af book-knappen." (intet valgt eller URL mangler) eller "URL'en skal starte med https:// eller http://." Omvendt beviser et grønt mærke ikke, at koden er på dit site — Forhåndsvisning er det værktøj, der rent faktisk åbner din side og viser, om knappen virker.

Almindelige faldgruber

Et cookie-samtykkebanner blokerer scriptet

Bruger du et cookiebanner, kan det holde Rentalbuddy-scriptet tilbage, indtil den besøgende accepterer cookies — så knappen kommer sent eller slet ikke. Rentalbuddy advarer om netop dette: "Hvis booking-knappen ikke vises, og du bruger en cookie-banner, kan dit website blokere scriptet, indtil besøgende accepterer cookies."

Under Avanceret (kun hvis det er nødvendigt) → Cookie-samtykkeværktøjer ligger færdige versioner af scriptet til to udbredte værktøjer: Kopiér til Cookiebot og Kopiér til OneTrust. Erstat det script, du satte ind i trin 4, med det matchende.

Til ethvert andet cookieværktøj: markér i dit cookiebanners indstillinger bookingscriptet (eller værten plugin.rentalbuddy.io) som strengt nødvendigt eller essentielt. Du behøver ikke omkategorisere enkelte cookies.

Knappen vises, men opfører sig underligt

Under Avanceret (kun hvis det er nødvendigt) → Scriptindlæsning kan du kopiere to alternative versioner af det samme script: Kopier med async og Kopiér uden defer. Prøv en af dem i stedet for standardversionen — igen ved at erstatte den kopi, du allerede har sat ind, aldrig ved at tilføje endnu en.

Du vil have en knap på side nummer to

Scriptet er allerede indlæst for hele sitet, så du skal kun bruge knapkoden. Sæt den samme knapkode ind i en HTML-/Embed-blok på den anden side.

Bemærk, at feltet URL, hvor book-knappen er implementeret kun rummer én adresse pr. sted. Vælg den side, du vil sende kunderne til fra bookingmails — det er den side, mailenes links åbner.

Du vil have en knap på en sprogversion af din side

Samme som ovenfor: sæt knapkoden ind på sprogversionen af siden. Ligger det andet sprog på et separat website (et andet domæne), skal det website have sin egen kopi af scriptet.

Hvilke sprog selve bookingvinduet tilbyder, er en særskilt indstilling på stedet — se Kontoindstillinger — hvor hver enkelt indstilling bor.

Du har mere end ét sted

Hvert sted har sin egen knapkode (værdien data-site er forskellig) og sin egen hjemmesideadresse. Kopiér knapkoden fra det pågældende steds egen fane Bookknap. Selve scriptet er det samme for dem alle, så det skal stadig kun ind én gang pr. website.

Tjekliste: knappen vises ikke

Arbejd dig ned gennem listen i rækkefølge.

1. Er begge stykker installeret? Scriptet i indstillingerne for hele sitet, og knapkoden på siden. Manglende script er den hyppigste årsag.
2. Har du udgivet? De fleste byggere kræver et eksplicit Publish/Update efter lagring, og cache-plugins skal tømmes.
3. Ligger scriptet der mere end én gang? Søg efter rentalbuddy i dine kodefelter for hele sitet. Fjern alle kopier på nær én.
4. Er stedet sat til indlejret booking? Åbn Steder → stedet → Bookknap og bekræft, at Mit eget websted → Indlejret på jeres hjemmeside er valgt og gemt. Viser fanen Bookknap en rød advarsel, er den gemte opsætning ufuldstændig — se Hvad det røde mærke egentlig betyder ovenfor; det handler om det gemte URL-felt, aldrig om dit website.
5. Er hjemmesideadressen gyldig? Den skal starte med https://, må ikke indeholde et ?, og bør være den side, der rent faktisk har knapkoden.
6. Blokerer et cookiebanner den? Prøv Cookiebot- eller OneTrust-versionen af scriptet, eller markér det som strengt nødvendigt i dit cookieværktøj.
7. Prøv en anden indlæsningsmulighed. Skift scriptet ud med async- eller uden defer-versionen.
8. Tjek på en telefon og i et privat vindue. Sider i cache og browserudvidelser kan skjule den.
9. Er der overhovedet noget, der kan bookes? Knappen kan være installeret korrekt og alligevel ikke have noget at sælge, hvis stedet ikke har nogen åben periode eller nogen produkter. Kunden ser ikke et tomt vindue i det tilfælde — de ser "Denne udlejningsstation er i øjeblikket ikke tilgængelig for booking." med dit steds kontaktoplysninger. Se Åbningstider og åbne datoer og Kunderne ser ingen ledige tider eller slet ingen produkter.
10. Sidder du stadig fast? Send support din sideadresse, og fortæl hvilken bygger du bruger — de to ting afgør alt ovenstående.