Ajoutez des widgets de calculatrice à votre site Webflow en utilisant l'élément Embed. Ce guide vous accompagne dans l'ajout de HTML personnalisé à vos pages Webflow.
É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 à Votre Site Webflow
-
Ouvrez le Designer
Ouvrez votre projet dans Webflow Designer.
-
Ajoutez un élément Embed
Dans le panneau de gauche, cliquez sur "+" et recherchez "Embed" sous Components, ou appuyez sur "A" et cherchez "HTML Embed".
-
Collez votre code d'intégration
Double-cliquez sur l'élément Embed pour ouvrir l'éditeur de code. Collez votre code d'intégration et cliquez sur "Enregistrer et Fermer".
-
Styliser et publier
Ajustez la largeur et les marges avec les outils de style de Webflow. Publiez votre site pour voir le widget en direct.
Conseils
- Définissez une largeur fixe sur le conteneur de l'élément Embed pour de meilleurs résultats
- Les embeds ne s'affichent pas dans le Designer - utilisez le mode Aperçu pour voir le widget
- Le widget ajuste automatiquement sa hauteur en fonction du contenu, vous n'avez donc pas à vous soucier des barres de défilement
Dépannage
C'est un comportement normal. Webflow ne rend pas les embeds dans le Designer pour des raisons de sécurité. Cliquez sur Aperçu ou publiez votre site pour voir le widget.
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.