Cum să personalizezi pagina magazinului WooCommerce (checkout și produs)?

Publicat: 2024-10-03

Puteți da vina pe WooCommerce pentru că nu există opțiuni avansate de personalizare a magazinului, a produsului sau a paginii de plată? Desigur, nu ar trebui. De fapt, este mai bine să adăugați mai multă personalizare cu pluginuri, de asemenea, cu extensii gratuite pentru WooCommerce.

Link-uri rapide pentru a descărca pluginuri gratuite către

  • personalizați pagina produsului în magazinul WooCommerce ️
  • adăugați, eliminați, reordonați și stilați câmpurile personalizate în pagina de finalizare a comenzii WooCommerce ️

Cuprins

  • Personalizarea paginii magazinului WooCommerce
  • Personalizați produsele WooCommerce
  • Proiectați pagina de plată cu câmpuri personalizate

Personalizarea paginii magazinului WooCommerce

Pe scurt, setarea și ajustarea paginii magazinului în WooCommerce se va închide în acești 4 pași:

Cum să personalizezi pagina magazinului?

  1. Alegeți pagina

    Pentru a afișa pagina magazinului trebuie să o aveți. Poate fi o pagină existentă sau una nouă.

    Setările de bază ale paginii de magazin WooCommerce

  2. Personalizați opțiunile catalogului de produse

    Pagina produsului poate fi proiectată în meniul Aspect → Personalizare → WooCommerce → Catalog de produse .

    Setări pentru Catalogul produselor WooCommerce

  3. Adăugați pagina în meniu sau widget-uri

    WooCommerce permite afișarea linkului către catalogul de produse în meniu sau/și widget-uri ( Aspect → Meniuri/ Widgeturi ).

    Meniul WordPress - personalizarea structurii meniului și a paginilor

  4. Personalizarea catalogului de produse

    Există mai multe opțiuni pentru a ajusta pagina?

    Da. De exemplu, stilul CSS, adăugarea de conținut, coduri scurte, redirecționări sau cod personalizat.

    Astfel, aspectul standard al paginii poate fi îmbunătățit cu noi secțiuni sau elemente.

    Personalizarea aspectului paginii magazinului WooCommerce și a datelor

    Pagina de magazin WooCommerce cu elemente personalizate

Puteți citi mai multe despre cum să schimbați pagina magazinului WooCommerce (opțiuni și personalizare).

Personalizați produsele WooCommerce

Partea evidentă a utilizării WooCommerce este adăugarea de produse noi. În mod implicit, este posibil să utilizați atribute și variații. Atributele vor fi vizibile în informațiile suplimentare (în funcție de temă).

Atributele produsului WooCommerce - informații suplimentare

Desigur, variațiile pot ajuta (ele folosesc și atribute):

Utilizați atribute pentru variațiile de produs

Dar pentru a construi produse cu opțiuni mai personalizabile și câmpuri personalizate, WooCommerce singur nu va fi suficient.

Opțiuni de produse WooCommerce cu câmpuri personalizate
Opțiuni de produse WooCommerce cu câmpuri personalizate

După cum am menționat în introducere, există blocuri pentru a extinde capacitățile WooCommerce, numite pluginuri. Și există un plugin gratuit pentru a adăuga câmpuri personalizate și a personaliza pagina produsului WooCommerce.

Câmpuri flexibile de produse WooCommerce

Creați un expert pentru produse pentru a vinde gravuri, ambalaje pentru cadouri, mesaje cadou, cărți de vizită, ștampile și, opțional, să taxați pentru el (fix sau procentual).

Instalări active: 10.000+ | Evaluare WordPress:

Descărcați gratuit sau Accesați WordPress.org
Peste 10.000 de instalații active
Ultima actualizare: 2024-09-07
Funcționează cu WooCommerce 8.9 - 9.3.x

Cum să personalizați pagina produsului WooCommerce cu pluginul?

După descărcarea, instalarea și activarea extensiei, va fi posibilă ajustarea paginilor de produse cu câțiva pași.

  1. Adăugați grupuri de câmpuri pentru anumite produse

    În primul rând, este posibil să selectați unul sau mai multe produse pentru câmpuri noi (vizibil în captura de ecran de mai jos).

  2. Alegeți locația câmpului

    De asemenea, pluginul permite afișarea noilor opțiuni de produs înainte sau după butonul de adăugare în coș.

    Personalizarea produselor WooCommerce cu câmpuri personalizate

  3. Ajustați pagina produsului WooCommerce cu câmpuri personalizate

    Caracteristica de bază a pluginului este adăugarea de noi câmpuri. În versiunea gratuită a Câmpurilor de produse flexibile, există 18 tipuri de câmpuri.

    Adăugați câmpuri personalizate la pagina produsului WooCommerce
    Adăugați câmpuri personalizate și noi opțiuni la pagina produsului WooCommerce

    Fiecare câmp are setările sale, de exemplu etichete, substituenți, sfaturi cu instrumente, clase CSS, numărul maxim de caractere etc. Câmpul poate fi obligatoriu sau opțional.

    Setări generale pentru câmpul produs personalizat

  4. Personalizarea paginii produsului WooCommerce - exemplu

    Efectul final pentru unul sau mai multe produse (cu un plugin gratuit).

    Opțiuni de produse WooCommerce cu câmpuri personalizate
    Opțiuni de produse WooCommerce cu câmpuri personalizate

