Vejledning: Integrer jobliste på jeres hjemmeside
Overblik
Denne vejledning forklarer, hvordan I integrerer INNOMATE HR's job-widget på jeres hjemmeside. Med job-widgetten kan I vise jeres ledige stillinger direkte på jeres website, så kandidater nemt kan finde og ansøge til jobs uden at forlade jeres hjemmeside.
Job-widgetten henter automatisk de aktive jobopslag fra jeres jobportal i INNOMATE HR og præsenterer dem i et design, der matcher jeres opsætning.
Før I starter
Før I integrerer job-widgetten, skal I sikre:
- I har oprettet og konfigureret en jobportal i INNOMATE HR (se Dokumentation: Ny jobportal)
- I har adgang til at redigere HTML-koden på jeres hjemmeside
- I kender jeres kunde-ID og jobportal-ID (begge findes i INNOMATE HR)
Find jeres kunde-ID og jobportal-ID
-
Log ind i INNOMATE HR.
-
Gå til Jobopslag > Jobportaler.
-
Vælg den jobportal, I ønsker at integrere.
-
Find feltet Offentlig webadresse på jobportalens stamdata. Adressen har følgende format:
https://www.innomate.com/INNOMATE/{kunde-ID}/JobBoards/{jobportal-ID}/JobsEksempel: I adressen
https://www.innomate.com/INNOMATE/JERES_KUNDE_ID/JobBoards/1/Jobser kunde-ID JERES_KUNDE_ID og jobportal-ID 1.
Tilføj job-widgetten til jeres hjemmeside
-
Åbn HTML-filen eller CMS-editoren for den side, hvor I ønsker at vise joblisten.
-
Tilføj følgende HTML-kode på det sted, hvor joblisten skal vises:
<div id="innomate-jobs-widget"
data-customer-id="JERES_KUNDE_ID"
data-board-id="JERES_JOBPORTAL_ID">
</div>Erstat
JERES_KUNDE_IDmed jeres faktiske kunde-ID ogJERES_JOBPORTAL_IDmed ID'et på den jobportal, I vil vise. -
Tilføj følgende script-tag nederst i
<body>-sektionen, lige før</body>:<script src="https://www.innomate.com/INNOMATE/Scripts/jobs-widget.js"></script> -
Gem ændringerne og opdater siden.
Joblisten vises nu automatisk på jeres hjemmeside med de aktive jobopslag fra den valgte jobportal.
Komplet eksempel
Her er et komplet eksempel på en simpel HTML-side med job-widgetten:
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8">
<title>Ledige stillinger</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>Ledige stillinger hos os</h1>
<div id="innomate-jobs-widget"
data-customer-id="1234"
data-board-id="1">
</div>
<script src="https://www.innomate.com/INNOMATE/Scripts/jobs-widget.js"></script>
</body>
</html>
Tilpas udseendet
Widgettens udseende styres af den CSS, I har uploadet til jeres jobportal i INNOMATE HR. Hvis I ønsker at ændre designet:
-
Gå til Jobopslag > Jobportaler i INNOMATE HR.
-
Vælg den relevante jobportal og gå til fanebladet Design.
-
Upload jeres tilpassede CSS-filer.
Se Dokumentation: Ny jobportal for flere detaljer om designopsætning.
Se også
- Dokumentation: Ny jobportal – Opsætning af design og felter
- Vejledning: Opret jobopslag – Sådan opretter I nye jobopslag