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>

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.