ℹ️ 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 🚀

Aggiornato il: 10/09/2026