Previzualizare live a produsului pentru Shopify

Afișați textul, încărcările, culorile și grafica pregătită a componentelor într-o previzualizare 2D a produsului pe straturi, înainte de finalizarea comenzii.

Exemplu de previzualizare live

Răspuns direct

Personalizator de produse Shopify cu previzualizare live

O previzualizare live a produsului arată alegerile acceptate ale clientului pe o imagine de produs pregătită, înainte de finalizarea comenzii. Podifai leagă datele introduse și valorile selectate de previzualizări 2D pe straturi și de Multiple Views configurate. Când este activată, generarea fișierelor de imprimare exportă separat textul inclus și grafica încărcată de client ca PNG-uri transparente.

Limita actuală: Podifai redă previzualizări 2D pe straturi și acceptă Multiple Views pentru suprafețele de produs configurate. Nu oferă 3D interactiv sau AR. Când generarea fișierelor de imprimare este activată, exportă textul inclus și încărcările clientului ca PNG-uri transparente, excluzând fundalurile produsului și grafica Image Swatch. Folosiți câmpuri separate, etichetate, pentru detaliile care nu pot fi reprezentate cu precizie într-o vedere configurată.

Încercați magazinul

Încercați previzualizarea pe trei produse diferite

Explorați inițiale, imagini și componente în demo-uri reale de magazin. Fiecare exemplu folosește propriile imagini pregătite și reguli pentru opțiuni.

De ce previzualizare live

Ajutați clienții să înțeleagă produsul pe care îl configurează

Fără o previzualizare, clienții trebuie să transforme etichetele opțiunilor într-o imagine mentală. O previzualizare 2D pe straturi arată configurația curentă înainte de finalizarea comenzii.

Etichetele opțiunilor lasă loc de interpretare

  • 144 de combinații, 5 fotografii

    Mai multe combinații decât fotografii de produs

    Opt fonturi, șase culori și trei poziții creează 144 de combinații. Fotografiile statice nu pot arăta fiecare selecție posibilă.

  • Clienții nu își pot imagina produsul final

    Clienții nu își pot imagina produsul final

    Lanț auriu, pandantiv cu smarald, gravură cursivă: nu le-au văzut niciodată împreună. Fără o previzualizare live, cumpără sperând.

  • Verificarea detaliilor produsului personalizat înainte de comandă

    Detaliile personalizate necesită confirmare

    Numele, datele, încărcările, culorile și pozițiile sunt mai ușor de verificat când clienții le pot revedea împreună înainte de a comanda.

Afișați vederea 2D configurată

  • Compoziție 2D în timp real

    Selecțiile acceptate de text, imagine, încărcare, font, culoare și charm actualizează o singură previzualizare a produsului pe straturi.

  • Selecții salvate odată cu comanda

    Previzualizarea reflectă alegerile acceptate, iar detaliile de personalizare selectate sunt salvate odată cu comanda Shopify.

  • Verificare mai clară înainte de finalizarea comenzii

    Clienții pot revedea configurația 2D curentă înainte de finalizarea comenzii, în loc să se bazeze doar pe numele opțiunilor.

Previzualizarea live funcționează pentru orice produs

Alegeți un semn zodiacal și vedeți-l apărând instantaneu pe pandantiv. Clienții aleg semnul, previzualizează rezultatul și cumpără cu încredere.

Exemplu de colier personalizat cu zodia

Alegeți un semn zodiacal, lungimea lanțului și metalul și previzualizați pandantivul înainte de finalizarea comenzii.

Afișare în magazin

Folosiți un personalizator de produse încorporat sau pop-up

Alegeți cât spațiu are nevoie fluxul de personalizare. Ambele moduri acceptă Live Preview. Multiple Views necesită modul Popup; afișarea încorporată nu permite schimbarea vederii.

Personalizator încorporat

Păstrați opțiunile direct pe pagina de produs pentru configurații scurte și interacțiune imediată. Poziționarea încorporată depinde mai mult de structura galeriei de produs a temei.

Personalizator pop-up

Păstrați pagina de produs compactă și mutați fluxurile mai ample de personalizare într-un spațiu dedicat. Fereastra pop-up ocupă tot ecranul pe mobil și are dimensiune fixă pe desktop.

