ℹ️ 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 eseguire un classico “Buy 1 Get 1 Free” affare — o qualsiasi Buy X Get Y variazione — senza toccare codici sconto? 🎁

Questo è esattamente ciò che BOGO (Buy One Get One) offerta in Hoppy Bundles è progettato per.

Con questo tipo di offerta, è possibile creare offerte come:

• 🛒 Acquista 1 → Prezzo standard
• 🎉 Acquista 2 → Ottenere 1 Gratis
• 🔥 Acquista 3 → Ottenere 1 Gratis

—e visualizzarli come un widget pulito e cliccabile direttamente sulla pagina del prodotto.

I clienti semplicemente scegliere l'affare che amano, e lo sconto articolo gratuito viene applicato automaticamente al momento del checkout ✨

ℹ️ BOGO utilizza la stessa schermata di configurazione come Quantità di rottura offerta — si apre appena pre-riempita con le piastre in stile BOGO e Sì! È BOGO modello, in modo da non iniziare mai da una pagina vuota.

📍 Dove appare il BOGO Widget

Il widget BOGO 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).

ℹ️ L'articolo gratuito è aggiunto e scontato automaticamente al checkout — i clienti non hanno bisogno di aggiungere l'elemento libero al carrello stesso o inserire qualsiasi codice sconto.

🛠️ Esempio Setup utilizzato in questa documentazione

In questa documentazione, configuraremo la seguente struttura BOGO (questo è esattamente ciò che Hoppy Bundles pre-riempimento per voi):

• 🛒 1 Coppia → Prezzo standard (Nessun sconto)
• 🎉 Acquista 2 Get 1 → il terzo elemento è gratuito
• 🔥 Acquista 3 Get 1 → il quarto elemento è gratuito

L'offerta sarà applicata a prodotti specifici e visualizzato utilizzando il pre-selezionato Sì! È BOGO modello.

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 BOGO 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 offerta BOGO

Aprire Hoppy Bundles app dalla tua Shopify Admin.

Allora:

→ Cliccare Crea una nuova offerta per aprire la pagina di selezione tipo offerta.

→ Trova il BOGO (Buy One Get One) carta “Acquista un prodotto e ottieni un altro libero o scontato” — e cliccare Crea un'offerta BOGO.

💡 Vuoi il cliente per acquistare una quantità fissa e ottenere un prodotto diverso a uno sconto invece? The Acquista X Get Y la scheda proprio accanto a esso apre la stessa configurazione con i livelli pre-riempiti per quel flusso (ad esempio “Buy 2 Get 3”).

🧩 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:

• Estate BOGO vendita
• T-Shirt Acquista 2 Get 1
• Venerdì nero BOGO

💡 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 applica l'accordo BOGO.

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.

⚠️ ImportanteSolo una offerta pubblicata è consentito per prodotto o collezione. Se un'altra offerta pubblicata copre già lo stesso prodotto, è necessario convertire quello a una bozza prima di pubblicare questo.

🎨 Passo 3 — Scegli un modello

Il prossimo, vedrete il Seleziona la tua offerta preferita sezione con una fila di modelli di widget pronti.

Perché hai iniziato dalla carta BOGO, la Sì! È BOGO modello (quello viola) 💜) è già pre-selezionato per voi — si può semplicemente tenerlo.

Puoi anche scegliere un punto di partenza diverso:

• Bundle & Salva → costruire uno da zero
• Offerta di tempo limitato → tinte a tema arancione
• Flash Sale Madness! → tinte a tema rosa
• Sì! È BOGO → piastre BOGO a tema viola (pre-selezionato)

Una volta che sei soddisfatto della selezione, clicca Applicare il modello selezionato.

