Personalizarea aspectului paginii de finalizare a comenzii

Doriți să vă rearanjați pagina de finalizare a comenzii fără a scrie niciun cod? Easy Digital Downloads construiește pagina de finalizare a comenzii din blocuri individuale: coșul, informațiile personale ale clientului, detaliile de plată și un câmp pentru codul de reducere. Fiecare bloc are propriile setări, iar întregul aspect poate fi reconstruit direct din editorul de blocuri WordPress.

Acest ghid vă ghidează prin pașii pentru a alege un aspect de finalizare a comenzii, a rearanja blocurile acestuia și a configura setările fiecărui bloc.

---

Deschiderea panoului de aspect al blocului de finalizare a comenzii

Din bara laterală de administrare WordPress, accesați Pagini și deschideți pagina de finalizare a comenzii. Nu sunteți sigur care este acea pagină? Din bara laterală de administrare WordPress, accesați Descărcări » Setări » Plăți pentru a găsi pagina setată în câmpul Pagina de finalizare a comenzii.

Odată ce pagina este deschisă în editorul de blocuri, selectați blocul EDD Checkout pentru a vedea opțiunile de setare Aspect.

Consultați lista completă de Blocuri EDD.

Alegerea unui aspect

Cinci aspecte sunt disponibile din panoul Aspect:

• O Coloană: aliniază coșul, informațiile personale, informațiile de plată și formularul de reducere într-o singură coloană. Alegeți aceasta pentru un proces de finalizare a comenzii simplu, liniar.
• Două Coloane: 50/50: împarte procesul de finalizare a comenzii în mod egal. Alegeți aceasta atunci când coșul și formularul necesită o greutate vizuală egală.
• Două Coloane: 70/30: oferă mai mult spațiu părții formularului. Alegeți aceasta atunci când câmpurile pentru informații de plată și personale necesită mai mult spațiu.
• Două Coloane: 80/20: oferă și mai mult spațiu părții formularului, cu coșul ca o coloană de rezumat îngustă.
• Coș Sus, Formular Două Coloane: plasează coșul deasupra, cu informațiile personale și de plată în două coloane dedesubt.

Notă: Trecerea la un alt aspect înlocuiește fiecare bloc deja existent în blocul de finalizare a comenzii. Alegeți un aspect înainte de a personaliza blocurile individuale, deoarece trecerea ulterioară anulează personalizarea.

Rearanjarea blocurilor de finalizare a comenzii

Odată ales un aspect, fiecare secțiune a procesului de finalizare a comenzii, coșul, informațiile personale, informațiile de plată și formularul de reducere, devine propriul său bloc. Selectarea oricărui bloc dezvăluie propria bară de instrumente cu opțiuni pentru a-l muta, duplica sau șterge.

Pentru a muta un bloc, selectați-l, apoi utilizați controalele de mutare ale barei de instrumente pentru a-l trage într-o nouă poziție sau pentru a-l deplasa în sus, în jos, la stânga sau la dreapta, în funcție de aspectul curent.

Un bloc poate fi, de asemenea, eliminat complet prin selectarea acestuia și alegerea ștergerii din bara sa de instrumente. Acest lucru este diferit de dezactivarea formularului de reducere, care folosește o setare în loc să elimine un bloc. Vezi Depanarea mai jos.

Configurarea Setărilor Blocului Coș

Selectarea blocului coș deschide propriile setări în bara laterală:

• Afișare Rând Antet afișează antetele coloanelor „Nume Articol” și „Preț Articol” deasupra conținutului coșului. Aceasta este activată implicit.
• Afișare Miniaturi afișează o miniatură a produsului lângă fiecare articol din coș. Aceasta este activată implicit, cu un câmp Lățime Miniatură (25px implicit) pentru a ajusta dimensiunea.
• Afișare Controale Cantitate permite clienților să modifice câte articole cumpără direct din procesul de finalizare a comenzii. Aceasta este activată implicit.
• Afișare Formular Reducere afișează câmpul codului de reducere ca parte a coșului. Aceasta este activată implicit. Dezactivarea acestuia ascunde câmpul de reducere fără a elimina blocul coș în sine.

Configurarea Setărilor Blocului Informații Personale

Selectarea blocului informații personale deschide o setare:  Combinare Prenume și Nume. Activarea acesteia combină cele două câmpuri de nume într-un singur câmp, ceea ce poate face ca formularul de finalizare a comenzii să pară mai scurt. Aceasta este dezactivată implicit.

Stilizarea unei coloane

Alegerea unui aspect cu două coloane transformă fiecare coloană într-un propriu bloc cu o filă Stiluri, separat de propriile setări ale blocurilor de finalizare a comenzii. Din fila Stiluri, unei coloane i se poate atribui un preset de stil încorporat sau i se poate oferi o culoare de fundal personalizată, un gradient, spațiere interioară și rotunjire a colțurilor.

Testarea paginii de finalizare a comenzii

Înainte de a publica orice modificare a aspectului, comutatorul Previzualizare ca invitat al blocului de finalizare a comenzii, găsit în bara laterală a blocului principal Finalizare comandă Easy Digital Downloads (nu al blocului coșului), arată exact ceea ce vede un client. Căutarea Selectare descărcare din bara laterală poate, de asemenea, previzualiza finalizarea comenzii cu un produs specific deja în coș.

Testarea în acest mod sau finalizarea unei achiziții reale de test confirmă că aspectul este corect înainte de a intra în vigoare.

Depanare

Câmpul codului de reducere a fost eliminat și nu va reveni din inseratorul de blocuri.

Câmpul codului de reducere nu este un bloc separat care poate fi reintrodus. Este o setare pe blocul coșului. Pentru a-l reactiva, selectați blocul coșului, deschideți setările acestuia și activați din nou Afișare formular de reducere.

Asta e tot! Pagina de finalizare a comenzii poate fi acum rearanjată, personalizată și stilizată în întregime din editorul de blocuri WordPress. Pentru o abordare de design mai avansată, cu glisare și fixare, consultați Personalizarea finalizării comenzii EDD cu Elementor.

---

Întrebări frecvente

Mai jos sunt răspunsuri la unele dintre cele mai frecvente întrebări despre personalizarea aspectului paginii de finalizare a comenzii folosind blocurile interne EDD.