Das coveto Stellenportal auf der eigenen Webseite einbinden

In diesem Artikel zeigen wir Ihnen, wie Sie das coveto Stellenportal in Ihre Webseite integrieren können. Es gibt zwei verschiedene Möglichkeiten:

1. iFrame-Integration: Eine schnelle, einfache und kostengünstige Möglichkeit.
2. Native Integration (XML-Feed): Bietet mehr gestalterische Flexibilität, erfordert jedoch einen Webentwickler.

1. Die iFrame-Integration

Die iFrame-Integration ermöglicht eine schnelle und einfache Einbindung des Stellenportals in Ihre Webseite. Dies ist ideal, wenn Sie keine tiefgehenden technischen Kenntnisse haben.

So funktioniert es:

1. Gehen Sie in coveto zu "Werkzeuge" → "Teilen und Einbetten".
2. Wählen Sie das Stellenportal aus und scrollen Sie nach unten.
3. Kopieren Sie den iFrame-Code, der unter „HTML Code für einen iFrame“ angezeigt wird.
4. Fügen Sie diesen Code in das Backend Ihrer Webseite ein.
5. Empfohlen: Tragen Sie die Domain Ihrer Webseite unter "Einstellungen" → "Sicherheit" → "Security-Header" in die Liste der Seiten ein, die das Stellenportal einbetten dürfen. Dann können fremde Webseiten Ihr Stellenportal nicht mehr einbetten.

Nach diesen Schritten ist das Stellenportal sofort funktionsfähig.

Wichtige Hinweise:

• WordPress-Nutzer: Verwenden Sie das offizielle WordPress-Plugin statt des iFrame-Codes.
• Security-Header: Sobald in der Liste der Security-Header eine Webseite eingetragen ist, zeigen nur noch die eingetragenen Webseiten das Stellenportal an. Tragen Sie deshalb alle Seiten ein, auf denen Sie den iFrame nutzen, zum Beispiel auch Niederlassungen oder die Testumgebung Ihrer Web-Agentur. Fehlt eine Seite, bleibt der iFrame dort leer.
• Filteroptionen: Sie können das iFrame nach Standorten oder Kategorien vorfiltern.
  • Wählen Sie den gewünschten Standort oder mehrere Standorte aus.
  • Der iFrame-Code passt sich automatisch an.
  • Hinweis: Für den Fall, das Sie als Stellenportaltyp "Filter" oder "Filterbare Tabelle" gewählt haben, können Sie bei der Vorfilterung maximal nur eine Kategorie wählen. Außerdem sollten Sie beachten, dass in diesem Fall der Benutzer die vorgefilterte Kategorie selber verstellen kann, was er bei den anderen Portaltypen nicht kann.
• Vorschau: Klicken Sie auf "Adresse öffnen", um eine Vorschau des Stellenportals zu sehen.

2. Gestaltungsmöglichkeiten des iFrames

Das Stellenportal kann direkt in coveto angepasst werden.

1. Layout anpassen

• Gehen Sie zu "Einstellungen" → "Corporate Design" → "Layout".
• Wählen Sie zwischen verschiedenen Darstellungsformen:
  • Filter (mit farbigen Kacheln für Kategorien, die Jobs lassen sich nach Stichwort, Kategorie oder Arbeitsort durchsuchen → sinnvoll bei vielen Jobs)
  • Tabelle (klassische Darstellung mit Spalten. Die Spalten können individuell festgelegt werden)
  • Akkordeon (Die Kategorien werden in Balken untereinander dargestellt, klickt man auf einen der Balken klappen sich die Jobs, die zu der jeweiligen Kategorie gehören aus)
  • Tabs (Ähnlich wie Akkordeon, nur dass die Kategorien hier als Tabs dargestellt werden, durch die man hindurchblättern kann)
  • Filterbare Tabelle (Eine Mischung aus Filter und Tabelle).
  • Umkreissuche (Jobs nach Entfernung sortieren).

2. Spalten individuell festlegen

• Dies ist nur für Tabelle und Filterbare Tabelle möglich.
• Unter "Stellenportalkonfiguration" können Sie festlegen, welche Spalten angezeigt werden (z. B. stellenname,einsatzort,kategorie).

3. Farben & Schriftarten ändern

• Unter "Einstellungen → Corporate Design" → "Farben und Schrift" lassen sich:
• Hauptfarbe, Akzentfarbe und Schriftarten anpassen.

4. Eigene Bilder für Job-Kategorien hinterlegen

• Dies ist nur für den Filter-Typ möglich.
• Die Bilder werden unter "Jobs & Projekte" → "Job-Kategorien" hochgeladen.
• Unter Einstellungen → Corporate Design → Layout kann im Feld Stellenporalkonfiguration festgelegt werden, wie viele Kacheln pro Seite dargestellt werden sollen und wie groß diese sein sollen, z.B. bedeutet "50%x300", dass zwei Kacheln pro Zeile dargestellt werden (d.h. eine Kachel soll jeweils 50% der Breite in Anspruch nehmen und die Kacheln immer 300px hoch sein sollen)

5. Eigene CSS-Anpassungen (für Profis)

Wenn Sie Änderungen an Ihrem iframe-Stellenportal vornehmen möchten, die über die oben genannten Anpassungen von Farbe, Schrift und Portaltyp hinaus gehen, können Sie die Gestaltung auch darüber hinaus von Ihrem Webdesigner anpassen lassen

• Unter Einstellungen → Corporate Design → HTML & CSS können Entwickler individuelles CSS hinzufügen.
• Beispiel: Abrundung der Ecken, Schriftgrößenänderung, *Größe und Positionierung von Elementen etc.
• Lädt der Code Schriften, Stylesheets, Skripte oder Inhalte von fremden Servern, müssen diese Server in den Security-Headern eingetragen sein, sobald dort die Content-Security-Policy auf „Erzwingen“ steht.

⚠️ Achtung: Eigenen Code müssen Sie selbst warten und aktualisieren, falls coveto Änderungen vornimmt. Wir empfehlen im HTML/CSS-Bereich daher nur kleinere kosmetische Anpassungen vorzunehmen. Wenn Sie tatsächlich ein rundum anderes Design Ihres Karriereportals wünschen, empfehlen wir die XML Einbindung.

3. Alternative: Native Integration mit XML/JSON-Feed

Falls Sie das Stellenportal vollständig individuell gestalten möchten, nutzen Sie den XML-Feed.

So funktioniert es:

1. Gehen Sie in coveto zu "Werkzeuge" → "Teilen und Einbetten".
2. Wählen Sie den XML-Feed aus.
3. Kopieren Sie den generierten XML-Link.
4. Geben Sie diesen an Ihren Webentwickler weiter.

Vorteile der XML-Integration

✅ Volle Design-Flexibilität
✅ Individuelle Anpassungen ohne Einschränkungen
❌ Erfordert technische Kenntnisse oder einen Entwickler

Fazit

Je nach Ihren Anforderungen gibt es zwei Optionen zur Einbindung des coveto Stellenportals:

Falls Sie eine schnelle Lösung benötigen, ist das iFrame die beste Wahl. Wenn Sie maximale Gestaltungsfreiheit möchten, ist die XML-Integration ideal.

Haben Sie Fragen? Kontaktieren Sie den coveto Support für weitere Unterstützung!