Questo articolo è disponibile anche in:

🛍️ Come Preparare PopUps

ℹ️ 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 aumentare il valore medio dell'ordine suggerendo i prodotti giusti al momento giusto? 🚀


Upsell PopUps ti consente di consigliare prodotti direttamente all'interno di un popup — sia attraverso suggerimenti alimentati dall'IA o oggetti selezionati a mano — in modo che gli acquirenti possono aggiungere di più al loro carrello senza lasciare la pagina.


Questa guida ti passa attraverso l'intera configurazione in modo da poter lanciare il tuo primo Upsell PopUp in pochi minuti.



✅ Prima di iniziare — Abilitare l'App Embed


Per qualsiasi popup da apparire 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 → Modifica Tema → App Embeds


Allora:


  • Trova Hoppy Popups
  • Toggle it ON
  • Fare clic Salva


ℹ️ Senza questo passo, il tuo popup non renderà sul negozio anche dopo la pubblicazione.



⚙️ Passo 1 — Creare un nuovo Upsell PopUp


Aprire Hoppy PopUps app.


Allora:


→ Cliccare Crea nuovo popup


→ Selezionare Upsell PopUp dall'elenco dei tipi di popup.


La pagina di configurazione si aprirà automaticamente con i campi su misura per le campagne di upsell.



📝 Passo 2 — Configurare il contenuto


Dopo aver aperto la pagina di installazione, atterrate all'interno Contenuto scheda. Questa sezione controlla ciò che i visitatori vedono e come interagiscono con il popup.



🏷️ Nome popup


Questo campo viene utilizzato solo per scopi interni. I clienti non vedranno mai questo nome.


È possibile utilizzare qualsiasi nome riconoscibile come:


  • Campagna d'estate
  • Black Friday Booster
  • Raccomandazione prodotto Funnel
  • Check-out


💡 Utilizzando il nome interno corretto rende più facile identificare le impostazioni in seguito, soprattutto se il tuo negozio esegue più campagne.



💬 Titolo & Descrizione


Questi appaiono nella parte superiore del popup e dovrebbero comunicare chiaramente il valore.


Esempio


  • Titolo: "Completa il tuo look"
  • Descrizione: "I clienti hanno acquistato anche questi articoli"


Puoi personalizzarli per abbinare la tua voce di campagna.



❌ Chiudi Icona


The Chiudi Icona impostazione consente di controllare se i clienti possono chiudere manualmente il popup.


Questa funzione include un'opzione checkbox/toggle che può:


  • ✅ Mostra l'icona Chiudi
  • ❌ Nascondi l'icona Chiudi


Quando abilitato:


→ I clienti vedranno una stretta icona sul popup
→ I clienti possono licenziare manualmente il popup ogni volta che vogliono


Quando disabili:


→ L'icona vicina non apparirà
→ I clienti non saranno in grado di chiudere manualmente il popup utilizzando il pulsante di chiusura


⚠️ Importante:


Disabilitare la Close Icon può aumentare la visibilità popup, ma può anche influenzare l'esperienza del cliente se il popup diventa difficile da licenziare.


In genere consigliamo di mantenere il Close Icon abilitato a meno che una specifica campagna non richieda altrimenti.



🖱️ Pulsante Click Behavior


ℹ️ Questa opzione è disponibile solo quando "Show Email Field" & "Show Phone Number Field" sono deselezionati.


Ti permette di controllare cosa succede quando un visitatore clicca sul pulsante CTA all'interno del popup. Si occupa di:


  1. Vicino Popup — il popup si chiuderà
  2. Reveal Codice Coupon — il codice coupon sarà rivelato al visitatore, ma si avrà impostare il codice Coupon come descritto sopra nella sezione "Mostra codice coupon".
  3. Redirect to Link — selezionare questo ti darebbe un campo di input chiamato "Link" dove è possibile specificare l'URL a cui il visitatore verrà reindirizzato



☁️ Pulsante d'azione galleggiante


Puoi aggiungere un Pulsante d'azione galleggiante che rimane visibile sulla pagina in modo che i visitatori possano riaprire il popup dopo averlo chiuso.


Scegli una posizione:


  • In basso a destra
  • In basso a sinistra
  • Schermo a destra
  • Schermo a sinistra


Allora entra in Testo del pulsante — ad esempio "Offerta aperta", "Offerta Verde", o "Learn More".


Per disabilitare completamente il pulsante galleggiante, selezionare Disattivare il pulsante di azione galleggiante.



🔄 Fase 3 — Configurare i prodotti Upsell


Spostati Su! scheda per controllare quali prodotti sono consigliati all'interno del popup.


Questo è il cuore del vostro Upsell PopUp — qui è dove si decide ciò che gli acquirenti vedono.



