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.

Créez de superbes vidéos produit et des documents avec l’IA

Ce tutoriel a été créé avec Trupeer en moins de 5 minutes

Créez gratuitement

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

Ce guide vidéo fournit une présentation détaillée pour intégrer du code HTML avec 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 modification.

Pour intégrer du code HTML dans un site web Canva, vous pouvez utiliser la fonctionnalité Intégrer 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 de code HTML :

1. Utilisez la fonctionnalité Intégrer : Canva vous permet d'intégrer des créations ou des formulaires créés ailleurs, comme un Google Form 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 d'origine.

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

Étape 1

Pour intégrer du code HTML avec 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 dans le coin supérieur droit. Dans le menu déroulant, sélectionnez Tout voir 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 à n'importe quelle plateforme en toute fluidité.

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 différentes 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 les publications sur les réseaux sociaux, mais ne permet pas d’intégrer directement du HTML brut sur le canevas.
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. Ensuite, importez-le dans Canva et placez-le sur 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 adaptés au code de Canva :
Si vous devez afficher du code HTML dans votre design (par ex. à des fins pédagogiques), saisissez-le manuellement ou utilisez des zones de texte pour coller et mettre en forme le code. Canva ne permet pas le HTML interactif, mais vous pouvez en créer des représentations visuelles.
Liez 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 texte pointant vers du contenu externe basé sur HTML (comme une page web) en ajoutant un hyperlien URL à n’importe quel élément.

Erreurs courantes 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 complète de HTML 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 éducatives ou d’affichage, veillez à mettre le code en forme proprement 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, pas du code brut.
Oublier 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 un design 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 taper le code manuellement dans des zones de texte ou utiliser une capture d’écran du code pour un affichage propre.
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 importer 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 redirigera 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’intégralité de l’écran et offre des fonctionnalités d’IA telles que l’ajout d’avatars IA, l’ajout de voix off, le zoom avant et arrière dans la vidéo. Grâce à la fonctionnalité de traduction vidéo par IA de Trupeer, vous pouvez traduire la vidéo dans 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 les avatars IA, la 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, importez votre vidéo avec la voix, choisissez la voix off souhaitée dans Trupeer, puis exportez votre vidéo modifiée.
Comment zoomer dans un enregistrement d’écran ?
Pour zoomer 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.