Anteprima dal vivo del prodotto per Shopify

Mostra testo, caricamenti, colori e grafiche dei componenti già preparate in un'anteprima 2D a livelli del prodotto, prima del checkout.

Esempio di anteprima dal vivo

Risposta diretta

Personalizzatore di prodotti Shopify con anteprima dal vivo

Un'anteprima dal vivo del prodotto mostra le scelte supportate del cliente su un'immagine di prodotto preparata, prima del checkout. Podifai collega input e valori selezionati ad anteprime 2D a livelli e a Multiple Views configurate. Quando attiva, la generazione dei file di stampa esporta separatamente il testo incluso e la grafica caricata dal cliente come PNG trasparenti.

Limite attuale: Podifai mostra anteprime 2D a livelli e supporta Multiple Views per le superfici di prodotto configurate. Non offre 3D interattivo né AR. Quando la generazione dei file di stampa è attiva, esporta il testo incluso e i caricamenti del cliente come PNG trasparenti, escludendo gli sfondi del prodotto e la grafica Image Swatch. Usa campi separati ed etichettati per i dettagli che non si possono rappresentare con precisione in una vista configurata.

Prova il negozio

Prova l’anteprima su tre prodotti diversi

Esplora iniziali, immagini e componenti in vere demo di negozio. Ogni esempio usa le proprie immagini preparate e regole delle opzioni.

Le iniziali separate formano AB sul ciondolo. Lunghezza della catena e materiale accompagnano i controlli del monogramma.
Le iniziali separate formano AB sul ciondolo. Lunghezza della catena e materiale accompagnano i controlli del monogramma.

Collana con monogramma

Scegli due iniziali, cambia il materiale e confronta le lunghezze della catena e i relativi supplementi indicati.

Prova Collana con monogramma ↗Configura i font per monogrammi

Perché l'anteprima dal vivo

Aiuta i clienti a capire il prodotto che stanno configurando

Senza un'anteprima, i clienti devono trasformare le etichette delle opzioni in un'immagine mentale. Un'anteprima 2D a livelli mostra la configurazione attuale prima del checkout.

Le etichette delle opzioni lasciano spazio all'interpretazione

  • 144 combinazioni, 5 foto

    Più combinazioni che foto del prodotto

    Otto font, sei colori e tre posizioni creano 144 combinazioni. Le foto statiche non possono mostrare ogni selezione possibile.

  • I clienti non riescono a immaginare il prodotto finale

    I clienti non riescono a immaginare il prodotto finale

    Catena d'oro, pendente di smeraldo, incisione in corsivo: non li hanno mai visti insieme. Senza un'anteprima dal vivo, comprano sperando.

  • Controllo dei dettagli del prodotto personalizzato prima dell'ordine

    I dettagli personalizzati vanno confermati

    Nomi, date, caricamenti, colori e posizioni sono più facili da controllare quando i clienti possono rivederli insieme prima di ordinare.

Mostra la vista 2D configurata

  • Composizione 2D in tempo reale

    Le selezioni supportate di testo, immagini, caricamenti, font, colori e charm aggiornano un'unica anteprima del prodotto a livelli.

  • Selezioni salvate con l'ordine

    L'anteprima riflette le scelte supportate e i dettagli di personalizzazione selezionati vengono salvati con l'ordine Shopify.

  • Controllo più chiaro prima del checkout

    I clienti possono rivedere la configurazione 2D attuale prima del checkout, invece di affidarsi solo ai nomi delle opzioni.

L'anteprima dal vivo funziona su qualsiasi prodotto

Scegli un segno zodiacale e guarda apparire subito sul ciondolo. I clienti scelgono il segno, vedono il risultato e comprano con fiducia.

Esempio di collana zodiacale personalizzata

Scegli un segno zodiacale, la lunghezza della catena e il metallo, e vedi il ciondolo in anteprima prima del checkout.

Visualizzazione nel negozio

Usa un personalizzatore di prodotti integrato o popup

Scegli quanto spazio serve al flusso di personalizzazione. Entrambe le modalità supportano Live Preview. Multiple Views richiede la modalità Popup; la visualizzazione integrata non permette di cambiare vista.

Personalizzatore integrato

Tieni le opzioni direttamente sulla pagina prodotto per configurazioni brevi e interazione immediata. La posizione integrata dipende di più dalla struttura della galleria prodotto del tema.

