Losji på Framer. Ditt sted, direkte.
La gjestene booke uten å forlate Framer-siden din. Losji kobler sammen widgeten og nettsiden, slik at booking kan åpnes over hele siden.
Klar for din neste booking.
Start i Widget Studio i Losji. Følg deretter oppsettet for Framer.
- 01
Hent de to kodeblokkene.
Åpne Widget Studio i Losji-portalen, velg widgeten du vil bruke, og velg Framer som plattform. Kopier både widget-koden og bridge-scriptet.
Widget Studio → Framer - 02
Legg bridge-scriptet på siden.
Åpne Site Settings → Custom Code i Framer og lim inn bridge-scriptet du fikk fra Losji. Det kobler Embed-komponenten til siden rundt.
Site Settings → Custom Code - 03
Plasser bookingwidgeten.
Dra en Embed-komponent inn på siden der gjestene skal booke. Lim inn widget-koden og sett rammen til 100 % bredde. Gi innholdet nok plass også på mobil.
Insert → Embed - 04
Publiser og prøv som gjest.
Publiser Framer-siden og åpne den i et privat nettleservindu. Sjekk på både desktop og mobil at widgeten vises, og at bookingvinduet åpnes som forventet.
Publisert nettside → privat nettleservindu
Framer viser Embed-komponenten i en iframe. Bridge-scriptet må derfor ligge på selve siden for at bookingvinduet skal åpnes utenfor rammen.
Få hjelp med oppsettetDet skal være lett
å bli gjest.
Når widgeten er på plass, ta en runde gjennom nettsiden slik gjestene møter den. Litt omtanke her gjør veien til booking enklere.
Bli kjent med bookingwidgeten
Se siden med gjestens øyne.
Åpne den publiserte nettsiden i et privat nettleservindu, og gå gjennom disse punktene.
Avkrysningene lagres bare mens du har denne siden åpen.
Lurer du på noe mer?
Hvorfor trenger Framer to kodeblokker?
Embed-komponenten ligger i en iframe. Widget-koden viser innholdet i rammen, mens bridge-scriptet lar bookingvinduet åpnes på selve Framer-siden. Begge hentes fra Widget Studio.
Bookingvinduet blir liggende inne i rammen. Hva gjør jeg?
Kontroller at bridge-scriptet ligger i Site Settings → Custom Code, og at siden er publisert etter endringen. Test den publiserte adressen, ikke bare forhåndsvisningen i editoren.
Hvilken bredde skal Embed-komponenten ha?
Bruk 100 % bredde i området du har satt av. Kontroller mobiloppsettet separat, slik at rammen ikke har en fast desktop-bredde.
Vi hjelper deg hele veien inn.
Fortell oss hvilken nettside du har, så finner vi et oppsett som passer.