# Code d'intégration

> Découvrez comment les codes d'intégration permettent aux créateurs d'ajouter du contenu interactif tel que des vidéos, des formulaires et des widgets de paiement sur des sites web et des pages d'atterrissage.

Canonical URL: https://crevio.co/fr/glossary/embed-code

##  Qu'est-ce qu'un code d'intégration ?

Un code d'intégration est un extrait de HTML ou de JavaScript qui vous permet d'afficher du contenu d'une plateforme sur un autre site ou une autre page. Les créateurs utilisent des codes d'intégration pour ajouter des vidéos, des boutons de paiement, des formulaires d'inscription et d'autres éléments interactifs à leurs sites web, à leurs [pages d'atterrissage](/fr/glossary/landing-page) et à leurs [pages de vente](/fr/glossary/sales-page).

## Comment fonctionnent les codes d'intégration

1. **Générer le code** : Copiez le code d'intégration depuis la plateforme source
2. **Coller dans l'éditeur** : Ajoutez le code à votre site ou à votre constructeur de pages
3. **Affichage du contenu** : Le contenu intégré apparaît sur votre page
4. **Reste à jour** : Les modifications sur la source se répercutent automatiquement sur votre page

## Types d'intégrations courantes pour les créateurs

### Intégrations vidéo
- Vidéos YouTube ou Vimeo
- [Lettres de vente vidéo](/fr/glossary/video-sales-letter)
- Clips d'aperçu de cours
- Vidéos de témoignages

### Paiement et caisse
- Boutons d'achat de produits
- Formulaires de paiement
- Widgets de paiement
- Boutons « Acheter maintenant »

### Formulaires et inscriptions
- Formulaires d'inscription à la [liste d'e-mails](/fr/glossary/email-list)
- Intégrations d'enquêtes et de quiz
- Formulaires de contact
- Opt-ins pour [aimants à prospects](/fr/glossary/lead-magnet)

### Preuve sociale
- Carrousels de témoignages
- Widgets d'avis
- Flux de réseaux sociaux
- Notifications d'achats en direct

### Planification
- Widgets de réservation de calendrier
- Planificateurs de rendez-vous
- Inscription aux événements

### Communauté
- Widgets de chat
- Sections de commentaires
- Flux sociaux
- Lecteurs de streaming en direct

## Exemples de codes d'intégration

### Intégration iFrame

```html
<iframe src="https://platform.com/content"
        width="100%"
        height="400"
        frameborder="0">
</iframe>
```

### Intégration par script

```html
<script src="https://platform.com/widget.js"></script>
<div data-widget-id="12345"></div>
```

### Intégration de bouton

```html
<a href="https://checkout.platform.com/product"
   class="buy-button">
   Buy Now - $97
</a>
```

## Bonnes pratiques

### Performance
- N'intégrez que l'essentiel
- Envisagez le chargement différé pour le contenu en dessous du pli
- Testez la vitesse de la page après l'ajout des intégrations
- Utilisez le chargement asynchrone des scripts lorsque disponible

### Sécurité
- N'intégrez qu'à partir de sources fiables
- Utilisez des sources HTTPS pour les intégrations
- Soyez prudent avec les intégrations JavaScript
- Vérifiez les autorisations et le partage de données

### Compatibilité mobile
- Utilisez des options d'intégration responsive
- Testez sur plusieurs appareils
- Définissez des valeurs de largeur/hauteur appropriées
- Utilisez des largeurs en pourcentage lorsque possible

### Expérience utilisateur
- Assurez-vous que les intégrations se chargent rapidement
- Fournissez un contenu de secours lorsque possible
- Ne surchargez pas les pages avec trop d'intégrations
- Testez régulièrement le fonctionnement

## Problèmes courants d'intégration

### Problèmes d'affichage
- Conteneur trop petit pour le contenu
- Problèmes de réactivité mobile
- Conflits de style avec le CSS de la page
- Échecs de chargement

### Problèmes de fonctionnalité
- Restrictions cross-origin (CORS)
- Avertissements de contenu mixte HTTPS
- Conflits JavaScript
- Bloqueurs de fenêtres contextuelles

## Intégrations spécifiques aux plateformes

Différentes plateformes proposent plusieurs options d'intégration :
- **Hébergeurs vidéo** : YouTube, Vimeo, Wistia
- **Paiements** : Stripe, PayPal, Gumroad
- **E-mail** : ConvertKit, Mailchimp, Beehiiv
- **Planification** : Calendly, TidyCal, SavvyCal
- **Communauté** : Widgets Discord, intégrations Circle

## Alternatives aux intégrations

Lorsque les intégrations ne sont pas idéales :
- **Liens directs** : URL simples vers du contenu externe
- **Captures d'écran avec liens** : images statiques renvoyant au contenu en ligne
- **Intégrations natives** : connexions intégrées de la plateforme
- **[Webhooks](/fr/glossary/webhook)** : synchronisation des données en coulisses