> ## 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 configurare Quantità Break > ℹ️ **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. Vuoi premiare i clienti per l'acquisto di più dello stesso prodotto? 🛍️ Questo è esattamente ciò che **Quantità di rottura** offerta in Hoppy Bundles è progettato per. Con questo tipo di offerta, è possibile creare livelli di sconto basati su quantità come: * 🛒 Acquista 1 → Prezzo standard * 💸 Acquista 2 → 10% di sconto * 💰 Acquista 3 → 20% —e visualizzarli come un widget pulito e cliccabile direttamente sulla pagina del prodotto. I clienti semplicemente scegliere il livello di quantità che amano, e lo sconto viene applicato automaticamente al momento del checkout ✨ --- # **📍 Dove appare la quantità Break Widget** Il widget Quantità Break appare sul tuo **Pagina del prodotto**, proprio sotto il pulsante Aggiungi al carrello (posizione predefinita). È anche possibile posizionarlo in qualsiasi altro luogo sulla pagina del prodotto utilizzando la **Posizionamento personalizzato** opzione (coperto in seguito in questa guida). ℹ️ La stessa schermata di configurazione viene utilizzata anche per **BOGO (Buy One Get One)** e **Acquista X Get Y** offerte — quelle sono semplicemente Quantità Break offerte pre-riempite con piastre in stile BOGO. --- # **🛠️ Esempio Setup utilizzato in questa documentazione** In questa documentazione, configuraremo la seguente struttura del livello: * 🛒 1 Coppia → Prezzo standard (Nessun sconto) * 💸 2 coppie → 10% di sconto * 💰 3 Coppia → 20% L'offerta sarà applicata a **prodotti specifici** e visualizzato nel **Disposizione verticale**. Questa guida spiega ogni impostazione che toccherai durante la configurazione, quindi sai esattamente come ogni opzione si comporta ⚙️ --- # **✅ Prima di iniziare — Abilitare l'App Embed** Per il widget Quantità Break da visualizzare sul tuo negozio, l'app incorporata deve essere abilitata all'interno del tuo Shopify tema. Vai a: **Shopify Admin → Canali di vendita → Online Store → Temi → Personalizza → App Embeds** Allora: * Trova **Bundles App Embed** * \# Toggle it on # * Fare clic su Salva ⚠️ **Importante**: Senza l'app incorporata abilitata, l'offerta pubblicata non sarà visibile sul negozio - anche se tutto all'interno dell'app è configurato correttamente. --- # **🎯 Passo 1 — Creare una nuova quantità Break offerta** Aprire **Hoppy Bundles** app dalla tua Shopify Admin. Allora: → Cliccare **Crea una nuova offerta** per aprire la pagina di selezione tipo offerta. → Selezionare **Quantità Break (Un prodotto)** e cliccare **Creare una pausa quantità**. ℹ️ The **BOGO** e **Acquista X Get Y** carte in questa pagina anche aprire il setup Quantità Break — basta pre-riempire i livelli con offerte BOGO-style (ad esempio “Buy 2 Get 1”), in modo da poter iniziare da quelli se questo è l'accordo che si desidera eseguire. --- # **🧩 Passo 2 — Nome La Vostra offerta & Scelga Dove Applies** La prima schermata chiede le basi prima di qualsiasi altra cosa. --- ## **🏷️ Nome dell'offerta** Questo campo viene utilizzato solo per scopi interni. I clienti non vedranno mai questo nome. È possibile utilizzare qualsiasi nome riconoscibile come: * Vendita scarpe da ginnastica estive * T-Shirt Volume Deal * Black Friday Tiers 💡 Utilizzando il nome interno corretto rende più facile identificare le impostazioni in seguito, soprattutto se il tuo negozio esegue più offerte. --- ## **📦 Applicare l'offerta** Questa impostazione controlla a quali prodotti si applicano il widget e gli sconti Quantità Break. Ci sono 3 opzioni disponibili: * **Tutti i prodotti** → l'offerta si applica ad ogni prodotto nel vostro negozio * **Prodotto** → l'offerta si applica solo ai prodotti selezionati * **Collezione** → l'offerta si applica ad ogni prodotto all'interno delle collezioni selezionate Se scegli **Prodotto** o **Collezione**♪ **Seleziona prodotto** / **Seleziona la collezione** appare il pulsante. Clicca per aprire il tuo Shopify raccogliere risorse e scegliere uno o più elementi. ⚠️ **Importante**: * Interruttore tra **Tutti i prodotti**♪ **Prodotto**e **Collezione** cancella la selezione corrente — selezionare la modalità giusta prima, quindi selezionare i tuoi elementi. * Solo **una offerta pubblicata è consentita per prodotto o raccolta**. Se un'altra offerta pubblicata copre già lo stesso prodotto, non sarai in grado di pubblicarlo finché l'offerta esistente non verrà convertita in una bozza. --- # **🎨 Passo 3 — Scegli un modello** Scroll down to the **Seleziona la tua offerta preferita** sezione. Qui troverai modelli pronti che puoi scorrere attraverso: * **Costruire uno da zero** → iniziare con un layout pulito, minimo * **Bundle & Salva** → il classico look multi-tier verde * **Offerta di tempo limitato** → arancione, tema d'urgenza * **Flash Sale Madness!** → rosa, tema vendita * **Sì! È BOGO** → viola, pre-riempita con Buy X Get Y Fare clic su un modello per selezionarlo, quindi premere **Applicare il modello selezionato**. ℹ️ The **Applicare il modello selezionato** pulsante rimane disabilitato fino a quando non hai selezionato almeno un prodotto o una collezione (quando si utilizza il **Prodotto** o **Collezione** modalità). Una volta applicato, l'editor di configurazione completa si apre — con un'anteprima dal vivo del widget sul lato destro dello schermo 👀 --- # **⚙️ Passo 4 — Configurare le vostre offerte (scheda generale)** L'editor è organizzato in 3 schede: * **Generale** → offrire contenuti, sconti e comportamenti * **Design** → font, colori e confini * **Targeting & Placement** → chi vede l'offerta e dove appare Questa guida si concentra sulle impostazioni necessarie per ottenere l'offerta dal vivo. Andiamo attraverso il **Generale** scheda sezione per sezione. --- ## **✏️ Nome dell'offerta & offerta selezionata** Nella parte superiore della scheda Generale puoi vedere la tua **Nome dell'offerta** e il **Offerta selezionata** (il modello scelto). Fare clic su **icona della matita** accanto al nome dell'offerta per rinominarlo in qualsiasi momento. 💡 Questo nome è visibile solo a voi — per il vostro riferimento interno. --- ## **📐 Telaio modello** Scegliere come i livelli di quantità sono disposti all'interno del widget: * **Verticale** → tiers impilati sopra l'un l'altro (migliore per la maggior parte delle pagine del prodotto) * **Orizzonte** → tiers fianco a fianco ℹ️ Quando **Verticale** è selezionato, un extra **Scegli un tema** opzione appare, permettendo di passare rapidamente tra il **Blu**♪ **Rosso**e **Verde** temi di colore. 💡 Scegliere il **Rosso** tema sblocca anche un extra **Offerta Sottotitolo** campo all'interno di ogni tier offerta (più su questo sotto). --- ## **🎁 Modifica offerta — Il tuo sconto Tiers** Questo è il cuore della configurazione ❤️ Ogni livello di quantità vive nella propria scheda (**Offerta 1**♪ **Offerta 2**♪ **Offerta 3**...). Fare clic su una scheda per modificare quel livello. Per la nostra configurazione di esempio: * **Offerta 1** → Quantità `1`, Tipo di sconto `No Discount` * **Offerta 2** → Quantità `2`, Tipo di sconto `% Discount`, sconto `10` * **Offerta 3** → Quantità `3`, Tipo di sconto `% Discount`, sconto `20` --- ### **💸 Tipo di sconto** Questo abbassamento controlla che tipo di accordo offre il livello: Tipo di sconto Che cosa fa Nessun sconto Prezzo standard — utile come baseline “Buy 1” % Sconto (ad esempio 25% di sconto) Percentuale sul totale dei livelli Sconto appartamento (ad es. $29,00 off) Importo fisso dal totale del livello Su ogni unità sconto piatto Importo fisso off **ciascuna unità** in the tier Prezzo specifico (ad esempio $29.00) I clienti pagano esattamente questo prezzo per il livello BOGO (Buy One Get One) Acquista X articoli, ottieni Y articoli dello stesso prodotto gratis Acquista X Get Y Gratis Acquistare X articoli, ottenere un **prodotto diverso** scontato/gratuito A seconda del tipo di sconto, i campi aggiuntivi appaiono automaticamente: * **% / Appartamento / Per-unit / Prezzo specifico** → **Sconto** campo di input per il valore * **BOGO** → **Comprare** e **Vai!** campi (Il lavoro è bloccato alla quantità di livello) * **Acquista X Get Y Gratis** → **Comprare** e **Vai!** campi, più un **Selezionare Y Prodotto** pulsante per scegliere quale prodotto il cliente ottiene ⚠️ **Nota:**Per **Acquista X Get Y Gratis**, assicurarsi di selezionare effettivamente un “Y” prodotto — senza uno, il livello non ha nulla da dare. --- ### **🔢 Quantità** Il numero di articoli che il cliente deve acquistare per sbloccare questo livello. ⚠️ Quantità deve essere maggiore di 0 — vedrete un errore in linea se non lo è. ℹ️ Per **BOGO** e **Acquista X Get Y** tiers, il **Comprare** condizione segue automaticamente questa quantità. --- ### **🏷️ Titolo dell'offerta** Il testo principale mostrato sul livello, ad esempio: * 1 Coppia * 2 coppie * 3 Coppia --- ### **🏷️ Etichetta di sconto & Tag** Ogni livello ha due decorazioni di testo opzionali: * **Etichetta di sconto** → il testo di accordo mostrato sul livello, ad esempio “10% OFF” * **Tag:** → un piccolo distintivo, ad esempio “Più Popolari” Entrambi i campi hanno **icona dell'occhio** 👁️ sul lato destro — fare clic su per mostrare o nascondere quell'elemento sul negozio. 💡 Aggiungendo un tag “più popolare” al livello centrale è un modo semplice per nudge clienti verso di esso. --- ### **🎁 Regalo gratis** Tick the **Regalo gratuito** checkbox se si desidera che i clienti che scelgono questo livello per ricevere anche un prodotto regalo. Una volta abilitato, un **Seleziona i prodotti** pulsante appare in modo da poter scegliere il prodotto regalo(i) dal tuo negozio. ℹ️ Senza titolo **Regalo gratuito** chiarisce i prodotti regalo selezionati per quel livello. --- ### **📝 Offerta Sottotitolo (solo tema rosso)** ℹ️ Questo campo appare solo quando **Rosso** tema è selezionato in **Template Layout → Scegliere un tema**. Aggiunge una piccola linea sottotitolo all'interno di ogni livello, e ha anche un'icona dell'occhio per attivare la visibilità. --- ### **➕ Aggiungi / 🗑️ Eliminare i livelli** Sotto le schede di offerta troverete: * **Aggiungi l'offerta** → aggiunge una nuova scheda di livello (massimo **6 livelli**) * **Cancella** → rimuove il livello attualmente selezionato (minimo **2 livelli** richiesto) Se colpisci uno di questi limiti, un piccolo messaggio di brindisi ti farà sapere. --- ## **📰 Titolo del blocco e testo del piè di pagina** Questi controllano il testo sopra e sotto il widget: * **Titolo del blocco** → ad esempio “Bundle & Save” o “Limited Time Offer” * **Testo del piè di pagina** → ad esempio “Free Shipping” Entrambi i campi sono dotati di **icona dell'occhio** per nasconderli completamente se si preferisce un look più pulito. --- # **🛠️ Passo 5 — Configurare le impostazioni** Scroll down to the **Impostazioni impostazioni** Carta. Queste caselle di controllo controllano come il widget si comporta e ciò che i clienti vedono. --- ## **👀 Aspetto e aspetto** * **Mostra il prezzo unitario** → i clienti possono vedere il prezzo per singola unità all'interno dell'offerta * **Mostra il prezzo totale** → i clienti possono vedere il prezzo totale di ogni livello * **Nascondi le linee di intestazione e piè di pagina** → nasconde le linee divisorie in alto e in basso del widget per un look più pulito * **Utilizzare il testo personalizzato per Out of Stock** → mostra il tuo messaggio quando il prodotto selezionato è esaurito ℹ️ Attivazione **Utilizzare il testo personalizzato per Out of Stock** rivela un campo di testo in cui è possibile digitare il messaggio (default: “Oggetto illuminato(i) sono esauriti”). --- ## **⚙️ Funzionalità** * **Consente ai clienti di scegliere diverse varianti per ogni articolo** → se il prodotto ha varianti (dimensioni, colori...), i clienti possono scegliere una variante diversa per ogni unità nel livello * **Visualizza widget qui sotto aggiungi al carrello** → rende il widget direttamente sotto il tasto Aggiungi al carrello * **Salta il carrello direttamente al checkout** → i clienti vengono reindirizzati direttamente al checkout dopo l'aggiunta di un livello, saltando la pagina del carrello * **Sconto volume (Escludi Max Sconto per tutte le quantità)** → consente ai clienti di acquistare **aggiuntivo** articoli oltre il livello più alto al tasso massimo di sconto * **Mostra confronto al prezzo** → visualizza il prezzo comparabile (strikethrough) all'interno dell'offerta ℹ️ Attivazione **Mostra confronto al prezzo** rivela due campi aggiuntivi: * **Prezzo di confronto personalizzato** → sovrascrivere il prezzo di confronto manualmente (lasciare vuoto o `0` per utilizzare il prezzo dal tuo Shopify elenco prodotti) * **Shopify prezzo del prodotto** → sola lettura, mostra il prezzo di confronto proveniente dalla vostra lista di prodotti --- ## **🔄 Attiva combinazione di sconto** Queste opzioni consentono al tuo sconto Quantità Break di combinare con altri tipi di sconto al momento del checkout: * **Ordina sconti** * **Sconti di spedizione** ℹ️ La combinazione di sconto del prodotto è sempre attiva. Nota anche che a causa di Shopify restrizioni, questa impostazione si applica a livello globale a tutte le nuove offerte Quantità Break. --- ## **🌍 Mercati multipli & Traduzione** Qui sotto Impostazioni che troverete anche: * **Mercati multipli** → impostare prezzi specifici per il mercato per l'offerta * **Traduzione:** → tradurre testi widget per le lingue aggiuntive del tuo negozio ℹ️ Questi sono facoltativi e non necessari per ottenere la vostra offerta dal vivo — sono coperti nelle loro guide dedicate. --- # **🎯 Fase 6 — Targeting & Placement (opzionale)** Passare al **Targeting & Placement** scheda per controllare dove appare il widget e chi lo vede. --- ## **📍 Luogo** * **Aggiungi al pulsante Cart (Default)** → il widget viene posto automaticamente — consigliato per la maggior parte dei negozi * **Personalizzato (solo sulla pagina del prodotto)** → posizionare il widget ovunque ti piace nella pagina del prodotto Se scegli **Personale**, l'app ti dà due cose **dopo aver salvato**: * **Hoppy bundles ID** → usarlo per aggiungere / riposizionare Hoppy Bundles blocco app nel tuo editor tema * **Hoppy bundles codice** → un piccolo `
` puoi incollare ovunque nel tuo codice tema ℹ️ Fino a che l’offerta non venga salvata una volta, vedrai “Salva di vedere Hoppy bundles ID e codice snippet”. --- ## **👤 Obiettivo del cliente & 🌍 Geolocalizzazione Targeting** Queste sezioni opzionali consentono di: * Mostra l'offerta solo per **clienti connessi** * Mostra o nascondi l'offerta basata su **tag del cliente** o **durata della vita** * Limitare l'offerta **Paesi specifici** (default) **Tutto il mondo**) C’è anche un **Scheduling** sezione per impostare una **inizio** e **fine** data/ora per l'offerta — utile per vendite flash ⏰ ℹ️ Tutte queste sono facoltative. Se li salti, l'offerta mostra semplicemente a tutti, ovunque, subito. Il targeting avanzato è coperto in dettaglio nella propria guida dedicata. --- # **🎨 Scheda di progettazione (opzionale)** The **Design** scheda controlla lo stile visivo del widget: * **Tipografia e colore** → font family, formati di testo, pesi e colori per ogni elemento * **Variante** → piccolo / medio / grande dimensionamento per selettori varianti * **Border** → larghezza di confine e cursori raggio angolo 💡 Ogni cambiamento riflette istantaneamente nell'anteprima dal vivo sulla destra — sia nella **desktop desktop** e **mobile mobile** pannelli di anteprima. ℹ️ I predefiniti sembrano già grandi fuori dalla scatola, quindi questo passaggio è completamente facoltativo. Styling è coperto in profondità nella guida dedicata al design. --- # **✅ Passo finale — Salva e Pubblica** Una volta che tutto sembra buono in anteprima: 1. Fare clic **Salva** nella barra di salvataggio in cima alla pagina 2. Fare clic **Pubblicazione** per rendere viva l'offerta ⚠️ **Nota:**: * The **Pubblicazione** pulsante è disabilitato mentre l'offerta è nuova — **salvare prima**, poi pubblica. * L'editoria crea un **sconto automatico** nel tuo **Shopify Admin → Sconti**. Questo è ciò che effettivamente applica i prezzi di livello al momento del checkout — non eliminare o modificare manualmente. * Se l'app incorporata non è abilitata nel tuo tema, un banner apparirà dopo aver salvato con un **Abilitare App Embed** pulsante di scelta rapida — fare clic su di esso, attivare il incorporato, e salvare il tema. * Se la pubblicazione fallisce perché un'altra offerta pubblicata copre già lo stesso prodotto o la stessa collezione, converte l'offerta esistente a un progetto prima, poi pubblica di nuovo. La vostra offerta Quantità Break è ora live 🚀 --- # **🎉 Risultato finale** Una volta configurato con successo: ✅ I clienti vedono i livelli di quantità direttamente sulla pagina del prodotto ✅ Sconti si applicano automaticamente al checkout ✅ Tier, tag e etichette si aggiornano istantaneamente dall'app ✅ Il widget corrisponde al tuo tema con il layout e i colori che hai scelto Ecco come il widget finito guarda sul negozio — piastre pulite, risparmi chiari e selezione di un clic ✨ --- 💡 Vuoi eseguire un “Buy 2 Get 1 Free” affare invece? Creare un nuovo **BOGO** offerta dalla pagina tipo offerta — utilizza lo stesso flusso di configurazione che hai appena imparato, con i livelli BOGO pre-riempiti per te.