Intégration de code personnalisé - Construction - Documentation Carrd

Last updated on 6/26/2025@mrbirddev
Intégration de code personnalisé - Construction - Documentation Carrd

Intégration de Code Personnalisé

Nécessite Pro Standard ou supérieur

L'élément Intégrer vous permet d'insérer du code HTML, CSS et même JavaScript personnalisé pratiquement n'importe où sur un site (y compris dans son élément <head>). Si vous devez ajouter un widget tiers non encore pris en charge par l'élément Widget, ou si vous souhaitez simplement incorporer des fonctionnalités personnalisées au-delà de ce que Carrd propose actuellement, voici comment procéder :

  1. Cliquez sur Ajouter un élément

  2. Cliquez sur Intégrer pour créer un nouvel élément Intégrer.

  3. Réglez le Type sur Code.

  4. Réglez le Code sur le code personnalisé que vous souhaitez insérer. Cela peut être pratiquement n'importe quoi que vous colleriez normalement dans le HTML d'un site, donc le HTML standard, les balises <style> contenant des règles CSS personnalisées, et même les balises <script> contenant du code JavaScript sont tous acceptables ici.

  5. (Optionnel) Réglez Étiquette sur quelque chose qui aide à identifier cet intégration particulière (par exemple, Code de mon widget).

  6. Choisissez le Style de l'intégration :

  • En ligne pour insérer votre code exactement là où l'intégration apparaît sur le site (comme tout autre élément).
  • Caché pour insérer votre code dans l'un des trois emplacements spécifiques :
  • Head pour l'élément <head> du site,
  • Corps Haut juste après la balise d'ouverture <body> du site, ou
  • Corps Bas juste avant la balise de fermeture </body> du site.

Puisque cela publie effectivement l'intégration en dehors du flux normal des éléments, n'hésitez pas à la déplacer à un endroit plus pratique (à la toute fin du site, par exemple).

  1. C'est terminé ! Votre code personnalisé devrait maintenant être visible sur le site publié. Notez que l'élément d'intégration ne produira rien dans le constructeur, vous devrez donc publier le site pour le voir en action.

Table des matières - carrd docs

Last updated on 6/26/2025@mrbirddev
Loading...