⚠️ Il pulsante di applicazione rimane disabilitato finché non hai selezionato almeno un prodotto o una collezione (quando Applicare l'offerta è impostato su Prodotto o Collezione).

Dopo l'applicazione, l'editor completo si apre con un anteprima live sulla destra — entrambi desktop desktop e mobile mobile — che si aggiorna istantaneamente mentre si modificano le impostazioni ✨

⚙️ Passo 4 — Configurare il vostro BOGO Tiers (scheda generale)

Questo è dove il tuo accordo BOGO prende forma. Vedrai i tuoi livelli come schede — Offerta 1♪ Offerta 2♪ Offerta 3 — ciascuno un affare cliccabile sul widget storefront.

✏️ Nome dell'offerta & offerta selezionata

Nella parte superiore della scheda Generale, una piccola scheda riassuntiva mostra la tua Nome dell'offerta (cliccare il ✏️ icona per rinominarlo) e la tua Offerta selezionata modello.

📐 Telaio modello

Scegli come vengono visualizzati i livelli:

• Verticale → livelli impilati sopra l'un l'altro (default)
• Orizzonte → tiers fianco a fianco

Con il Verticale layout, si ottiene anche un Scegli un tema opzione con preset di colore rapido (blu, rosso, verde).

🎁 Modifica offerta - Il tuo BOGO Tiers

Ogni scheda di livello ha le proprie impostazioni. Ecco cosa fa ciascuno per una configurazione BOGO:

💸 Tipo di sconto

Questa discesa è il cuore del tuo livello. Le opzioni BOGO-relevant sono:

• Nessun sconto → gli articoli sono venduti a prezzo standard (perfetto per il vostro livello di base “1 Pair”)
• BOGO (Buy One Get One) → acquistare la quantità di livello, ottenere l'elemento extra(i) del stesso prodotto gratis
• Acquista X Get Y Gratis → acquistare la quantità di livello, ottenere un prodotto diverso (il prodotto “Y” gratuito)

Gli altri tipi di sconto (% Sconto♪ Sconto appartamento♪ Su ogni unità sconto piatto♪ Prezzo specifico) anche lavorare qui se si desidera mai un widget misto — ad esempio un BOGO tier più un “20% OFF” livello.

🔢 Quantità + Acquistare / ottenere

The Quantità controlli sul campo quanti elementi aggiunge il cliente quando sceglie questo livello — e per i livelli BOGO, imposta anche il Comprare importo automatico.

• Con BOGO (Buy One Get One) selezionato, vedrai Comprare e Vai! scatole invece di un valore di sconto. Entrambi sono in sola lettura: Comprare sempre corrisponde alla quantità di livello, e Vai! è fissato a 1 elemento gratuito.
• Con Acquista X Get Y Gratis selezionato, Comprare segue la quantità di livello, ma Vai! è modificabile — in modo da poter offrire “Buy 2, Get 3” offerte di stile.

💡 Vuoi un classico Acquista 1 ottenere 1 gratis? Basta impostare un livello Tipo di sconto a BOGO (Buy One Get One) e la sua Quantità a 1 — fatto.

🎁 Ottenere prodotto (Acquista X ottenere Y solo gratis)

Quando un tier usa Acquista X Get Y Gratis, un extra Ottieni il prodotto appare la sezione.

Fare clic Selezionare Y Prodotto per aprire il raccoglitore di risorse e scegliere il prodotto gratuito che il cliente riceve.

ℹ️ È così che si fa “Acquistare una felpa, ottenere un cappello libero”. Con la pianura BOGO (Buy One Get One) tipo, l'elemento libero è sempre più del stesso prodotto, quindi nessun prodotto Y è necessario.

🏷️ Offerta Titolo, Sconto Etichetta e Tag

• Titolo dell'offerta → il testo principale del livello, ad esempio. Acquista 2 Get 1
• Etichetta di sconto → il testo di risparmio mostrato sul livello, ad esempio. Acquista 2 get 1 — fare clic su 👁️ icona per nasconderlo
• Tag: → un piccolo distintivo di evidenziazione, ad esempio. Più popolari — anche occultabile con 👁️ icona icona

💡 I livelli pre-riempiti dicono già “Buy 2 Get 1” e “Buy 3 Get 1” — basta modificare la formulazione per abbinare la voce del vostro marchio.

🎁 Regalo gratuito (opzionale)

Tick the Regalo gratuito casella di controllo su qualsiasi livello, quindi fare clic Seleziona i prodotti collegare prodotti regalo extra gratuiti a quella piastrella — in cima al BOGO prodotto libero stesso.

➕ Aggiungi / 🗑️ Eliminare i livelli

• Fare clic Aggiungi l'offerta aggiungere un altro livello (massimo 6 Tiers)
• Fare clic Cancella per rimuovere il livello corrente (almeno 2 sono richiesti)

📰 Titolo del blocco e testo del piè di pagina

• Titolo del blocco → la voce sopra il widget. È pre-riempita con “Offerta BOGO” — cambiarlo a qualsiasi cosa ti piaccia, o nasconderlo con 👁️ icona icona
• Testo del piè di pagina → una piccola linea sotto i livelli (default: Spedizione gratuita), anche nascosto

🛠️ Passo 5 — Configurare le impostazioni

Ancora sulla Generale scheda, la Impostazioni impostazioni la scheda controlla come il widget si comporta.

👀 Aspetto e aspetto

• Mostra il prezzo unitario → visualizzare il prezzo per-item all'interno di ogni livello
• Mostra il prezzo totale → visualizzare il prezzo totale del livello
• Nascondi le linee di intestazione e piè di pagina → rimuove l’intestazione del widget/linee del divisore dei piedi
• Utilizzare il testo personalizzato per Out of Stock → mostra il proprio messaggio quando il prodotto è esaurito (un campo di testo appare sotto quando abilitato)

⚙️ Funzionalità

• Consente ai clienti di scegliere diverse varianti per ogni articolo → utile per BOGO — ad esempio acquistare 2 camicie, scegliere un formato / colore diverso per ciascuno, e ancora ottenere il libero
• Visualizza widget qui sotto aggiungi al carrello → mantiene il widget ancorato sotto il pulsante Aggiungi al carrello
• Salta il carrello direttamente al checkout → invia i clienti direttamente al checkout quando scelgono un livello
• Sconto volume (Escludi Max Sconto per tutte le quantità) → consente ai clienti di acquistare articoli aggiuntivi oltre il livello più alto allo stesso tasso di sconto massimo
• Mostra confronto al prezzo → mostra il prezzo di comparazione, che lo consente rivela Prezzo di confronto personalizzato e Shopify prezzo del prodotto campi

🔄 Attiva combinazione di sconto

• Ordina sconti → consentire questa offerta di combinare con sconti di livello ordine
• Sconti di spedizione → consentono di combinare con sconti di spedizione

ℹ️ Gli sconti del prodotto si combinano sempre. A causa di Shopify restrizioni, questa impostazione di combinazione si applica a livello globale a tutte le nuove offerte basate su quantità (compreso BOGO).

🌍 Mercati multipli & Traduzione

Più in basso troverete Mercati multipli (diversi livelli per mercato) e Traduzione: (widget text nelle altre lingue del tuo negozio). Entrambi sono opzionali e coperti dalle proprie guide dedicate.

🎯 Fase 6 — Targeting & Placement (opzionale)

The Targeting & Placement tab controlla dove e a chi l'offerta mostra.

📍 Luogo

• Aggiungi al pulsante Cart (Default) → nessun lavoro extra necessario
• Personalizzato (solo sulla pagina del prodotto) → dopo il salvataggio, si otterrà il vostro Hoppy bundles ID e copiabile codice per cadere ovunque nel tuo tema

👤 Obiettivo del cliente & 🌍 Geolocalizzazione Targeting

• Mostra o nascondi l'offerta basata su stato di login, tag dei clienti, o importo totale speso
• 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 — perfetto per un weekend BOGO vendita 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.

ℹ️ Il prescelto Sì! È BOGO modello già sembra grande 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 gli elementi gratuiti al 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 BOGO è ora live 🚀

🎉 Risultato finale

Una volta configurato con successo:

✅ I clienti vedono i tuoi tier BOGO direttamente sulla pagina del prodotto ✅ Gli articoli gratuiti sono aggiunti e scontati automaticamente al momento del checkout ✅ Tier, tag e etichette si aggiornano istantaneamente dall'app ✅ Il widget corrisponde al tuo tema con il modello e i colori che hai scelto

Ecco come il widget finito guarda sul negozio — chiare offerte BOGO, selezione di un clic, e gli elementi gratuiti applicati automaticamente al checkout ✨

💡 Vuoi l'articolo gratuito per essere un prodotto diverso invece di più della stessa? Modifica un livello, cambialo Tipo di sconto a Acquista X Get Y Gratis, e scegliere il prodotto gratuito con Selezionare Y Prodotto — non c'è bisogno di ricominciare.

Aggiornato il: 10/09/2026