Comment intégrer du code HTML dans Canva

Découvrez comment intégrer du code HTML dans Canva en générant un extrait d’intégration et en ajoutant des créations à des sites web ou des blogs. Suivez ce tutoriel rapide et créez des guides avec Trupeer.

Instant AI Product Videos & Docs from Rough Screen Recordings

Get Started for Free

Cette vidéo tutorielle est créée avec Trupeer AI en moins de 5 minutes

Ce guide vidéo fournit un tutoriel détaillé pour intégrer du code HTML à l’aide de Canva. Réalisé en quelques minutes avec Trupeer AI.

En suivant ces étapes, vous pouvez facilement intégrer vos créations Canva à votre site web ou à votre plateforme WordPress, en vous assurant qu’elles se mettent à jour automatiquement chaque fois que des modifications sont apportées.

Pour intégrer du code HTML dans un site web Canva, vous pouvez utiliser la fonctionnalité d’intégration ou créer une application Canva qui utilise HTML. Vous pouvez également intégrer des formulaires, des vidéos et d’autres contenus dans vos créations Canva.

Intégration du code HTML :

1. Utilisez la fonctionnalité d’intégration : Canva vous permet d’intégrer des créations ou des formulaires créés ailleurs, comme un formulaire Google ou Typeform, en collant leurs URL.
2. Créez une application Canva : Vous pouvez utiliser le Canva App SDK pour créer des extensions de contenu personnalisées qui utilisent HTML.

Intégration d’autres contenus :

Formulaires : intégrez des formulaires provenant de services comme Google Forms ou Typeform en collant leurs liens.

Vidéos : intégrez des vidéos provenant de plateformes comme YouTube en collant leurs URL.

Autres créations : Vous pouvez intégrer d’autres créations Canva, et les créations intégrées se mettront automatiquement à jour lorsque vous apporterez des modifications à la création originale.

Guide étape par étape : comment intégrer du code HTML dans Canva

Étape 1

Pour intégrer du code HTML à l’aide de Canva, commencez par sélectionner la création que vous souhaitez utiliser.

To embed HTML code using Canva, start by selecting the design you wish to use.

Étape 2

Une fois votre création choisie, accédez à l’option Partager située en haut à droite. Dans le menu déroulant, sélectionnez Voir tout pour accéder à des options de partage supplémentaires.

Once you've chosen your design, navigate to the Share option located at the top right corner. From the drop-down menu, select See all to access additional sharing options.

Étape 3

Dans les options de partage, repérez et cliquez sur l’option Intégrer. Cela vous permettra d’intégrer votre création de manière fluide sur n’importe quelle plateforme.

In the sharing options, locate and click on the Embed option. This will enable you to integrate your design into any platform seamlessly.

Étape 4

Vous pouvez intégrer votre création sur diverses plateformes, comme WordPress ou votre propre site web, et elle se mettra automatiquement à jour. Cliquez sur Intégrer pour générer le code HTML intégré.

You can embed your design on various platforms, such as WordPress or your own website, and it will automatically update. Click on Embed to generate the HTML embedded code.

Étape 5

Enfin, copiez le code HTML intégré généré pour l’utiliser directement sur votre site web ou votre site WordPress. Merci !

Finally, copy the generated HTML embedded code to use directly on your website or WordPress site. Thank you!

Conseils de pro pour intégrer du code HTML dans Canva

Utilisez la fonctionnalité d’intégration pour les sites web :
Si vous souhaitez intégrer un site web ou du contenu interactif, utilisez la fonctionnalité d’intégration de Canva. Allez dans Éléments > Intégrer et collez votre code HTML. Canva prend en charge certaines intégrations externes comme Google Maps ou des publications sur les réseaux sociaux, mais n’autorise pas l’intégration directe de HTML brut sur la zone de travail.
Convertissez le HTML en image ou en vidéo :
Pour du contenu HTML statique comme une page web mise en forme ou un extrait de code, faites-en une capture d’écran ou utilisez un enregistreur d’écran pour le convertir en image ou en vidéo. Importez ensuite ce fichier dans Canva et placez-le dans votre design.
Intégrez des éléments HTML à l’aide des applications Canva :
Canva propose des intégrations tierces avec des outils comme YouTube ou Google Drive. Pour du contenu spécifique lié au HTML (comme des vidéos intégrées), utilisez ces intégrations pour ajouter des éléments HTML externes à votre design.
Utilisez les éléments de design compatibles avec le code de Canva :
Si vous devez afficher du code HTML dans votre design (par exemple, à des fins pédagogiques), saisissez-le manuellement ou utilisez des zones de texte pour coller et mettre en forme le code. Canva n’autorise pas le HTML interactif, mais vous pouvez en créer des représentations visuelles.
Créez un lien vers du contenu HTML :
Vous ne pouvez pas intégrer directement du HTML brut dans Canva, mais vous pouvez créer des boutons ou des liens textuels pointant vers du contenu externe basé sur HTML (comme une page web) en ajoutant un hyperlien URL à n’importe quel élément.