📦 Tipo di montaggio


Selezionare come le raccomandazioni del prodotto devono essere generate:


  • AI Upsell (Frequently Bought Together) — usi ShopifyIl motore di raccomandazione per suggerire automaticamente prodotti correlati o complementari basati su ciò che il cliente sta visualizzando.


ℹ️ Questa opzione non funzionerà sulla home page perché dipende dal contesto del prodotto.


  • Prodotti specifici — scegliere manualmente i prodotti esatti che si desidera raccomandare.
  • Upsell Collezioni specifiche — esposizione di prodotti provenienti da collezioni selezionate.
  • Upsell Stesso prodotto (come sulla pagina del prodotto) — mostra lo stesso prodotto che il cliente sta attualmente visualizzando, utile per incoraggiare acquisti su base quantitativa.




🎯 Tipo di raccomandazione (solo AI Upsell)


Se selezionato AI Upsell, scegliere lo stile di raccomandazione:


  • Prodotti correlati — suggerisce elementi simili a quello in contesto
  • Prodotti complementari — suggerisce elementi che accoppiano bene insieme


È possibile gestire queste raccomandazioni utilizzando Shopify's Search & Discovery app.



🖼️ Layout Griglia prodotto


Controllare come vengono visualizzati i prodotti upsell:


  • Numero di colonne in desktop — quanti prodotti appaiono fianco a fianco sul desktop
  • Numero di colonne in mobile — quanti prodotti appaiono fianco a fianco sul mobile



🔢 Numero massimo di prodotti


Impostare il numero massimo di prodotti da mostrare nella griglia di upsell. Questo aiuta a mantenere il popup pulito e concentrato.


💡 Disponibile quando si utilizza AI Upsell o Specific Collections.



🛒 Pulsante d'azione


Configurare il testo del pulsante upsell per due stati:


  • Pulsante Testo (Prima di aggiungere al carrello) — ad esempio "Add to Cart"
  • Pulsante Testo (dopo aggiungere al carrello) — ad esempio "Add Another"


Questo dà ai clienti un feedback chiaro dopo che interagiscono con una raccomandazione.



🎨 Passo 4 — Progettare il vostro PopUp (opzionale)


Passare al Design scheda per regolare:


  • Posizione popup, dimensione e animazione
  • Colori di sfondo, gradienti o immagini
  • Fonti, stili del pulsante e raggio d'angolo


💡 Puoi saltare questo passaggio se l'aspetto predefinito corrisponde già al tuo negozio.


Per un percorso completo di tutte le opzioni di progettazione, vedere la documentazione dedicata PopUps - Design & Styling [Link].



🖱️ Passo 5 — Impostare il trigger e le regole di visualizzazione


Spostati Luogo / Chirurgia scheda per controllare quando e dove appare il tuo Upsell PopUp.


Impostazioni chiave che incontrerai:


  • Tipo di prova — Dopo il tempo, Scroll di pagina, Exit-intent, Aggiungi al carrello pulsante cliccato o Dopo le viste di pagina
  • Frequenza di visualizzazione — Mostrare ogni volta, una volta per visita, o limitare con un cooldown
  • Obiettivo della pagina — Ogni pagina, solo casa, prodotti specifici, collezioni o tag
  • Obiettivo del cliente — Stato di accesso, tag dei clienti, durata della vita
  • Geolocalizzazione — Tutti i paesi del mondo o specifici
  • Scheduling — Date di inizio e fine opzionali


Per spiegazioni approfondite di ogni opzione di destinazione, vedere la documentazione dedicata PopUp Advanced Targeting Options [Link].



✅ Passo 6 — Salva e Pubblica


Una volta tutto sembra buono:


  1. Fare clic Salva per memorizzare la configurazione
  2. Fare clic Pubblicazione per rendere il popup live sul tuo negozio



⚠️ Salvare da solo non rende il popup visibile ai clienti. Devi pubblicarlo.


Se l'app incorporata non è ancora abilitata, un banner ti ricorderà di attivarlo nel tuo Shopify editor di temi.



🎉 Risultato finale


Una volta configurato con successo:


✅ I visitatori vedono le raccomandazioni relative ai prodotti all'interno del popup
✅ Le email e i numeri di telefono vengono raccolti automaticamente (se abilitati)
✅ Gli acquirenti possono aggiungere prodotti upsell direttamente al carrello
✅ Il popup rispetta le regole di destinazione, la pianificazione e le impostazioni del dispositivo
✅ Il valore medio dell'ordine migliora attraverso suggerimenti di prodotti intelligenti


Il tuo Upsell PopUp è ora vivo e pronto a crescere le tue vendite 🚀


Aggiornato il: 10/09/2026

È stato utile questo articolo?

Condividi il tuo feedback

Annulla

Grazie!