Introduksjon (Intro)
Denne artikkelen beskriver hvordan du publiserer Wondr på en hjemmeside som ikke er bygget med WordPress eller gjennom Marketinghub. Er hjemmesiden din bygget med WordPress? Da bør du lese artikkelen om WordPress.
For å integrere Wondr på din hjemmeside, må HTML-koden nedenfor limes inn i en IFrame. Under finner du en beskrivelse av hvordan du gjør dette.
Tips! I Wondr kan du gå til Innstillinger - Hjemmeside - Embedding. Les mer om dette praktiske verktøyet i kapittelet "Embedding-funksjonen." Hvis du vil ha kodene direkte fra denne artikkelen, kan du fortsette til kapittelet "Kode."
Embedding-funksjon (Embedding function)
I Wondr kan du gå til Innstillinger - Hjemmeside - Embedding. Her kan du hente koder for all embedding på eksterne hjemmesider og forhåndsvise hvordan det vil se ut når du har publisert innholdet på din hjemmeside. (In Wondr, you can go to Settings - Website - Embedding. Here you can retrieve codes for all embedding on external websites and preview how it will look once you have published the content on your website.)
Du velger hvilken type innhold du vil bygge inn i feltet "View".
-
Registrering – Medlemskap
-
Timeliste – Aktivitetsbooking
-
Dagens timeliste – Kun dagens aktiviteter
-
Bookingsflyt – Spesifikke flyter for f.eks. PT og massasje
-
registrer mine medlemskap – Kun for eksisterende medlemmer, lenke til innlogging som fører dem til deres side
For hvert valg av "View" får du ulike tilleggsvalg. Disse bruker du til å styre hvordan innholdet skal vises på hjemmesiden din. Hvis du for eksempel velger "Registrering", kan du velge å bare vise en bestemt kategori av medlemskap eller medlemskap knyttet til et spesifikt anlegg.
Hvis du i stedet velger "Timeliste", kan du for eksempel styre hvilken bookingtype som skal vises, kun "Prøvetime", eller skjule visningsvelgeren.
Tilpass derfor innholdet først; du vil alltid se en forhåndsvisning lenger ned på siden som viser hvordan det vil se ut og hvordan valgene dine påvirker resultatet.
Når du er fornøyd med innholdet, finner du alle kodene på høyre side.
Direktelenke: Dette er en komplett lenke som brukes hvis du ikke vil bygge inn innholdet på siden, men heller lenke via for eksempel en vanlig knapp eller sosiale medier. Du tar bare lenken herfra og limer den inn der du ønsker.
IFrame: For embedding av innhold på alle eksterne hjemmesider unntatt de som er bygget i WordPress. Kopier lenken og lim den inn i en kodeblokk på hjemmesiden din. Rett under finner du en bryter for jQuery hvor du enkelt kan aktivere og deaktivere den funksjonen. Mer informasjon om hva jQuery betyr finnes lenger ned i denne artikkelen i kapittelet "Hva er jQuery?".
Kode (Code)
Kopier og lim inn koden nedenfor i en IFrame på hjemmesiden din for å gjøre "Abonnementssiden" offentlig. Husk å erstatte "anleggsdomene" med ditt eget anleggsdomene på hver linje. (Copy and paste the code below into an iFrame on your website to make the "Subscription Page" public. Remember to replace "facilitydomain" with your own facility domain on each line.)
Hvis "boksen" ikke justerer høyden sin automatisk (vanligvis får du en rullefelt i boksen), mangler hjemmesiden/sitebuilderen din mest sannsynlig jQuery.
Erstatt da koden med "Hvis jQuery mangler", så bør problemet være løst.
jQuery er tilgjengelig: <iframe id="wondr-2" class="wondr-iframe" src="https://anleggsdomene.wondr.se/register/" width="100%" height="150" frameborder="0"></iframe>
<script src="https://anleggsdomene.wondr.se/js/iframe/ie8.polyfils.min.js" type="text/javascript"></script>
<script src="https://anleggsdomene.wondr.se/js/iframe/iframeResizer.min.js" type="text/javascript"></script>
<script src="https://anleggsdomene.wondr.se/js/iframe/wondrv3_iframe.js?1" type="text/javascript"></script>
Hvis jQuery mangler: <iframe id="wondr-2" class="wondr-iframe" src="https://anleggsdomene.wondr.se/register/" width="100%" height="150" frameborder="0"></iframe>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script src="https://anleggsdomene.wondr.se/js/iframe/ie8.polyfils.min.js" type="text/javascript"></script>
<script src="https://anleggsdomene.wondr.se/js/iframe/iframeResizer.min.js" type="text/javascript"></script>
<script src="https://anleggsdomene.wondr.se/js/iframe/wondrv3_iframe.js?1" type="text/javascript"></script>
Hva er jQuery?
(unødvendig, men gøy å vite) (What is jQuery? (unnecessary but fun to know)) jQuery brukes på de fleste moderne hjemmesider og håndterer alt fra søk på siden, grafiske grensesnitt og bildevekslere. Det finnes også et stort antall ferdige tilleggsprogrammer (plugins) for jQuery som utvider funksjonaliteten ytterligere. Noen er avanserte og utvikles regelmessig, som jQuery UI, mens andre ikke endrer seg mye over tid.
Øvrig informasjon (Other information) For å gjøre timelisten offentlig på hjemmesiden, erstatt "register/" i https://anleggsdomene.wondr.se/register/ med "schema".
For å legge ut et skjema, erstatt "register/" (merk at skråstreken skal fjernes) og sett inn lenken fra skjemaet som du får ved å forhåndsvise skjemaet (klikke på øyet) i Wondr.
Eksempel: "https://anleggsdomene.wondr.se/w_application/applicants/form_view/5f46741c-452c-492f-8751-0e1b0a0002b2"