ℹ️ 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♪ Prodottoe 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♪ Rossoe 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 <div> 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.

Aggiornato il: 10/09/2026