Ajoutez des widgets de calculatrice à votre site Drupal en utilisant le format de texte Full HTML ou un Bloc Personnalisé. Ce guide couvre les deux méthodes.
Étape 1 : Obtenez Votre Code d'Intégration
- Allez sur notre Générateur de Widget
- Choisissez votre type de calculatrice, personnalisez les couleurs et le style pour correspondre à votre site
- Copiez le code d'intégration généré depuis l'onglet "Intégration HTML"
Étape 2 : Ajouter à une Page de Contenu
-
Créer ou modifier du contenu
Allez dans Contenu → Ajouter du contenu (ou modifiez une page existante).
-
Passer en Full HTML
Dans le champ body, changez le menu déroulant du format de texte en "Full HTML" pour autoriser les intégrations HTML.
-
Passer en mode source
Cliquez sur le bouton "Source" dans la barre d'outils de l'éditeur de texte pour voir le HTML brut.
-
Coller et enregistrer
Collez votre code d'intégration où vous voulez que la calculatrice apparaisse, puis enregistrez le contenu.
Alternative : Utiliser un Bloc Personnalisé
Pour des widgets réutilisables dans les barres latérales ou d'autres régions, créez un Bloc Personnalisé :
- Allez dans Structure → Mise en page des blocs → Bibliothèque de blocs personnalisés → Ajouter un bloc personnalisé
- Donnez un nom à votre bloc (ex : "Widget Calculatrice IMC")
- Définissez le format de texte sur "Full HTML" et collez votre code d'intégration
- Enregistrez le bloc, puis placez-le dans la région souhaitée via Structure → Mise en page des blocs
Conseils
- Si "Full HTML" n'est pas disponible, demandez à votre administrateur de l'activer pour votre rôle
- Certains formats de texte filtrent les iframes pour des raisons de sécurité. Full HTML contourne ces filtres.
- Le widget ajuste automatiquement sa hauteur en fonction du contenu, vous n'avez donc pas à vous soucier des barres de défilement
Dépannage
Votre format de texte filtre peut-être le HTML. Passez au format "Full HTML" ou demandez à votre administrateur d'autoriser les balises iframe dans votre format actuel.
Assurez-vous que le code d'intégration a été correctement collé et inclut les balises iframe et script. Vérifiez la console développeur de votre navigateur pour les erreurs.