# Codice di incorporamento

> Scopri come i codici di incorporamento permettono ai creatori di aggiungere contenuti interattivi come video, moduli e widget di checkout a siti web e landing page.

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

##  Cos'è un codice di incorporamento?

Un codice di incorporamento è un frammento di HTML o JavaScript che ti permette di visualizzare contenuti da una piattaforma all'interno di un altro sito web o pagina. I creatori utilizzano i codici di incorporamento per aggiungere video, pulsanti di pagamento, moduli di iscrizione e altri elementi interattivi ai loro siti web, [pagine di atterraggio](/it/glossary/landing-page), e [pagine di vendita](/it/glossary/sales-page).

## Come funzionano i codici di incorporamento

1. **Genera codice**: Copia il codice di incorporamento dalla piattaforma di origine
2. **Incolla nell'editor**: Aggiungi il codice al tuo sito o al page builder
3. **Il contenuto viene visualizzato**: Il contenuto incorporato appare nella tua pagina
4. **Si aggiorna automaticamente**: Le modifiche alla sorgente si riflettono automaticamente sulla tua pagina

## Tipi comuni di incorporamento per i creatori

### Incorporamenti video
- Video YouTube o Vimeo
- [video di vendita](/it/glossary/video-sales-letter)
- Clip di anteprima dei corsi
- Video di testimonianze

### Checkout e pagamenti
- Pulsanti per l'acquisto di prodotti
- Moduli di checkout
- Widget di pagamento
- Pulsanti "Compra ora"

### Moduli e iscrizioni
- Moduli di iscrizione alla [lista email](/it/glossary/email-list)
- Incorporamenti di sondaggi e quiz
- Moduli di contatto
- Opt-in per [lead magnet](/it/glossary/lead-magnet)

### Prova sociale
- Caroselli di testimonianze
- Widget di recensioni
- Feed dei social
- Notifiche di acquisto in tempo reale

### Pianificazione
- Widget di prenotazione del calendario
- Strumenti di prenotazione appuntamenti
- Registrazione eventi

### Comunità
- Widget di chat
- Sezioni di commento
- Feed social
- Player per streaming live

## Esempi di codice di incorporamento

### Incorporamento iFrame

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

### Incorporamento con script

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

### Incorporamento pulsante

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

## Buone pratiche

### Prestazioni
- Incorpora solo ciò che è necessario
- Considera il caricamento differito per i contenuti non immediatamente visibili
- Verifica la velocità della pagina dopo aver aggiunto incorporamenti
- Usa il caricamento asincrono degli script quando disponibile

### Sicurezza
- Incorpora solo da fonti affidabili
- Usa fonti HTTPS per gli incorporamenti
- Usa cautela con gli incorporamenti JavaScript
- Controlla le autorizzazioni e la condivisione dei dati

### Responsività mobile
- Usa opzioni di incorporamento responsive
- Testa su più dispositivi
- Imposta valori di larghezza/altezza appropriati
- Usa larghezze in percentuale quando possibile

### Esperienza utente
- Assicurati che gli incorporamenti si carichino rapidamente
- Fornisci contenuto di fallback quando possibile
- Non sovraccaricare le pagine con troppi incorporamenti
- Testa la funzionalità regolarmente

## Problemi comuni degli incorporamenti

### Problemi di visualizzazione
- Contenitore troppo piccolo per il contenuto
- Problemi di responsività su mobile
- Conflitti di stile con il CSS della pagina
- Fallimenti nel caricamento

### Problemi di funzionalità
- Restrizioni cross-origin (CORS)
- Avvisi di contenuto misto HTTPS
- Conflitti JavaScript
- Blocchi dei popup

## Incorporamenti specifici per piattaforma

Diverse piattaforme offrono varie opzioni di incorporamento:
- **Host video**: YouTube, Vimeo, Wistia
- **Pagamenti**: Stripe, PayPal, Gumroad
- **Email**: ConvertKit, Mailchimp, Beehiiv
- **Pianificazione**: Calendly, TidyCal, SavvyCal
- **Comunità**: Widget Discord, incorporamenti Circle

## Alternative all'incorporamento

Quando gli incorporamenti non sono ideali:
- **Link diretti**: URL semplici verso contenuti esterni
- **Screenshot con link**: Immagini statiche che rimandano al contenuto live
- **Integrazioni native**: Connessioni integrate della piattaforma
- **[Webhook](/it/glossary/webhook)**: Sincronizzazione dei dati dietro le quinte