> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 📍 Come posizionare il conto alla rovescia in una posizione personalizzata > ℹ️ **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 ✨