> ## 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 impostare Bundles Offerta per il posizionamento personalizzato

> ℹ️ **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 la tua offerta di pacchetti per apparire _esattamente esattamente_ dove si desidera sulla pagina del prodotto — non solo sotto il pulsante Aggiungi al carrello? 🎯

Questo è esattamente ciò che **Posizionamento personalizzato** opzione in Hoppy Bundles è progettato per.

Per impostazione predefinita, ogni offerta di pacchetti viene mostrata **sotto il tasto Aggiungi al carrello** automaticamente. Ma con Custom Placement, è possibile posizionare l'offerta ovunque nella pagina del prodotto utilizzando sia:

*   🧩 The **Hoppy Blocco dell'app Bundle** dentro Shopify editor tema (non è necessario codificare!)
*   📝 Un piccolo **codice** incollato nel vostro codice tema o una sezione liquida personalizzata

Questa guida ti accompagna attraverso entrambi i metodi passo dopo passo ✨

---

# **🤔 Quando si dovrebbe utilizzare il posizionamento personalizzato?**

Il posizionamento personalizzato è utile quando si desidera:

*   Mostra l'offerta bundle **sopra** il pulsante Aggiungi al carrello
*   Posizionare l'offerta accanto alla descrizione del prodotto, immagini o recensioni
*   Spostare l'offerta più bassa sulla pagina — per esempio sotto i dettagli del prodotto
*   Avere il pieno controllo sulla posizione esatta all'interno del layout a tema

ℹ️ Lavori di posizionamento personalizzati **solo sulla pagina del prodotto**. Altre pagine non sono interessate da questa impostazione.

---

# **✅ Prima di iniziare**

Prima di impostare un posizionamento personalizzato, assicurarsi di avere:

*   ✅ The **Hoppy Bundles** app installata sul tuo negozio
*   ✅ A **Bundle offerta** già creato (o crearne uno nuovo)
*   ✅ The **App Embed** abilitato nel vostro tema (vedere il passo successivo)

💡 Gli stessi passaggi funzionano anche per **Quantità di rottura** offerte — la sezione Posizionamento guarda e si comporta esattamente la stessa.

---

# **⚙️ Passo iniziale — Abilitare l'app incorporato**

Per l'offerta bundle di apparire ovunque 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 **Bulk offerta di sconto** (il Hoppy Bundles embed)
*   \# Toggle it on #
*   Fare clic **Salva**

⚠️ Senza l'app embed abilitato, né il posizionamento predefinito né il posizionamento personalizzato verrà visualizzato sul tuo negozio.

---

# **🛠️ Passo 1 — Seleziona posizione personalizzata nella tua offerta**

Aprire **Hoppy Bundles** app e aprire il pacchetto offerta che si desidera posizionare manualmente.

Allora:

1.  Vai al **Targeting & Placement** scheda
2.  Scroll down to the **Luogo** sezione
3.  Nel menu a tendina, selezionare **Personalizzato (solo sulla pagina del prodotto)** invece di _Aggiungi al pulsante Cart (Default)_

---

# **💾 Passo 2 — Salvare l'offerta prima**

Questo passo è importante ⚠️

The **Hoppy bundles ID** e il **codice** sono generati solo **dopo che l'offerta viene salvata**.

Se si seleziona _Personale_ posizionamento su un'offerta nuova di zecca (non assegnata), vedrai questo messaggio invece:

> _Salva per vedere Hoppy bundles ID e codice snippet_

Quindi...

1.  Fare clic **Salva** in cima alla pagina
2.  Torna a **Targeting & Placement → Posizionamento**

Ora vedrai due cose 👇

---

# **🆔 Passo 3 — Copia il Hoppy bundles ID & Codice Snippet**

Una volta salvato, la sezione Posizionamento mostra:

*   **Hoppy bundles ID** → un ID unico per questa offerta specifica, con una copia icona accanto ad esso
*   **Hoppy bundles codice** → un snippet HTML pronto all'uso, anche con un'icona di copia:

Traduzione:

ℹ️ Ogni offerta ha un proprio ID unico. Se crei più offerte di bundle, assicurati di copiare l'ID/snippet da quello corretto.

È ora possibile inserire l'offerta utilizzando **o** dei due metodi sottostanti 👇

---

# **🧩 Metodo 1 — Posizionare l'offerta utilizzando il blocco dell'app dell'editor tema (consigliato)**

Questo è il metodo più semplice — nessuna codifica richiesta 🎉

The Hoppy bundles blocco app può essere aggiunto, rimosso, riposizionato e personalizzato attraverso l'editor tema utilizzando il tuo ID Bundle.

