Karriereseite als iFrame einbinden
In diesem Artikel erfährst du, wie du die Karriereseite von Workwise als iFrame auf deiner Website einbinden kannst.
Weitere Informationen zur Einbindung der Karriereseite kannst du hier nachlesen: Karriereseite von Workwise auf Unternehmenswebsite implementieren.
Was ist ein iFrame?
Ein iFrame ist ein HTML-Element, mit welchem du externe Website-Inhalte in deine eigene Website einbinden kannst. So kannst du etwa die Karriereseite von Workwise innerhalb deiner Website einbinden. Du kannst das iFrame (bspw. in seiner Größe) individuell auf deine Website anpassen.
Wann ist ein iFrame sinnvoll?
Ein iFrame ist insbesondere dann sinnvoll, wenn du Kandidat:innen für deine Karriereseite nicht auf eine andere Seite weiterleiten möchtest und den optischen Bruch zwischen deiner Webseite und deiner Karriereseite von Workwise minimieren möchtest.
Wie binde ich die Karriereseite von Workwise als iFrame ein?
Du kannst das iFrame manuell hinzufügen. Für die Beispiel GmbH sieht das iFrame bspw. so aus:
<!-- fs-richtext-ignore --><iframe src=“https://beispiel.workwise.io/” title=“Beispiel GmbH Jobsuche”> </iframe>
beispiel.workwise.io ist die URL zur neuen Beispiel GmbH Karriereseite, die du auf deiner Website einbinden möchtest. Die URL deiner Karriereseite findest du hier.
Das iFrame fügst du im HTML-Code deiner Website an der Stelle ein, wo du deine neue Karriereseite haben möchtest.
Wie kann ich ein iFrame personalisieren?
Durch verschiedene Parameter kannst du das iFrame an deine Website anpassen. Gängige iFrame-Parameter sind beispielsweise:
<ul><li>Width: Bestimmt die Breite des iFrames</li><li>Height: Bestimmt die Höhe des iFrames</li></ul>
Weitere Parameter findest du zum Beispiel hier.
So ergibt sich bspw. folgendes iFrame für die Beispiel GmbH:
<!-- fs-richtext-ignore --><iframe src=“https://beispiel.workwise.io/” title=“Beispiel GmbH Jobsuche”width=“100%” height=“900" ></iframe>
Wenn du dein iFrame noch spezifischer personalisieren möchtest, empfiehlt es sich, dies über CSS zu regeln. Einige Beispiele dazu kannst du hier finden.