Vise kurs på egen webside

Det er to måter å legge inn kurslister på egen webside. Den vanligste er å legge inn iFrame fra oss. Har du WordPress, kan du velge å bruke vår WordPress-utvidelse.

Iframe

En iframe er en kodesnutt som limes inn der du ønsker å vise kurslisten. Vi vil justere farger, og eventuelle andre designelementer så den passer så godt inn på websiden din som mulig.

Som en del av onboarding-rutinen vår, oppretter vi de url-ene du trenger i et regneark. Vi deler regnearket med deg, og du står fritt til å velge om vi skal legge inn kodene for deg eller om du ønsker å gjøre det selv.

Hvis du ønsker å legge inn kodene selv, så kan du kopiere celleinnholdet i kolonnen «Iframe kode» og lime den inn en egnet teksteditor eller kodeblokk.

Temaer

Et tema styrer farger, innhold, antall viste kurs per sider, type sideteller, filter på toppen av listen og eventuelt spesielle tilpasninger i stil. Vi oppretter normalt sett minimum to temaer til deg: Ett for full kursliste som har filter på toppen, og ett som er beregnet for kortere kurslister. Sistnevnte har normalt sett ikke filter på toppen av listen.

Ulike iframe url-er

Vi kan, ved hjelp av url, styre hvordan innholdet i iframen blir seende ut. Du har derfor mulighet til vise mange ulike variasjoner av kurslister eller skjema på nettsiden din.
Merk: Du bør kun bruke én iframe per side.

Varianter:

Universelt iFrame-script

Bytt ut URL med url du har mottatt fra oss.

<iframe title="Meld deg på kurs" id="kursagenten-iframe" src="URL" frameborder="0" style="width: 100%;"></iframe>
<script>  
    document.getElementById('kursagenten-iframe').addEventListener('load', function () {
        iFrameResize({ log: false }, '#kursagenten-iframe');
    });
</script>
<script type="text/javascript" src="https://embed.kursagenten.no/js/iframe-resizer/iframeResizer.min.js"></script>

Betalingsside

Det må også opprettes en side som har navn/slug betaling. Når du skal sjekke designet på denne siden, kan du prøve en betalingslenke fra en påmelding. Går du inn på siden uten en betalingslenke, vil du komme til en tom side. Betalingslenken kjenner du igjen ved at det står ?pid=langtnummer på slutten av url-en.

På betalingssiden skal dette skriptet inn. Dette skal brukes som det er, uten å legge inn noe ekstra.

<iframe title="Betal for kurs" id='kursagentenIframe' allowfullscreen frameBorder='0' style='overflow:hidden;height:900px;width:100%;border-radius: 8px;'></iframe>
 
<script type='text/javascript'>
var queryString = window.location.search;
 
if (queryString) {
    var urlParams = new URLSearchParams(queryString);
    var pid = urlParams.get('pid');
    if (pid) {
        var theme = urlParams.get('theme');
        if (theme) {
            pid += '?theme=' + theme;
        }
        var myIframe = document.getElementById('kursagentenIframe');
        if(myIframe){
            myIframe.src = 'https://embed.kursagenten.no/Betaling/' + pid;
        }
        else{
            console.log('iframe with id kursagentenIframe not found');
        }
    }
}
</script>
<script type="text/javascript" src="https://embed.kursagenten.no/js/iframe-resizer/iframeResizer.min.js"></script>

Vise kurs fra en partner

Iframe-adressen bruker alltid din egen tilbyder-ID. Kurs en partner har delt med deg, kommer med i den listen. Slik delingen settes opp, står i Bedriftsinformasjon.

En adresse som peker på ett kurs, viser bare det kurset og datoene under det. Det er slik du viser kurs som ligger samlet under en hovedlokasjon:

https://embed.kursagenten.no/dinTilbyderID/Kursliste/kursID?theme=dittTema

Partnerens kurs ligger ikke under den lokasjonen. De grupperes ikke sammen på noen annen måte enn det dere merker dem med. Legg samme tagg på kursene hos dere og hos partneren. Ta bort kursID, og legg på taggen:

https://embed.kursagenten.no/dinTilbyderID/Kursliste?theme=dittTema&tags=dinTagg

Taggen må være skrevet likt begge steder. Æ, ø og å i taggen blir kodet i adressen. Samme filtrering kan gjøres med categories=kategorinavn, hvis kategorinavnet er det samme på begge kurs. Et stedsfilter, eller en adresse med kursID, tar ikke med partnerens kurs.

WordPress utvidelse

WP-utvidelsen er mer omfattende. Den oppretter kurs, kurskategorier, kurssteder og instruktører som egne sider på WordPress-siden din, og henter kurstekster og bilde fra Kursagenten. Dette gir mulighet til å oppdatere kurset kun ett sted, så du slipper «dobbeltføring». Det vil også sørge for at disse sidene kan bli plukket opp og indeksert i Google.
Designet er låst til de innstillingene vi tilbyr i utvidelsen. Flere designmaler vil bli lagt til etter hvert.

Hva skal du velge? Hvis du ikke har WordPress, eller du har et helt spesifikt design på kurs-sidene dine som du ønsker å bevare, velger du iFrame. Ønsker du en kursintegrasjon som går nesten helt automatisk, og som henter tekst fra Kursagenten, kan du velge WP-utvidelsen.