GolfBox Widget

Denne Widgeten gjør det enkelt for deg å implementere en innlogging til Golfbox fra din nettside. Trykk på en av knappene under for å se hvordan denne fungerer.

NB! Widgeten og innlogging til GolfBox kan kun brukes av golfklubber tilsluttet NGF, samt simulatorsentre som har avtale med en golfklubb tilsluttet NGF og hvor simulatorene kan bookes i GolfBox.

Hvordan går jeg frem?

CSS

Kopier og lim inn følgende kodesnutt, fortrinnsvis i <head> på ditt nettsted.

<link rel="stylesheet" href="https://www.golfforbundet.no/ngfGolfbox/golfbox_login.css">

HTML

Lag en lenke <a> hvor som helst som åpner innloggingsboksen ved å gi den stilen golfboxLoginOpen. Eksempel:

<a href="#" class="golfboxLoginOpen">Logg inn i GolfBox</a>

JS

Kopier og lim inn følgende kodesnutt et sted i ditt nettsted, gjerne helt mot slutten av <body>.

<script src="https://www.golfforbundet.no/ngfGolfbox/golfbox_login.js" defer></script>

Hva om jeg kun har tilgang til å legge en kodesnutt ett sted på siden?

I dette tilfellet kan du enten høre med din nettsideleverandør, eller du kan lime all kode inn på ett sted. Det vil si både CSS, JS og HTML. Vi har samlet koden nedenfor slik at du kan kopiere og lime den derfra.

<link rel="stylesheet" href="https://www.golfforbundet.no/ngfGolfbox/golfbox_login.css">
        <a href="#" class="golfboxLoginOpen">Logg inn i GolfBox</a>
        <script src="https://www.golfforbundet.no/ngfGolfbox/golfbox_login.js" defer></script>

Jeg vil ha knapp, ikke en tekstlenke

Hvis du vil at lenken skal se ut som en knapp, slik som i toppen av denne siden kan du bruke følgende HTML-snutt i stedet.

<a href="#" class="golfboxLoginOpen golfboxLoginOpenBtnDark"></a>

Knappen finnes som mørk og lys. Standard er mørk. Hvis du vil ha lys knapp erstatter du golfboxLoginOpenBtnDark med golfboxLoginOpenBtnLight

Hva med tilpasning?

Widgeten genererer HTML i nettstedet slik at du står fritt til å overstyre alle stilene ved hjelp av vanlig CSS.