Come incorporare un conto alla rovescia nel tuo sito web
Se utilizzi software di gestione dei contenuti o di blogging come Blogger, WordPress, Drupal o simili, devi assicurarti di modificare i tuoi contenuti in modalità HTML quando incolli il codice di incorporamento.
Incorporare widget di conto alla rovescia da CountingDownTo.com è molto simile all'incorporamento di un video da un sito come YouTube.com. Su CountingDownTo.com, individua il conto alla rovescia che desideri incorporare cliccando su "I miei conti alla rovescia" e poi sul nome del conto alla rovescia che vuoi incorporare. In alternativa puoi creare un nuovo widget di conto alla rovescia cliccando su "Nuovo conto alla rovescia". Sotto il conto alla rovescia vedrai un pulsante con l'etichetta "Incorpora nel tuo sito". Cliccalo. Verrà visualizzato del codice HTML sotto il pulsante. Il codice assomiglierà allo screenshot qui sotto. Copia il codice e incollalo nel tuo sito web o blog.
Se hai seguito le istruzioni in questa pagina ma non riesci ancora a incorporare il tuo conto alla rovescia, per favore contattaci per assistenza.
Quali piattaforme possono incorporare un conto alla rovescia live?
La maggior parte dei siti che consentono di incollare HTML personalizzato o un URL iframe mostrerà il tuo conto alla rovescia live e in movimento. Alcuni page builder e strumenti di design bloccano completamente gli iframe. Ecco cosa abbiamo verificato in prima persona:
| Piattaforma | Conto alla rovescia live? | Note |
|---|---|---|
| WordPress (self-hosted) | Sì | Aggiungi un blocco HTML personalizzato nell'editor a blocchi e incolla il codice di incorporamento. Oppure usa il nostro plugin WordPress quando sarà disponibile. |
| WordPress.com | Dipende dal piano | I piani gratuiti rimuovono gli iframe. I piani a pagamento richiedono l'attivazione delle "hosting features" prima che l'HTML personalizzato funzioni. Maggiori informazioni. |
| Squarespace | Sì (piano Business+) | Aggiungi un blocco Codice e incolla il codice di incorporamento. Richiede un piano Business o superiore. |
| Wix | Sì | Usa l'elemento Incorpora HTML. Imposta larghezza e altezza dell'iframe in base al tuo conto alla rovescia, così non viene ritagliato né mostra barre di scorrimento. |
| Google Sites | Sì | Usa Inserisci → Incorpora e incolla il codice di incorporamento o l'URL dell'iframe. |
| Shopify | Sì (con avvertenza) | Funziona tramite Liquid personalizzato del tema o sezioni HTML personalizzate. Non funziona nelle descrizioni dei prodotti (Shopify rimuove gli iframe lì). |
| Notion | Sì |
Digita /embed
e incolla il link diretto /w4/
del tuo conto alla rovescia (non il link di condivisione normale).
|
| Canva | No | Canva non supporta iframe né incorporamenti esterni live. È una limitazione di Canva, non un errore da parte tua. |
| Blogger, Drupal, Weebly, Joomla! | Sì | Incolla il codice di incorporamento come HTML personalizzato/raw — vedi le istruzioni specifiche per piattaforma qui sotto. |
| Facebook, WhatsApp, YouTube | No | Queste piattaforme non consentono incorporamenti iframe di terze parti. Condividi invece un link alla pagina pubblicata del tuo conto alla rovescia. |
| Client di posta elettronica | No (usa GIF) | I client di posta elettronica bloccano gli iframe. Usa invece il nostro conto alla rovescia GIF per e-mail. |
Incorporare un conto alla rovescia in WordPress
WordPress self-hosted: Nell'editor a blocchi, aggiungi un blocco HTML personalizzato (+ → cerca "Custom HTML") e incolla il codice di incorporamento che ti abbiamo fornito. Il conto alla rovescia non apparirà nell'anteprima dell'editor — pubblica o visualizza l'anteprima della pagina per vederlo.
WordPress.com: I siti WordPress.com gratuiti non supportano gli iframe (maggiori informazioni). Sui piani a pagamento devi abilitare le hosting features prima che il blocco HTML personalizzato renderizzi gli iframe. Aggiorneremo questa pagina quando il nostro plugin WordPress sarà disponibile.
Utenti dell'editor classico: Se usi ancora il vecchio editor Visuale/HTML, seleziona HTML (non Visuale) prima di incollare. Per l'editor a blocchi, questo video illustra l'approccio HTML personalizzato:
Incorporare un conto alla rovescia in Squarespace
Squarespace richiede un piano Business o superiore per incorporare codice personalizzato. Modifica la tua pagina, clicca + per aggiungere un blocco, cerca Codice e incolla il codice di incorporamento nel blocco Codice. Salva e visualizza l'anteprima — il conto alla rovescia dovrebbe funzionare live sulla pagina pubblicata.
Incorporare un conto alla rovescia in Wix
Nell'editor Wix, clicca + Aggiungi elementi → Incorpora codice → Incorpora HTML. Incolla il codice di incorporamento e clicca Aggiorna.
Importante — dimensionamento iframe:
Se il conto alla rovescia è ritagliato o mostra barre di scorrimento, apri le impostazioni dell'elemento di incorporamento e imposta larghezza e altezza in base alle dimensioni nel tuo codice di incorporamento (di solito le stesse larghezza e altezza del
tag <iframe>). Wix non ridimensiona sempre automaticamente gli iframe incorporati.
Guarda un breve video che mostra come aggiungere un conto alla rovescia a Wix.
Incorporare un conto alla rovescia in Google Sites
Durante la modifica del sito, clicca Inserisci → Incorpora. Scegli Codice di incorporamento e incolla il codice di incorporamento che ti abbiamo fornito. Regola le dimensioni del riquadro di incorporamento nella pagina in modo che il conto alla rovescia completo sia visibile.
Incorporare un conto alla rovescia in Shopify
Aggiungi il codice di incorporamento a una sezione Liquid personalizzato o a un blocco HTML personalizzato nel tuo tema (Negozio online → Temi → Personalizza → Aggiungi sezione). Il conto alla rovescia verrà visualizzato live nelle pagine in cui lo inserisci.
Le descrizioni dei prodotti non funzionano: Shopify rimuove l'HTML iframe dalle descrizioni dei prodotti — questa è una restrizione della piattaforma, non una limitazione di CountingDownTo. Usa invece una landing page, una descrizione di collezione o una sezione di pagina personalizzata.
Incorporare un conto alla rovescia in Notion
In qualsiasi pagina Notion, digita /embed
e premi Invio. Incolla il link diretto del tuo conto alla rovescia (l'URL
/w4/
dal pannello di incorporamento, non il link di condivisione normale). Notion incorporerà solo il widget del conto alla rovescia.
Canva — attualmente non possibile
L'editor di siti e design di Canva non supporta incorporamenti iframe né widget esterni live. Incollare il nostro codice di incorporamento o link non produrrà un conto alla rovescia in movimento. Se Canva aggiungerà in futuro il supporto per iframe o immagini da URL esterne, aggiorneremo questa pagina.
Incorporare un conto alla rovescia in Blogger
Assicurati di selezionare "Modifica HTML" NON "Componi" prima di incollare il codice di incorporamento nel tuo blog Blogger. Ricorda che il conto alla rovescia non apparirà mentre modifichi il post. Apparirà solo quando pubblichi o visualizzi l'anteprima del post.
Incorporare un conto alla rovescia in Drupal
Assicurati di selezionare "Full HTML" nelle impostazioni "Formato di input" prima di incollare il codice di incorporamento nel tuo sito Drupal. Ricorda che il conto alla rovescia non apparirà mentre modifichi la pagina. Apparirà solo quando salvi o visualizzi l'anteprima della pagina.
Incorporare un conto alla rovescia in Weebly
Usa l'elemento HTML personalizzato per incorporare il widget di conto alla rovescia nel tuo sito Weebly.
Incorporare un conto alla rovescia in Joomla!
Consulta queste istruzioni per incorporare un conto alla rovescia in Joomla!
L'editor TinyMCE predefinito di Joomla può rimuovere o riscrivere i tag iframe al salvataggio. Se il conto alla rovescia non appare, prova a disabilitare l'editor WYSIWYG per quell'articolo oppure usa il modulo Mod HTML per inserire direttamente il codice di incorporamento.
Piattaforme che non supportano incorporamenti iframe
Le seguenti piattaforme non possono visualizzare un conto alla rovescia iframe live, indipendentemente dal codice di incorporamento utilizzato:
- Facebook — condividi invece un link alla pagina pubblicata del tuo conto alla rovescia.
- WhatsApp — condividi un link; WhatsApp non renderizza HTML incorporato.
- YouTube — le pagine dei canali e le descrizioni dei video di YouTube non supportano iframe di terze parti.
- Client di posta elettronica — Gmail, Outlook, Mailchimp e altre app di posta elettronica bloccano gli iframe per sicurezza. Usa invece la nostra funzione conto alla rovescia GIF per e-mail — produce un'immagine animata che funziona praticamente in ogni client di posta elettronica.
Incorporare conti alla rovescia nelle e-mail
Inviare un conto alla rovescia con Mailchimp
Inviare un conto alla rovescia con AWeber