Contenu

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

Dans cette étude de cas, vous pouvez trouver toutes les informations utiles sur l'intégration d'une calculatrice Web sur votre site Web.

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 intégré 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 occasion de rendre facilement la calculatrice native de votre site Web. Cependant, il existe certains écueils. Certains styles sur votre site Web peuvent provoquer des conflits avec Calculoid CSS et endommager l'apparence et / ou les fonctionnalités de votre calculatrice. En outre, les sites Web basés sur Wordpress peuvent nécessiter l'installation Plugin calculoïde. 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é ci-dessus, ce code comprend JavaScript et HTML ainsi que celui appelé «HTML». Cependant, il a un cadre autour du contenu intégré. Il en résulte que les styles CSS de votre site Web ne sont pas appliqués à votre calculatrice. Vous pouvez toujours rendre votre calculatrice native de votre site Web à l'aide des 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 toi. Le code iFrame a également de petites faiblesses. Google n'aime pas le contenu intégré avec des cadres. L'incorporation avec iFrame peut avoir peu d'influence sur le référencement de la page Web avec la calculatrice intégrée. Cependant, cette influence n'est jamais dramatique. Essayez le code iFrame si vous avez des conflits de style après l'incorporation avec HTML.

Plugin WordPress

La meilleure pratique pour intégrer Calculoid sur un site Web WordPress est d'utiliser notre plugin. Toutes les informations sur le plugin peuvent être trouvées ici. Le plus important est de mettre la bonne clé API dans les paramètres du plugin. La 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.

En outre, Calculoid a des plugins pour Joomla et Drupal.

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

Nom de la plateformeHTMLiFramePlugin WordPress
Wix -
Joomla -
GoDaddy -
WordPress ⚠️
Elementor -

⚠️ - 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.

Informations complémentaires

Commencez maintenant gratuit

Créez votre propre calculateur Web en quelques minutes.
Testez toutes les fonctionnalités de la version d’essai gratuite de 30-day.

Inscription gratuite

Aucune carte de crédit ou d'installation nécessaire

Nous contacter

Téléphone

US: + 1 415 800 3787
Royaume-Uni: + 44 207 097 3577
CZ: + 420 222 743 843
Heures de bureau: 9: 00 - 17: 00 UTC + 1

Informations utiles

info@calculoid.com

Assistance

support@calculoid.com

Easy Software Ltd.

Kemp House, 152-160
City Road, EC1V
2NX London, Royaume-Uni
Identifiant de la société: 08960980
Numéro de TVA: GB226711521

Centre de développement facile

Jugoslávských de 34
160 00 Prague
République tchèque