Pièges courants et comment les éviter lors de l’intégration de code HTML dans Canva

S’attendre à une interactivité HTML complète :
Canva ne prend pas en charge l’intégration HTML complète avec interactivité (comme des formulaires intégrés ou du code en direct). À la place, convertissez le contenu HTML en image statique, en vidéo, ou utilisez des intégrations tierces pour des fonctionnalités limitées.
Ne pas mettre le code en forme pour l’affichage :
Si vous utilisez le HTML à des fins pédagogiques ou d’affichage, veillez à mettre le code proprement en forme dans des zones de texte pour plus de clarté et de lisibilité.
Essayer d’utiliser du HTML externe dans la section Éléments de Canva :
La fonctionnalité d’intégration de Canva prend en charge certains contenus externes, mais n’autorise pas le code HTML arbitraire. Utilisez cette fonctionnalité pour intégrer du contenu pris en charge comme des vidéos ou des cartes, et non du code brut.
Négliger les liens externes :
Au lieu d’intégrer du contenu HTML interactif, utilisez des liens pour diriger les utilisateurs vers des pages externes basées sur HTML.
Ne pas tester les liens intégrés :
Si vous intégrez des liens ou du contenu HTML externe, testez toujours vos liens et assurez-vous qu’ils redirigent correctement depuis votre design Canva.

Questions fréquemment posées

Puis-je intégrer directement du code HTML brut dans une conception Canva ?
Non, Canva ne prend pas en charge l’intégration de code HTML brut. Vous pouvez soit le convertir en image ou en vidéo, soit utiliser la fonction Intégrer de Canva pour du contenu pris en charge comme YouTube ou Google Maps.
Comment afficher du code HTML dans Canva à des fins pédagogiques ?
Vous pouvez saisir le code manuellement dans des zones de texte ou utiliser une capture d’écran du code pour un affichage soigné.
Puis-je utiliser du contenu basé sur HTML comme des formulaires ou des éléments interactifs dans Canva ?
Non, Canva ne prend pas en charge les éléments HTML interactifs. Pour du contenu interactif, vous devrez créer un lien vers des pages externes ou utiliser d’autres outils.
Comment puis-je intégrer une page HTML dans Canva ?
Bien que vous ne puissiez pas intégrer directement du code HTML, vous pouvez télécharger une capture d’écran d’une page HTML ou utiliser les intégrations de contenu externe de Canva pour ajouter certains contenus basés sur HTML à votre design.
Puis-je créer un lien vers une page HTML externe dans mon design Canva ?
Oui, vous pouvez ajouter une URL cliquable au texte ou aux boutons dans Canva, qui renverra vers une page HTML externe.
Comment enregistrer l’écran sur Mac ?
Pour enregistrer l’écran sur un Mac, vous pouvez utiliser Trupeer AI. Il vous permet de capturer l’écran entier et offre des fonctionnalités d’IA telles que l’ajout d’avatars IA, l’ajout d’une voix off, l’ajout de zoom avant et arrière dans la vidéo. Avec la fonctionnalité de traduction vidéo par IA de Trupeer, vous pouvez traduire la vidéo en plus de 30 langues.
Comment ajouter un avatar IA à un enregistrement d’écran ?
Pour ajouter un avatar IA à un enregistrement d’écran, vous devrez utiliser un outil d’enregistrement d’écran IA. Trupeer AI est un outil d’enregistrement d’écran IA, qui vous aide à créer des vidéos avec plusieurs avatars et vous aide également à créer votre propre avatar pour la vidéo.
Comment enregistrer l’écran sur Windows ?
Pour enregistrer l’écran sur Windows, vous pouvez utiliser la barre de jeu intégrée (Windows + G) ou un outil IA avancé comme Trupeer AI pour des fonctionnalités plus avancées telles que des avatars IA, une voix off, la traduction, etc.
Comment ajouter une voix off à une vidéo ?
Pour ajouter une voix off aux vidéos, téléchargez l’extension Chrome trupeer ai. Une fois inscrit, téléversez votre vidéo avec voix, choisissez la voix off souhaitée sur Trupeer et exportez votre vidéo modifiée.
Comment faire un zoom avant dans un enregistrement d’écran ?
Pour effectuer un zoom avant pendant un enregistrement d’écran, utilisez les effets de zoom dans Trupeer AI, qui vous permettent de zoomer avant et arrière à des moments précis, améliorant ainsi l’impact visuel de votre contenu vidéo.