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 un conto alla rovescia da CountingDownTo.com è molto simile all'incorporamento di un video da un sito come YouTube.com.
- Apri il tuo conto alla rovescia. Per crearne uno nuovo, clicca Conti alla rovescia per siti web nel menu in alto nella pagina. Per trovarne uno creato in precedenza, clicca l'icona dell'account (l'icona della persona) in alto a destra, poi I miei conti alla rovescia.
- Clicca Incorpora sotto il conto alla rovescia.
- Copia il codice che appare sotto il pulsante. Se accanto al codice c'è un pulsante Copy, puoi cliccare quello.
- Incolla il codice nel tuo sito web o blog, nel punto in cui vuoi che appaia il conto alla rovescia.
Notion e Google Sites richiedono un link invece del codice. L'editor mostra quel link sotto il codice. Canva richiede il link di condivisione del tuo conto alla rovescia: nell'editor originale, clicca prima Condividi per ottenerlo. Il nuovo editor lo mostra sotto il link per Notion e Google Sites.
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 noi stessi. Le righe di Canvas e Schoology si basano sui nostri log, che mostrano conti alla rovescia caricati su molti siti di corsi di queste piattaforme, e per Canvas sulla sua guida ufficiale:
| 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. |
| 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 Core o superiore) | Aggiungi un blocco Codice e incolla il codice di incorporamento. Richiede un piano Core o superiore, oppure un vecchio piano Business o Commerce. |
| Wix | Sì | Usa Aggiungi elementi → Embed Code → Popular Embeds → Embed HTML. Imposta larghezza e altezza dell'iframe in base al tuo conto alla rovescia, così non viene tagliato e non mostra barre di scorrimento. |
| Google Sites | Sì |
Usa Inserisci → Incorpora. Incolla il codice di incorporamento nella scheda Codice di incorporamento, oppure incolla l'indirizzo dentro
src="..."
nel tuo codice di incorporamento nella scheda Tramite URL. Se l'indirizzo finisce con .js, togli il .js.
|
| Shopify | Sì (con avvertenza) | Usa una sezione Custom Liquid del tema. L'editor delle descrizioni dei prodotti non conserva il codice di incorporamento con tutti i temi, quindi usa una sezione Custom Liquid anche nelle pagine prodotto. |
| Notion | Sì |
Digita /embed
e incolla l'indirizzo dentro src="..."
nel tuo codice di incorporamento, non il link di condivisione. Se l'indirizzo finisce con .js, togli il .js.
|
| Canva | Sì, se visualizzato online | Aggiungi l'app Embed e incolla il link di condivisione del tuo conto alla rovescia. Immagini, PDF e video scaricati non possono mostrare un conto alla rovescia in movimento. |
| Canvas | Sì | Nel Rich Content Editor scegli Insert → Embed, incolla il codice di incorporamento, clicca su Submit e poi salva la pagina. Questi passaggi vengono dalla guida di Canvas per i docenti. |
| Schoology | Sì (passaggi non testati) | I conti alla rovescia si vedono sui siti Schoology, ma non abbiamo testato i passaggi di persona. Incolla il codice di incorporamento nella vista HTML dell'editor. |
| 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. Se il conto alla rovescia non compare nell'anteprima del blocco, controlla la pagina pubblicata.
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.
Utenti dell'editor classico: Se usi ancora il vecchio editor Visuale/Testo, seleziona Testo (non Visuale) prima di incollare.
Incorporare un conto alla rovescia in Squarespace
Squarespace richiede un piano Core o superiore, oppure un vecchio piano Business o Commerce 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 di Wix, clicca su Aggiungi elementi → Embed Code → Popular Embeds → Embed HTML. Clicca su Enter Code, incolla il codice di incorporamento e clicca su Apply.
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. Nella scheda Codice di incorporamento, incolla il codice di incorporamento che ti abbiamo fornito. Oppure, nella scheda Tramite URL, incolla il link di incorporamento del tuo conto alla rovescia: l'indirizzo dentro
src="..."
nel tuo codice di incorporamento. Se l'indirizzo finisce con .js, togli il .js.
Poi 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 Custom Liquid del tuo tema (Negozio online → Temi → Personalizza → Aggiungi sezione). Il conto alla rovescia sarà visibile live nelle pagine in cui lo inserisci.
Descrizioni dei prodotti: l'editor delle descrizioni dei prodotti non conserva il codice di incorporamento con tutti i temi. Aggiungi invece una sezione Custom Liquid al modello della pagina prodotto.
Incorporare un conto alla rovescia in Notion
In qualsiasi pagina Notion, digita /embed
e premi Invio. Incolla il link di incorporamento del tuo conto alla rovescia e conferma. Notion mostra solo il conto alla rovescia, in tempo reale.
Il tuo link di incorporamento è l'indirizzo dentro src="..."
nel tuo codice di incorporamento, ad esempio
https://countingdownto.com/w4/abc123
o https://w2.countingdownto.com/1234567. Se il tuo codice è un tag script, togli il
.js
finale. Non incollare il link di condivisione né l'intero codice di incorporamento. Trascina i bordi del blocco per ridimensionarlo.
Incorporare un conto alla rovescia in Canva
Canva può mostrare un conto alla rovescia live nei design e nei siti web Canva visualizzati online. Nell'editor di Canva, apri App, scegli Embed e incolla il link di condivisione del tuo conto alla rovescia.
Se Canva mostra un'immagine fissa invece di un conto alla rovescia creato con il nuovo editor, incolla invece il suo link di incorporamento: l'indirizzo che si trova dentro
src="..."
nel tuo codice di incorporamento. Per i conti alla rovescia creati con il vecchio editor usa il link di condivisione; i loro link di incorporamento (w2.countingdownto.com) non funzionano in Canva. Un'immagine, un PDF o un video scaricati non possono mostrare un conto alla rovescia in movimento.
Incorporare un conto alla rovescia in Blogger
Nell'editor del post, passa da Compose view a HTML view prima di incollare il codice di incorporamento. 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
Scegli Full HTML nella lista Text format sotto il campo del corpo, poi incolla il codice di incorporamento. 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
Trascina l'elemento Embed Code sulla tua pagina, cliccalo e incolla il codice di incorporamento. Pubblica il sito per vedere il conto alla rovescia.
Incorporare un conto alla rovescia in Joomla!
Clicca Toggle Editor sotto l'editor dell'articolo per modificare l'HTML semplice, poi incolla il codice di incorporamento e salva.
L'editor TinyMCE predefinito di Joomla può rimuovere i tag iframe al salvataggio. Se il conto alla rovescia non appare, incolla il codice di incorporamento in un modulo Custom con l'editor disattivato, oppure chiedi all'amministratore del sito di consentire gli iframe nelle impostazioni del plugin TinyMCE.
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 il nostro conto alla rovescia per email. Crea un'immagine animata che la maggior parte delle app di posta mostra.
Incorporare conti alla rovescia nelle e-mail
Le app di posta bloccano gli iframe, quindi i conti alla rovescia per e-mail sono immagini GIF animate. Creane uno nella pagina dei conti alla rovescia per e-mail e clicca Aggiungi alla mia email per ottenere il codice. Negli strumenti di email marketing come Mailchimp, Constant Contact, AWeber e Kit (ConvertKit), incolla il codice in un blocco HTML o di codice. Per inviare il conto alla rovescia da Gmail o da un altro account di posta personale, usa Inviami questo conto alla rovescia via email nella stessa pagina e inoltra l'email che ricevi.
Usi Kajabi? Segui la nostra guida al timer per il conto alla rovescia su Kajabi.
L'immagine mostra il tempo rimanente quando viene caricata. Alcune app di posta caricano le immagini in anticipo, quindi può mostrare un tempo precedente. Scrivi la data anche nel testo della tua email.