Comment intégrer la calculatrice sur votre site Web - Études de cas de calculatrices Web # 10

Examinons de plus près les différences entre les codes HTML et iFrame. Et vérifiez comment Calculoid peut être intégré dans les constructeurs de sites Web les plus populaires.

HTML et iFrame

Une fois que vous avez défini votre calculatrice comme «terminée», il existe deux codes générés automatiquement: HTML et iFrame. Les deux codes incluent JavaScript et HTML et ont des spécifications et des paramètres différents. Les cases à cocher sous le code HTML vous permettent de définir si vous souhaitez afficher le nom et la description de la calculatrice. Les cases à cocher fonctionnent à la fois pour HTML et iFrame

Code d'intégration appelé «HTML» w

Ce code d'intégration vous permet d'appliquer des styles CSS de votre site web à votre calculatrice. La plupart des styles sont appliqués automatiquement. C'est une excellente façon d'intégrer facilement la calculatrice à votre site. Cependant, il existe certains pièges. Certains styles de votre site web peuvent entrer en conflit avec le CSS de Calculoid et nuire à l'apparence et/ou au fonctionnement de votre calculatrice. De plus, les sites web basés sur WordPress peuvent nécessiter l'installation du plugin Calculoid . Le code HTML fonctionne bien pour la plupart des utilisateurs de Calculoid. Si vous n'utilisez pas WordPress, essayez d'abord le code HTML.

Code d'intégration appelé «iFrame»

Comme mentionné précédemment, ce code utilise JavaScript et HTML, notamment le code HTML. Cependant, il intègre un cadre autour du contenu. Par conséquent, les styles CSS de votre site web ne sont pas appliqués à votre calculatrice. Vous pouvez néanmoins donner à votre calculatrice une apparence native à votre site web en utilisant les paramètres de conception de Calculoid et en ajoutant votre CSS personnalisé au code d'intégration. Nos développeurs peuvent créer du CSS personnalisé pour vous. Le code iFrame présente également quelques inconvénients. Google pénalise le contenu intégré dans des cadres. L'intégration via iFrame peut avoir un léger impact sur le référencement (SEO) de la page web contenant la calculatrice. Toutefois, cet impact reste minime. Essayez le code iFrame si vous rencontrez des conflits de styles après l'intégration via HTML.

Plugin WordPress

Pour intégrer Calculoid à un site WordPress, il est recommandé d'utiliser notre extension. Vous trouverez toutes les informations la concernant ici . Il est essentiel de renseigner la clé API correcte dans les paramètres de l'extension. Cette clé se trouve sur la page « Mon profil » de l'application Calculoid.

Exemple de shortcode: [calculoid id = "60204" show_title = "0" show_description = "0"]

Utilisez cette calculatrice pour générer un code court.

Calculoid propose également des plugins pour Joomla et Drupal.

Intégrer des tests des plates-formes de construction Web les plus utilisées

⚠️ - Il y a tellement de thèmes pour WordPress et tant de constructeurs comme Elementor. Il est presque impossible de faire fonctionner correctement le code d'intégration HTML pour chaque site Web WordPress. Cependant, le code fonctionne bien avec les constructeurs les mieux notés.