Installer le widget

Bouton flottant

Ajoutez le script avant </body>. L'attribut data-workspace contient la clé publique visible dans le tableau de bord.

<script
  src="https://cdn.click2call.app/widget/v1.js"
  data-workspace="c2c_pub_VOTRE_CLE"
  async>
</script>

Le script crée un composant <click2call-widget mode="floating"> dans la page.

Composant intégré

Chargez le script une fois, puis placez le composant à l'endroit voulu.

<script src="https://cdn.click2call.app/widget/v1.js" async></script>

<click2call-widget
  workspace-key="c2c_pub_VOTRE_CLE"
  mode="inline">
</click2call-widget>

Politique de sécurité du contenu

Si votre site utilise une CSP, autorisez au minimum :

script-src https://cdn.click2call.app;
connect-src https://api.click2call.app;

Le composant utilise un Shadow DOM et ne modifie pas les styles globaux. Il fonctionne au clavier, annonce ses changements d'état aux technologies d'assistance et s'adapte aux petits écrans.

Origines

L'origine du navigateur doit correspondre exactement à un domaine autorisé du workspace : schéma, hôte et port. Ajoutez séparément https://exemple.fr et https://www.exemple.fr si les deux servent le widget. http://localhost est réservé au développement.