Skip to main content

Intégration d'un iframe

Le site flatchr.io permet l’intégration des annonces du client sur son site internet ou intranet sans nécessité de connaissances informatiques et par simple copier-coller, grâce à l'utilisation d'un iframe.

Si vous voulez récupérer vos annonces au format JSON, vous pouvez le faire grâce à l'API 👉 Récupérer les annonces.


Important

Pour paramétrer l'iframe, il faut récupérer votre slug, c’est la référence unique de votre entreprise qui se trouve dans l’URL de votre site carrière. Il est aussi disponible dans Administration > Avancée > Configuration sous-domaine

Exemple: dans https://flatchr.flatchr.io, flatchr est la référence unique ou "slug").


Site Internet

Pour intégrer vos annonces à votre site internet, vous trouverez ci-dessous le code de l'iframe à rajouter dans la page où vous souhaitez les voir apparaître.

Il vous suffit de remplacer slug par votre référence unique d'entreprise qui se trouve dans Paramètres avancés > Avancée > Configuration sous-domaine

Code de l'iframe sans paramètres
<iframe 
src="https://careers.flatchr.io/company/slug?iframe=true"
width="100%" height="600px" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
Code de l'iframe avec paramètres
<iframe 
src="https://careers.flatchr.io/company/slug?iframe=true&btn_color=f7be00&background_color=FFFFFF"
width="100%" height="600px" frameborder="0" marginwidth="0" marginheight="0">
</iframe>

Exemple

Exemple code de l'iframe sans paramètres
<iframe 
src="https://careers.flatchr.io/company/flatchr?iframe=true"
width="100%" height="600px" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
Exemple code de l'iframe avec paramètres
<iframe 
src="https://careers.flatchr.io/company/flatchr?iframe=true&btn_color=f7be00&background_color=FFFFFF"
width="100%" height="600px" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
Testez votre Iframe avec W3Schools-Try It Yourself

info

Pour plus d'informations sur les iframe vous pouvez vous référer à cette documentation.


Personalisation

L'iframe peut être personnalisé grâce à plusieurs arguments :

ParamètreTypeObligatoireDescription
iframestring✔️Suppression des styles
iframe_redirect_urlbooleanOuverture dans l'iframe
background_colorhex codeCouleur du fond
btn_colorhex codeCouleur des boutons
submit_textstringTexte sur les boutons
disable_emailbooleanDésactiver l'email obligatoire pour candidater
career_redirect_urlurlURL de redirection vers le site carrière
response_textstringTexte de remerciement
spontaneousstringEmplacement de la candidature spontanée (top, bottom, none)

note

Les arguments doivent être rajoutés dans l'url et préfixé par le symbole &


Intranet

Important

Dans votre espace flatchr Administration > Avancée vous devez indiquer l'adresse URL de votre site intranet dans la rubrique Configuration Intranet afin que votre iframe ne puisse s'afficher que dans votre espace intranet.

Pour intégrer vos annonces à votre site intranet, vous trouverez ci-dessous le code de l'iframe à rajouter dans la page où vous souhaitez les voir apparaître.

Il vous suffit de remplacer slug par votre référence unique d'entreprise qui se trouve dans Paramètres avancés > Avancée > Configuration sous-domaine

Code de l'iframe
<iframe 
src="https://careers.flatchr.io/intranet/slug?iframe=true"
width="100%" height="600px" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
Testez votre Iframe avec W3Schools-Try It Yourself

info

Pour plus d'informations sur les iframe vous pouvez vous référer à cette documentation.


Personalisation

note

L'iframe peut être personnalisé avec les mêmes arguments que pour le site internet.