DAGMAR / Studiu de caz 02 / Produs și ofertare WooCommerce
Pagina produsului. Ofertare B2B.
Cumpărarea la bucată și solicitarea unei oferte de volum pornesc din aceeași pagină. Variațiile, informațiile și contactul comercial rămân legate de produsul consultat.
Variații și disponibilitateEn-Gros / HoReCaFAQ și PDFMapare greutăți și imagini
Site public · desktopMarqués de Riscal — pagina produsuluiPagina reală Marqués de Riscal Blanco 2024 0.75L: fotografie, informații și opțiuni de cumpărare în același context.
01Informație pentru alegere
02Cumpărare și ofertare
03Administrare coerentă
01 / Din prezentare în alegere
Același produs. Opțiuni explicite.
Denumirea, fotografia și descrierea sunt însoțite de opțiunile comerciale ale produsului. Selectarea variației păstrează legătura dintre unitatea aleasă, preț și cantitate.
01Identitate. Categoria și brandul oferă context și legături către selecții înrudite.
02Alegere. Variația precizează opțiunea de cumpărare, iar cantitatea completează selecția.
03Continuitate. Acțiunea de cumpărare și accesul la ofertare rămân în zona de decizie.
Site public · desktopSticlă și BAX — controale comercialeExemplul din captură afișează sticla și BAX-ul separat; valorile aparțin configurației ilustrate.
Informații tehnice
Atributele produsului sunt grupate într-un tab ușor de consultat.
Site public · desktopSpecificații în pagina produsuluiAtributele comerciale și tehnice sunt reunite într-un tabel de informații suplimentare.
Informații despre livrare
Zona dedicată explică condițiile de livrare în contextul produsului.
Site public · desktopInformația despre livrareRegulile de livrare sunt explicate lângă zona de cumpărare; captura documentează condițiile afișate atunci.
Produse înrudite
Selecția reală de produse oferă alternative pentru continuarea explorării.
Site public · desktopProduse similareExemplul real de recomandări păstrează contextul brandului și oferă alte produse de explorat.
Datele urmează produsul
Atributele și descrierea tehnică completează rezumatul comercial. Informațiile despre livrare au o zonă dedicată în prezentarea produsului.
Preț coerent între suprafețe
Personalizările proiectului leagă prețul afișat de datele variațiilor, datele structurate și valorile transmise prin integrarea GTMKit. Implementarea pornește de la aceeași logică de preț.
Explorarea continuă
Selecțiile de produse înrudite și blocurile comerciale oferă alte direcții de explorare după informațiile produsului.
02 / En-Gros, Distribuție și HoReCa
Un interes comercial. O cerere în context.
Accesul rapid „Solicită ofertă” deschide tabul dedicat și conduce la formularul Contact Form 7. Titlul produsului este preluat în formular, iar clientul poate adăuga cantitatea și contextul cererii.
01 / ACCES
Ofertarea pornește din produs
Legătura este vizibilă lângă informațiile comerciale, pentru comenzile care necesită o discuție de volum.
Site public · desktopOfertare pentru comenzi B2BZona B2B explică tipul solicitării înainte de completarea formularului.
02 / CERERE
Formularul păstrează reperul
Produsul consultat rămâne identificabil în solicitare. Captura arată formularul din pagină.
Site public · desktopCâmpurile formularului de ofertăDecupaj al câmpurilor formularului, cu produsul precompletat și fără date personale introduse.
Avantaj practic
Clientul trece direct de la produs la o solicitare relevantă pentru echipa comercială, cu reperul produsului deja inclus.
03 / Informație înaintea deciziei
Răspunsuri și detalii. În locul potrivit.
Întrebările frecvente și documentația tehnică au roluri complementare. Prima explică produsul în pagină; a doua permite consultarea unui document detaliat, asociat din administrare.
FAQ specific produsului
Conținutul se scrie în tabul administrativ dedicat. Întrebările sunt titluri, răspunsurile sunt paragrafe, iar tabul public apare când există conținut.
Site public · desktopÎntrebări și răspunsuriPrimul grup de întrebări și răspunsuri din tabul FAQ al produsului ilustrat.Administrare · exemplu de configurareFAQ editabil pe produsEditorul unui alt produs arată administrarea conținutului FAQ; nu este editorul vinului Marqués de Riscal.
Fișă tehnică PDF
Câmpul custom păstrează URL-ul documentului, iar pagina oferă acces la fișa tehnică. PDF-ul capturat pentru Marqués de Riscal 2024 este un exemplu de document consultat separat.
Site public · desktopFișa tehnică deschisăCaptură a paginii documentului tehnic 2024, la rezoluția disponibilă în vizualizator.Administrare · exemplu de configurareAsocierea unei fișe tehniceCâmpul administrativ permite alegerea documentului. URL-ul gri din această captură este un placeholder, nu dovada unei asocieri salvate.
Administrare apropiată de conținut
Întrebările și documentul se gestionează din produs. Echipa poate actualiza explicațiile și sursa PDF fără să rescrie structura paginii.
04 / Disponibilitate și revenire în stoc
Starea produsului. Următorul pas potrivit.
Produsul disponibil, produsul epuizat și marcajul „disponibil în stoc furnizor” au reguli distincte. Interfața și integrarea comercială trebuie să păstreze aceste diferențe.
Site public · desktopProdus indisponibilUn alt produs real ilustrează starea de indisponibilitate și accesul la notificare.
Captura produsului Dom Pérignon arată starea de stoc epuizat și zona dedicată cererii de notificare.
Site public · desktopFormular de revenire în stocFormular real deschis pentru Dom Pérignon Neon. Valorile personale au fost anonimizate înainte de generarea tuturor variantelor.
Formularul permite înregistrarea interesului pentru revenirea produsului. Valorile de contact introduse în captura originală au fost mascate.
Stoc WooCommerce
Starea de disponibilitate conduce comportamentul comercial al produsului. Când produsul este epuizat, integrarea oferă acces la revenirea în stoc.
Interes pentru revenire
Pluginul de notificare urmărește disponibilitatea produsului părinte. Înscrierea consemnează interesul; rezervarea unei cantități sau a unei variații are o logică separată.
Disponibil la furnizor
Un marcaj administrativ manual afișează disponibilitatea la furnizor și participă la restricția plății ramburs. Este o regulă comercială configurată, distinctă de sincronizarea stocului Supplier.
Capturile documentează produsul epuizat și formularul. Regula marcajului de furnizor este documentată în codul pluginului, fără un exemplu vizual al acelui marcaj în acest lot de capturi.
05 / Instrumente custom pentru variații
Reguli reutilizabile. Date mai ușor de întreținut.
Weight Mapper și Image Mapper pornesc de la descrierile variațiilor. Administratorul scanează valorile existente, salvează o mapare și aplică explicit regulile variațiilor care se potrivesc.
01RescanDescrierile variațiilor
02SalvareValoarea asociată
03AplicareVariațiile potrivite
Weight Mapper
O descriere comună. O greutate asociată.
Pluginul identifică descrierile normalizate ale variațiilor și permite asocierea unei greutăți în kg. Aplicarea actualizează câmpul de greutate al variațiilor corespunzătoare.
DATEDescrierea variației este cheia de potrivire.
CONTROLScanarea, salvarea și aplicarea sunt acțiuni administrative manuale.
UTILITATEAceeași convenție de descriere poate fi întreținută dintr-un singur tabel de reguli.
Administrare · exemplu de configurareMaparea greutățilorRegulile leagă descrieri precum sticlă sau BAX de greutăți. Rescanarea și aplicarea sunt acțiuni administrative distincte.
Image Mapper
Imaginea potrivită. La variația potrivită.
Descrierile variațiilor sunt asociate cu imagini din biblioteca Media. Aplicarea manuală actualizează fotografia variațiilor care corespund regulii salvate.
DATEAsociere între descrierea variației și imaginea aleasă.
AFIȘAREPluginul include folosirea imaginii părintelui în coș și în imaginile liniilor din emailurile de comandă.
UTILITATERegulile vizuale se întrețin centralizat, cu păstrarea rolurilor distincte ale imaginilor.
Administrare · exemplu de configurareMaparea imaginilorRegulile salvate arată asocierea imaginilor cu descrieri de variații; captura nu demonstrează o sincronizare continuă.
Contextul din produs
Regula are un punct de plecare.
Descrierea variației se păstrează în editarea produsului. Cele două instrumente folosesc această informație existentă drept cheie comună, pentru sarcini administrative diferite.
Administrare · exemplu de configurareDate administrative ale variațieiExemplu administrativ pentru Dom Pérignon Neon, distinct de produsul Marqués de Riscal folosit în primele capturi.
Site public · mobilGaleria produsului pe mobilCaptură mobilă reală. Bara WordPress a fost eliminată prin decupare.Site public · mobilCumpărare pe mobilPe mobil, cele două opțiuni sunt prezentate în panouri succesive, cu controalele complete.
06 / Experiența pe mobil
Aceeași decizie. Un parcurs vertical.
Captura mobilă reală prezintă produsul în ritmul ecranului mic: fotografie, explicație, opțiuni și acțiuni comerciale. Informațiile rămân în ordinea în care sunt consultate.
Imaginea este afișată într-un cadru compact. Galeria permite consultarea ei la rezoluția originală, alături de dovezile desktop și administrative.
Explorează detaliile
Deschide orice captură, folosește miniaturile sau săgețile și schimbă între încadrare și vizualizare la 100%.
Implementare / Rol / Avantaj
Mai mult decât un șablon de produs.
Interfața publică, câmpurile administrative și instrumentele de întreținere răspund împreună regulilor comerciale ale magazinului.
ComponentăImplementareAvantaj practic
Variații
Opțiuni comerciale, preț și cantitate în zona de cumpărare.
Alegerea păstrează legătura cu produsul consultat.
Ofertare B2B
Acces rapid, tab și formular CF7 cu produsul precompletat.
Solicitarea ajunge în contextul comercial relevant.
FAQ și PDF
Editor dedicat întrebărilor și câmp pentru fișa tehnică.
Explicațiile și documentația se întrețin din produs.
Disponibilitate
Stoc, înscriere pentru revenire și marcaj manual de furnizor.
Fiecare situație comercială are o acțiune și un rol clar.
Weight Mapper
Mapare manuală descriere de variație → greutate.
Reguli comune aplicabile mai multor variații.
Image Mapper
Mapare manuală descriere → imagine și reguli de afișare.
Legătura rapidă deschide tabul de ofertare și conduce la formularul Contact Form 7. Titlul produsului este preluat pentru a păstra reperul comercial al solicitării.
Ce se administrează direct din pagina produsului?
Pe lângă datele WooCommerce, implementarea adaugă conținutul FAQ și adresa fișei tehnice PDF. Tabul FAQ apare public atunci când produsul are conținut.
Maparea greutăților și imaginilor este automată?
Instrumentele sunt controlate manual. Administratorul scanează descrierile variațiilor, salvează asocierile și pornește aplicarea greutății sau imaginii.
Disponibil la furnizor înseamnă stoc sincronizat în timp real?
Marcajul este o setare administrativă manuală cu rol informativ și o regulă legată de plata ramburs. Sincronizarea Supplier are propriul mecanism și va fi explicată în studiul dedicat.
Ce probe sunt prezentate în galerie?
Decupaje din capturile reale desktop, mobile și administrative furnizate pentru DAGMAR. Datele de contact introduse în formularul de revenire în stoc sunt mascate. Documentul PDF este identificat ca exemplu separat.
Continuă explorarea proiectului
De la descoperire la produs.
Explorează structura catalogului sau revino la harta implementărilor DAGMAR.
Folosim cookie-uri necesare pentru funcționarea site-ului. Cu acordul tău, activăm Google Analytics pentru a înțelege cum este folosit KEPA. Poți accepta, refuza sau personaliza alegerea.