Personalizzatore popup

Mantieni compatta la pagina prodotto e sposta i flussi di personalizzazione più ampi in uno spazio dedicato. Il popup occupa tutto lo schermo su mobile e una finestra di dimensioni fisse su desktop.

Confronta la configurazione Popup e Inline

Un'app, due modi di mostrare l'anteprima

Scegli posizioni fisse o sequenziali in base al layout del prodotto e alle immagini preparate per l'anteprima.

Posizione singola

Usa una posizione fissa quando un livello di anteprima supportato appartiene a un'area definita, come le iniziali su un portafoglio o un'immagine su un prodotto.

Esempio di anteprima dal vivo con posizione singola

Posizione sequenziale

Usa posizioni sequenziali per le selezioni supportate che occupano posti successivi, come i charm scelti per un bracciale.

Esempio di creatore di charm con posizione sequenziale

Anteprima legata alla variante

Usa l'immagine della variante Shopify selezionata come sfondo

Quando le varianti Shopify definiscono un aspetto a magazzino, Live Preview può seguire l'immagine della variante attiva mantenendo allineati sopra di essa i livelli di personalizzazione.

Una sola configurazione dell'anteprima per tutti i colori delle varianti

  • Segue l'immagine assegnata alla variante Shopify attiva.
  • Mantieni coerenti composizione e proporzioni tra le immagini delle varianti.
  • Mostra testo, immagini e livelli delle opzioni supportati sopra lo sfondo.
Leggi la configurazione di Variant Image

Storefront Image Editor

Lascia che i clienti rifiniscano i livelli di anteprima supportati

Parti da un layout definito dal commerciante, poi lascia che i clienti spostino, ridimensionino o ruotino i livelli di testo e immagine supportati.

Sposta

Trascina il livello selezionato in una nuova posizione.

Ridimensiona

Cambia la scala del livello con le maniglie di dimensione.

Ruota

Adatta il livello a un'area del prodotto inclinata o non orizzontale.

Il ritaglio controllato dal cliente e le maschere a forma fissa non sono al momento disponibili. L'editor modifica solo il livello di anteprima.

Leggi la guida a Storefront Image Editor

Testo avanzato

Mantieni il testo personalizzato dentro l'area reale del design

Combina stile e controlli di layout perché nomi, messaggi e monogrammi restino leggibili al variare dell'input.

Testo curvo ed effetti

Mostra in anteprima nomi, messaggi e testo inciso lungo curve supportate, poi applica gli stili d'ombra supportati.

Larghezza fissa e ridimensionamento automatico

Questo controllo previsto manterrà il testo dell'anteprima in un'area definita al variare di ciò che scrive il cliente.

Allineamento a sinistra, al centro o a destra

Allinea il testo all'interno dell'area di anteprima configurata per il design del prodotto.

Scopri i monogrammi da due e tre lettere

Collega l’anteprima a un ordine utilizzabile

  1. 1. Configura la vista del cliente

    Collega testo, immagini del cliente e immagini delle opzioni a una tela 2D a livelli. Usa Multiple Views per le superfici configurate separatamente. Controlla lunghezza, contrasto e posizione del testo sul tuo prodotto reale.

    Configura l’anteprima
  2. 2. Controlla carrello e ordine

    Aggiungi al carrello una configurazione rappresentativa e controlla valori, costi aggiuntivi e link all’anteprima. Prima di lanciare il negozio, fai un ordine di prova e ispeziona la configurazione salvata che userà chi prepara la produzione.

    Controlla i dettagli dell’ordine
  3. 3. Prepara il passaggio alla produzione

    Se attiva, la generazione dei file di stampa esporta il testo e le immagini del cliente inclusi come PNG trasparente per ogni vista personalizzata. Sono esclusi gli sfondi del prodotto e le immagini Image Swatch. Controlla il file esportato in base al tuo processo di produzione; l’anteprima del negozio è un riferimento separato.

    Controlla contenuto e impostazioni del PNG

Storie dei clienti

Scopri come i commercianti usano Podifai

Esplora storie di clienti in inglese basate su prodotti e configurazioni reali.

Vedi tutte le storie dei clienti
Valutazione a 5 stelle dai clienti

Inizia a vendere prodotti personalizzati

Inizia gratis con 3 prodotti personalizzati. I piani a pagamento partono da $7.9/mese, senza commissioni sulle transazioni.