ℹ️ Note: Questo articolo è stato tradotto automaticamente utilizzando AI e può contenere imprecisioni. Se qualcosa sembra sbagliato, si prega di contattare il nostro team di supporto.

L'app offre due tipi di posizionamento principali per le impostazioni di Countdown:

• 📌 Punti di default
• 🧩 Posizionamenti personalizzati

Nella maggior parte dei casi, le aree di collocamento di default funzionano perfettamente bene.

Tuttavia, a volte i commercianti possono desiderare una maggiore flessibilità e preferiscono posizionare il conto alla rovescia in una posizione completamente personalizzata a seconda del layout del negozio.

Questo è esattamente dove Posizione personalizzata caratteristica diventa utile ✨

Utilizzando la posizione personalizzata, il conto alla rovescia può essere posizionato:

• Dentro Shopify Blocchi app
• All'interno di sezioni liquide personalizzate
• File di tema
• All'interno controllati manualmente le posizioni

Questa documentazione spiega come attivare correttamente la posizione personalizzata e come posizionare il conto alla rovescia utilizzando entrambi i metodi disponibili.

🛠️ Fase 1 — Aprire l'app

Apri l'app dal tuo Shopify Admin.

📂 Passo 2 — Aprire o creare un setup conto alla rovescia

Puoi anche:

→ Aprire una configurazione di Countdown esistente
→ O creare una nuova configurazione

⚙️ Passo 3 — Passare alla scheda Posizionamento

→ Aprire il Luogo scheda all'interno della configurazione Countdown.

La scheda Posizionamento controlla dove e come il conto alla rovescia appare sul negozio.

🎯 Fase 4 — Cambia posizione in posizione personalizzata

All'interno delle impostazioni di Posizionamento:

→ Modificare l'opzione di collocamento a: Posizione personalizzata

→ Allora: Clicca Salva

⚠️ Importante:

Abilitare la posizione personalizzata rimuove il conto alla rovescia dalle aree di posizionamento predefinite.

Il conto alla rovescia apparirà solo dove viene posizionato manualmente.

🆔 Metodo 1 — Utilizzo di Countdown ID

Questo metodo è ideale quando si desidera posizionare il conto alla rovescia direttamente utilizzando Shopify’s Theme Editor.

🎨 Fase 5 — Apri Shopify Tema Editor

Da Shopify Admin:

→ Vai a Canali di vendita → Online Store
→ Cliccare Modifica tema

Questo apre il Shopify Theme Editor.

➕ Passo 6 — Aggiungi il blocco app conto alla rovescia

All'interno del Theme Editor:

→ Navigare alla sezione in cui si desidera che il conto alla rovescia apparisca
→ Passare intorno a sezioni compatibili fino al colore blu ➕ icona appare
→ Cliccare Aggiungi blocco

Allora:

→ Aprire il Apps categoria
→ Selezionare il blocco app Countdown

Il Blocco App verrà ora aggiunto all'area riservata selezionata.

🔗 Passo 7 — Aggiungi l'ID conto alla rovescia

Una volta aggiunto l'App Block:

→ Inserisci l'ID conto alla rovescia all'interno delle impostazioni del Blocco dell'app

Allora:

→ Salvare il Shopify Tema
→ Salvare la configurazione Countdown all'interno dell'app e

⚠️ Importante:

Entrambi i risparmi sono necessari.

In caso contrario, il conto alla rovescia potrebbe non apparire correttamente sul negozio.

🧩 Metodo 2 — Utilizzo di codice conto alla rovescia Snippet

Questo metodo è utile quando si desidera una maggiore flessibilità di posizionamento avanzata.

Il Snippet del Codice di Countdown può essere:

• Aggiunto utilizzando un blocco liquido personalizzato
• Aggiunto direttamente in Shopify File di tema

➕ Passo 8 — Aggiungere un blocco liquido personalizzato

Dentro Shopify Tema Editor:

→ Navigare nella zona dove si desidera che il conto alla rovescia apparisca
→ Passare intorno a sezioni compatibili fino al colore blu ➕ icona appare
→ Ricerca per Liquido personalizzato

Allora:

→ Aggiungi il codice conto alla rovescia Snippet all'interno del blocco liquido personalizzato

Questo consente al Countdown di rendere la posizione di storefront selezionata.

💻 Aggiungere il codice Snippet direttamente in file tema

Se necessario, il Countdown Code Snippet può anche essere aggiunto direttamente in Shopify File di codice tema.

Questo è utile quando:

• Blocchi app non sono disponibili
• Le sezioni liquide personalizzate non sono supportate
• Personalizzazione avanzata del negozio è necessario

⚙️ Apertura Shopify Codice Editore

⚠️ Importante:

Non è consigliato modificare Shopify File tema a meno che:

• Sei comodo lavorare con Shopify codice
• O capisci quali cambiamenti sono fatti

Modifiche non corrette all'interno I file tema possono influenzare il comportamento di negozio.

Per aprire il Shopify Codice Editore:

→ Vai a Canali di vendita → Online Store
→ Fare clic sul menu a tre punti accanto al Modifica tema pulsante pulsante
→ Cliccare Modifica del codice

🧩 Identificare l'Area Corsa

Prima di inserire il Countdown Code Snippet, è importante identificare l'esatta posizione del negozio dove dovrebbe apparire il Countdown.

Un modo semplice per farlo:

→ Apri il tuo negozio nel browser
→ Fare clic con il tasto destro vicino alla zona dove si desidera il conto alla rovescia
→ Cliccare Controllo

Questo apre il browser Strumenti di sviluppo.

Da lì:

→ Ispezionare la struttura HTML circostante
→ Identificare nomi di classe utili o riferimenti di sezione
→ Abbina quelle sezioni con la corrispondente Shopify .liquid file nel Codice Editor

✨ Questo aiuta a individuare il file tema corretto più accuratamente.

🔍 Trovare il file tema corretto

Dopo l'apertura Shopify Codice Editore:

→ Navigare attraverso i file Tema sul lato sinistro
→ Individuare il .liquid responsabile per l'area in cui si desidera che il conto alla rovescia apparisca
→ Cercare qualsiasi riferimento id/class utilizzando la funzione di ricerca del Code Editor
→ Clicca sul più promettente .liquid file

Per esempio:

• Le sezioni relative al prodotto possono esistere all'interno:
• • main-product.liquid
  • product-template.liquid
• Le sezioni relative al carrello possono esistere all'interno:
• • cart.liquid
  • cart-drawer.liquid
• Le sezioni personalizzate possono esistere all'interno:
• • sections/*.liquid

➕ Aggiungi il conto alla rovescia Codice Snippet

Una volta corretto .liquid il file è identificato:

→ Incolla il Snippet del Codice alla rovescia nella posizione desiderata all'interno del file

⚠️ Importante:

Assicurarsi che lo snippet venga aggiunto con attenzione nella posizione corretta.

Il posizionamento non corretto può causare:

• Questioni di layout
• rendering improprio
• Comportamento di vetrina inaspettato

💾 Salvare il file tema

Dopo aver inserito il codice snippet:

→ Cliccare Salva

Allora:

→ Aggiornare l'anteprima del negozio
→ Verificare che il conto alla rovescia appare correttamente nella posizione personalizzata selezionata ✨

🎉 Risultato finale

Una volta configurato con successo:

✅ Il conto alla rovescia può apparire in posizioni di negozio completamente personalizzate
✅ Shopify Blocchi app possono connettersi correttamente utilizzando Countdown ID
✅ Il posizionamento avanzato del negozio diventa possibile utilizzando Code Snippets
✅ I commercianti guadagnano molta più flessibilità rispetto alla visibilità del negozio ✨

Aggiornato il: 10/09/2026