Comparați configurarea Popup și Inline

O singură aplicație, două moduri de previzualizare

Alegeți poziții fixe sau secvențiale, în funcție de aspectul produsului și de imaginile pregătite pentru previzualizare.

Poziție unică

Folosiți o poziție fixă atunci când un strat de previzualizare acceptat aparține unei zone definite, cum ar fi inițialele pe un portofel sau o imagine pe un produs.

Exemplu de previzualizare live cu poziție unică

Poziție secvențială

Folosiți poziții secvențiale pentru selecțiile acceptate care ocupă locuri succesive, cum ar fi charm-urile alese pentru o brățară.

Exemplu de creator de charm-uri cu poziție secvențială

Previzualizare în funcție de variantă

Folosiți imaginea variantei Shopify selectate ca fundal

Când variantele Shopify controlează un aspect aflat în stoc, Live Preview poate urmări imaginea variantei active, păstrând straturile de personalizare aliniate deasupra ei.

O singură configurare a previzualizării pentru toate culorile variantelor

  • Urmează imaginea atribuită variantei Shopify active.
  • Păstrați compoziția și raportul de aspect consecvente între imaginile variantelor.
  • Afișează text, imagini și straturi de opțiuni acceptate deasupra fundalului.
Citiți configurarea Variant Image

Storefront Image Editor

Lăsați clienții să ajusteze straturile de previzualizare acceptate

Porniți de la un aspect definit de comerciant, apoi lăsați clienții să mute, să redimensioneze sau să rotească straturile de text și imagine acceptate.

Mutare

Trageți stratul selectat într-o poziție nouă.

Redimensionare

Scalați stratul cu ajutorul mânerelor de dimensiune.

Rotire

Potriviți stratul la o zonă înclinată sau neorizontală a produsului.

Decuparea controlată de client și măștile cu formă fixă nu sunt disponibile momentan. Editorul modifică doar stratul de previzualizare.

Citiți ghidul Storefront Image Editor

Text avansat

Păstrați textul personalizat în zona reală a designului

Combinați stilul cu controalele de aspect, astfel încât numele, mesajele și monogramele să rămână lizibile pe măsură ce se schimbă datele introduse.

Text curbat și efecte

Previzualizați nume, mesaje și text gravat pe curbe acceptate, apoi aplicați stiluri de umbră acceptate.

Lățime fixă și redimensionare automată

Acest control planificat va păstra textul de previzualizare într-o zonă definită pe măsură ce se modifică datele introduse de client.

Aliniere la stânga, la centru sau la dreapta

Aliniați textul în zona de previzualizare configurată pentru designul produsului.

Descoperiți monogramele cu două și trei litere

Conectați previzualizarea la o comandă utilizabilă

  1. 1. Configurați vederea clientului

    Conectați textul, imaginile clientului și imaginile opțiunilor la o pânză 2D pe straturi. Folosiți Multiple Views pentru suprafețele configurate separat. Verificați lungimea, contrastul și poziția textului pe produsul dvs. real.

    Configurați previzualizarea
  2. 2. Verificați coșul și comanda

    Adăugați în coș o configurație reprezentativă și verificați valorile, costurile suplimentare și linkul de previzualizare. Înainte de lansarea magazinului, plasați o comandă de test și inspectați configurația salvată pe care o va folosi echipa de producție.

    Verificați detaliile comenzii
  3. 3. Pregătiți predarea către producție

    Când este activată, generarea fișierelor de imprimare exportă textul și imaginile clientului incluse ca PNG transparent pentru fiecare vedere personalizată. Fundalurile produsului și imaginile Image Swatch sunt excluse. Verificați fișierul exportat în funcție de procesul dvs. de producție; previzualizarea din magazin este o referință separată.

    Verificați conținutul și setările PNG

Povești ale clienților

Descoperiți cum folosesc comercianții Podifai

Explorați povești ale clienților în limba engleză, bazate pe produse și configurații reale.

Vedeți toate poveștile clienților
Evaluare de 5 stele din partea clienților

Începeți să vindeți produse personalizate

Începeți gratuit cu 3 produse personalizate. Planurile plătite încep de la $7.9/lună, fără comisioane de tranzacție.