După cum puteți vedea, este posibil să personalizați paginile produselor WooCommerce cu un plugin gratuit. Îl puteți descărca sau citi mai multe în depozitul WordPress.

Câmpuri flexibile de produse WooCommerce

Creați un expert pentru produse pentru a vinde gravuri, ambalaje pentru cadouri, mesaje cadou, cărți de vizită, ștampile și, opțional, să taxați pentru el (fix sau procentual).

Instalări active: 10.000+ | Evaluare WordPress:

Descărcați gratuit sau Accesați WordPress.org
Peste 10.000 de instalații active
Ultima actualizare: 2024-09-07
Funcționează cu WooCommerce 8.9 - 9.3.x
Există, de asemenea, două opțiuni de câmp suplimentare (în pro): prețul și logica condiționată - mai multe despre ele în documentația pluginului.

Pentru a rezuma, pluginul Flexible Product Fields permite construirea de produse personalizate în WooCommerce.

Proiectați pagina de plată cu câmpuri personalizate

În plus, WP Desk are și un plugin gratuit pentru a personaliza pagina de plată WooCommerce.

Câmpuri flexibile de plată WooCommerce

Editați, adăugați noi sau ascundeți câmpurile inutile din formularul de finalizare a plății WooCommerce. Adăugați prețuri în câmpuri și utilizați logica condiționată. Totul este despre conversii și o experiență mai bună pentru utilizator. NOU: acum puteți seta mai multe condiții (SAU) în unul sau mai multe grupuri de condiții (ȘI).

Instalări active: 90.000+ | Evaluare WordPress:

Descărcați gratuit sau Accesați WordPress.org
Peste 90.000 de instalații active
Ultima actualizare: 2024-09-07
Funcționează cu WooCommerce 8.8 - 9.2.x

Câmpuri flexibile de plată permite gestionarea câmpului existent, precum și adăugarea de noi câmpuri personalizate la pagina de plată.

Pluginul permite ajustarea câmpurilor de plată WooCommerce

Ghid rapid de personalizare a paginii de plată WooCommerce

(după instalarea și activarea pluginului)

  1. Formularul implicit de plată

    Pagina de plată standard (clasică) conține câmpuri predefinite.

    Formularul prestabilit de plată WooCommerce

  2. Ajustați forma

    Prin ștergerea sau adăugarea de câmpuri noi, este posibil să personalizați pagina de plată WooCommerce.

    Câmpuri flexibile de plată - un plugin gratuit - setări de personalizare pentru pagina de plată WooCommerce

  3. Rearanjați și gestionați câmpurile de plată

    Editorul vizual al paginii de plată permite personalizarea rapidă a formularului. Pluginul gratuit acceptă peste 10 câmpuri personalizate.

    Reordonați câmpurile de plată în WooCommerce
    Reordonați câmpurile de plată în WooCommerce
  4. Mai puține câmpuri în casă

    Aruncă o privire la efectul final - o formă mai simplă.

    Formular de comandă rapidă - verificare rapidă în WooCommerce
    Formular de comandă rapidă = finalizare mai rapidă a comenzii în WooCommerce

Câmpuri flexibile de plată WooCommerce

Editați, adăugați noi sau ascundeți câmpurile inutile din formularul de finalizare a plății WooCommerce. Adăugați prețuri în câmpuri și utilizați logica condiționată. Totul este despre conversii și o experiență mai bună pentru utilizator. NOU: acum puteți seta mai multe condiții (SAU) în unul sau mai multe grupuri de condiții (ȘI).

Instalări active: 90.000+ | Evaluare WordPress:

Descărcați gratuit sau Accesați WordPress.org
Peste 90.000 de instalații active
Ultima actualizare: 2024-09-07
Funcționează cu WooCommerce 8.8 - 9.2.x
Mai multe tipuri de câmpuri, logica condiționată și prețuri sunt disponibile în versiunea pro a pluginului. Puteți vedea toate caracteristicile în documentația pluginului.

Rezumat

Există mai multe moduri de a personaliza WooCommerce, inclusiv ajustări ale paginii magazinului, paginilor produselor și formularului de finalizare a comenzii. Cu pluginuri gratuite, nu este nevoie să scrieți cod personalizat.

Pluginurile gratuite WP Desk sunt disponibile în depozitul WordPress.