Seguire questi passaggi:

1.  Vai a **Shopify Admin → Online Store → Temi → Modifica Tema**
2.  Nella parte superiore dell'editor tema, passare il selettore di pagina a **Prodotti → Prodotto predefinito** (o il modello di prodotto che usi)
3.  Nella barra laterale sinistra, fare clic **Aggiungi blocco** all'interno della sezione Prodotto
4.  Sotto **Apps** scheda, selezionare **Hoppy Bundle**
5.  Nelle impostazioni del blocco, incolla il tuo **ID Bundle** nel **ID Bundle** campo
6.  Trascinare il blocco su o giù per posizionarlo esattamente dove si desidera che l'offerta di apparire
7.  Fare clic **Salva**

⚠️ Se si lascia vuoto il campo ID Bundle, il blocco mostrerà un _“Si prega di configurare l'ID per utilizzare App Block”_ avvertire invece della vostra offerta — quindi non dimenticate di incollare l'ID!

💡 È possibile riposizionare il blocco in qualsiasi momento semplicemente trascinandolo nell'editor tema — l'offerta seguirà la posizione del blocco sulla pagina.

---

# **📝 Metodo 2 — Posizionare l'offerta utilizzando il codice Snippet**

Utilizzare questo metodo se si desidera inserire l'offerta all'interno di un punto specifico nel codice tema, o all'interno di un **Liquido personalizzato** sezione/blocco.

## **Opzione A — Utilizzo di un blocco liquido personalizzato nell'editor tema**

1.  Vai a **Shopify Admin → Online Store → Temi → Personalizza**
2.  Passa al tuo **modello di prodotto**
3.  Fare clic **Aggiungi blocco** o **Aggiungi sezione**) → scegliere **Liquido personalizzato**
4.  Incolla il frammento del codice dal passo 3:

Traduzione:

5.  Posizionare il blocco in cui si desidera l'offerta di apparire
6.  Fare clic **Salva**

## **Opzione B — Direttamente nel vostro codice tema**

1.  Vai a **Shopify Admin → Online Store → Temi → apparenza (tre punti) → Modifica codice**
2.  Apri il file modello di prodotto — di solito qualcosa come `product.liquid`♪ `main-product.liquid`, o un file di sezione del prodotto JSON (il file esatto dipende dal tuo tema)
3.  Incolla il cecchino esattamente dove si desidera che il pacchetto offerta di rendere:

Traduzione:

4.  Fare clic **Salva**

⚠️ Modificare il codice tema direttamente può rompere il layout se fatto in modo errato. Se non sei comodo codice di editing, utilizzare **Metodo 1** o **Opzione A** invece — o duplicare il tema prima come backup.

---

# **📌 Note importanti e avvisi**

*   ⚠️ **Salva prima!** Il Bundle ID e snippet appaiono solo dopo che l'offerta è stata salvata almeno una volta.
*   ⚠️ Lavori di collocamento personalizzati **solo sulla pagina del prodotto** — l'offerta non sarà iniettata in posizioni personalizzate su altre pagine.
*   ⚠️ Assicurarsi che **App Embed** è abilitato nel vostro tema, altrimenti lo snippet/block rimarrà vuoto sul negozio.
*   ℹ️ Il cecchino deve tenere il nome esatto della classe `futureblink-bundle-block` e la vostra offerta unica `id` — non rinominarli, altrimenti l'app non troverà il contenitore.
*   ℹ️ Ogni offerta di pacchetti ha la sua **proprio ID unico**. Copiare il cecchino da un'offerta e aspettare un'altra offerta per presentarsi non funzionerà.
*   💡 Se si passa alla rovescia di Placement **Aggiungi al pulsante Cart (Default)**, l'applicazione renderà l'offerta automaticamente di nuovo — nessun ID o snippet necessario.

---

# **🎉 Risultato finale**

Una volta configurato tutto:

✅ La vostra offerta di pacchetti appare nella posizione esatta che avete scelto nella pagina del prodotto ✅ È possibile riposizionarlo in qualsiasi momento dall'editor tema (metodo App Block) ✅ L'offerta rimane completamente dinamica — prezzi, sconti e varianti aggiornamento in tempo reale ✅ Il layout della pagina del prodotto sembra esattamente il modo in cui l'hai progettato ✨

Utilizzo della dogana Posizionamento ti dà il controllo completo su dove il tuo bundle offre in diretta sulla pagina - in modo da adattarsi perfettamente al design del tuo negozio e flusso di shopping 🚀