Intégrer le calculateur d’heures

Un extrait de code, pas d’inscription : le calculateur s’affiche sur votre page, tourne dans le navigateur du visiteur et ajuste sa hauteur tout seul.

Aperçu

Code d’intégration

Collez ces deux lignes à l’endroit où le calculateur doit apparaître :

<div data-calchours="fr"></div>
<script async src="https://calchours.com/embed.js"></script>

Options en attributs du div : data-mode="week" pour ouvrir en mode feuille d’heures. Versions en anglais, allemand et portugais : data-calchours="en", "de" ou "pt".

Sans script, en iframe seule (hauteur fixe) :

<iframe src="https://calchours.com/fr/embed" title="Calculateur d’heures de travail" width="100%" height="640" style="border:0;border-radius:16px" loading="lazy"></iframe>

Conditions

  • Gratuit pour les sites personnels et professionnels, intranets compris.
  • La mention « Calculateur d’heures de travail par CalcHours » sous le widget reste visible.
  • Les saisies des visiteurs restent dans leur navigateur ; le widget n’utilise ni cookie ni publicité.
  • Le widget est servi par calchours.com ; les mises à jour des règles arrivent automatiquement.

Questions fréquentes

Fonctionne-t-il sur WordPress, Wix ou Squarespace ?

Oui. Collez le code dans un bloc HTML (WordPress : bloc « HTML personnalisé », Wix : « Intégrer du HTML », Squarespace : bloc « Code »). Si la plateforme bloque les scripts, utilisez la version iframe à hauteur fixe.

Le widget ralentit-il mon site ?

Pratiquement pas. Le chargeur pèse moins de 1 Ko et le calculateur se charge en différé dans un iframe, sans peser sur le temps de chargement de votre page. Aucun script publicitaire ou de suivi n’est chargé.

Calculateurs associés

Vérifié par l’équipe éditoriale de CalcHours. Les calculs reposent sur les textes cités ci-dessous ; ils ne remplacent pas un conseil juridique ou celui d’un gestionnaire de paie.

Dernière vérification: