Cum să construiți un magazin personalizat WooCommerce cu OceanWP și Toolset (fără codare)

Publicat: 2021-05-05

Nu aveți nevoie de codare personalizată pentru a construi un magazin online atrăgător, cu funcții avansate . Cu Toolset și OceanWP, puteți crea pagini de produse și magazin complet personalizate de la zero, cu propriile funcționalități și stil unic – toate fără a fi necesară codificarea.

Dacă construiți un magazin online, este posibil să fi observat că șabloanele implicite ale WooCommerce și tema site-ului dvs. decid în primul rând cum va arăta magazinul dvs. Este posibil să aveți câteva opțiuni pe care le puteți activa sau dezactiva, în caz contrar, adăugarea de funcții avansate pur și simplu nu este posibilă fără programare personalizată.

Sau puteți crea un magazin WooCommerce complet personalizat cu Toolset și OceanWP și fără codare.

Cu Toolset, puteți crea funcții pe care le vedeți numai pe site-urile de vânzare cu amănuntul majore. Sau, puteți chiar să vă imaginați propriile caracteristici, apoi să le creați folosind tipuri și câmpuri de postări personalizate, relații de postare, machete personalizate și multe altele.

OceanWP vă face site-ul să arate grozav datorită opțiunilor sale extinse de stil. În plus, are o experiență intuitivă de editare admin care vă arată exact cum va arăta site-ul dvs. pe front-end.

Iată patru pași pentru a vă personaliza magazinul online folosind Toolset și OceanWP:

  1. Decideți ce doriți să afișați și să promovați
  2. Definiți-vă produsele cu tipuri de postări, câmpuri și taxonomii personalizate
  3. Creați pagini de produse personalizate
  4. Creați pagini de magazin dinamice și funcționalități de căutare

Decideți ce doriți să afișați și să promovați

Caracteristicile flexibile ale Toolset fac mai mult decât doar rearanjarea și stilarea paginilor dvs. de produse. Puteți crea funcții complet personalizate care se aplică în mod specific afacerii dvs. sau puteți utiliza funcții avansate de la principalele site-uri de vânzare cu amănuntul.

set de instrumente q-and-a-section
Creați Q+As pentru produse folosind formulare și câmpuri repetate personalizate
upsells-cross-sells-toolset
Afișați vânzările în plus și vânzările încrucișate populare folosind relații post
set de instrumente-taxonomie-marcă-personalizată
Afișați produsele după marcă sau designer folosind taxonomii personalizate
set-oferte-speciale
Partajați oferte speciale folosind blocuri condiționate cu informații din câmpuri personalizate
set de instrumente pentru formulare front-end
Permiteți vânzătorilor să-și trimită produsele direct pe site-ul dvs. folosind formulare
Setul de instrumente pentru locații de magazine
Afișați locațiile magazinului dvs. pe o hartă folosind vizualizări personalizate
set de instrumente pentru crearea unui cont
Creați date de conectare pentru clienți sau furnizori cu permisiuni în funcție de tipul de utilizator

set de instrumente-produse-per-ținută
Creați o ținută de inspirație pentru cumpărături folosind relații post

Acestea sunt caracteristici pe care nu le-ați putea obține niciodată doar de la WooCommerce și nu fac decât să zgârie suprafața a ceea ce este posibil cu Toolset. Cel mai bine, totul se poate face fără nicio codificare!

Definiți-vă produsele cu tipuri de postări personalizate, câmpuri și taxonomii

Odată ce aveți ideile dvs. în minte, puteți crea un număr nelimitat de tipuri de postări personalizate, câmpuri, taxonomii și relații de postare pentru a vă transforma ideile în realitate.

WooCommerce vă oferă câteva câmpuri de bază pentru a vă defini produsele, cum ar fi atributele produselor, descrierile, prețurile și informațiile de livrare, cum ar fi greutatea și dimensiunile.

Cu Toolset, puteți adăuga alte informații, cum ar fi anumite caracteristici ale produsului, mărci sau să spuneți departamentului căruia îi aparține un produs.

produse-câmpuri-personalizate
Câmpuri personalizate pentru un produs

Nu toate temele funcționează bine cu tipuri de postări personalizate, dar OceanWP este „gata pentru tipurile personalizate”. Cu OceanWP, puteți aplica setări diferite de temă fiecărui șablon de conținut. Acest lucru vă oferă un control mai mare asupra modului în care acest conținut personalizat apare pe site-ul dvs.

Creați pagini de produse personalizate

Cu produsele definite, puteți crea șabloane complet personalizate pentru a vă afișa produsele și informațiile din câmpurile dvs. personalizate. Folosind șabloane de produse, trebuie să vă construiți pagina o singură dată, iar orice modificări pe care le faceți se reflectă imediat asupra tuturor produselor dvs. care folosesc acel șablon.

Toolset vă permite să vă construiți șabloanele de produse complet de la zero, folosind WooCommerce Blocks de la Toolset.

woocommerce-default-template
Șablon de produs WooCommerce implicit
set de instrumente personalizate-șabloane-produs
Șablon de produs Set de instrumente complet personalizat

Pur și simplu atribuiți șablonul sau arhiva produselor dvs. și adăugați blocurile dorite, cum ar fi evaluările produselor, filele de produse, atributele produselor, un buton de adăugare în coș și multe altele.

Blocurile pot extrage informațiile din câmpurile personalizate în mod dinamic. Aceasta înseamnă că atunci când adăugați un bloc de titlu pentru a afișa, de exemplu, numele produsului, acesta va afișa automat numele corect al produsului în funcție de produsul pe care îl vizionează clientul dvs.

set de instrumente pentru conținut dinamic
Crearea unui șablon de produs care atrage informațiile în mod dinamic pentru fiecare produs

De asemenea, puteți atribui șabloane condiționat pentru a utiliza diferite șabloane în funcție de anumite criterii de produs. De exemplu, puteți utiliza un șablon condiționat pentru a afișa articolele care sunt epuizate folosind un aspect diferit.

set de instrumente în stoc
Articol pe stoc
epuizat-articol-set-unelte
Articol epuizat

OceanWP vă oferă o varietate de opțiuni pentru stilarea acestor șabloane. Deoarece este pregătit pentru post-type, puteți alege diferite opțiuni de temă pentru diferite șabloane. De exemplu, puteți alege să afișați o bară laterală pentru unele produse și să alegeți un aspect cu lățime completă pentru produsele prezentate.

theme-options-owp-toolset
Alegerea opțiunilor pentru tema OceanWP pentru fiecare șablon

OceanWP include, de asemenea, opțiuni de stil globale pentru a vă ajuta să păstrați identitatea vizuală a magazinului dvs. consistentă pe întregul site. În plus, nu există nicio comutare între administratorul site-ului și front-end pentru a vedea cum arată modificările dvs., deoarece ceea ce vedeți în backend este modul în care va apărea pe front-end.

global-styling-toolset-oceanwp
Adăugarea de stiluri globale pe site-ul dvs

Creați pagini de magazin dinamice, liste de produse și adăugați funcționalitate de căutare

V-ați definit produsele și ați creat șabloanele de produse. Acum, ajută-ți clienții să găsească ceea ce caută.

Crearea de pagini personalizate de magazin și alte pagini de arhivă

În WordPress, pagini precum pagina Magazin și paginile de listare a categoriilor se numesc arhive. În esență, arhivele listează toate postările (sau produsele) care aparțin unei anumite categorii sau tip de conținut.

Setul de instrumente vă permite să creați diferite arhive în funcție de criteriile pe care le alegeți. De exemplu, dacă site-ul dvs. vinde tocuri și genți, este posibil să doriți diferite pagini de magazin cu filtre care sunt relevante pentru fiecare tip de produs.

arhivă-pagină-unelte
Pagina de magazin pentru tocuri
magazin-pagina-genti-unelte
Pagina de magazin pentru genți

Crearea de liste dinamice de conținut

Puteți adăuga o listă dinamică de produse la pagina dvs. de magazin sau orice altă pagină de pe site-ul dvs. utilizând blocul Vizualizare set de instrumente. Acest lucru vă permite să definiți ce produse să enumerați și să proiectați cum va arăta lista.

view-block-toolset
Alegerea conținutului de afișat pe pagina unui magazin

Adăugarea de opțiuni de căutare și filtrare personalizate

Setul de instrumente le ajută clienților potențiali să găsească produse rapid și ușor, datorită opțiunilor personalizate de căutare și filtrare. Puteți filtra după orice câmp personalizat sau relație de postare creată de dvs.

set de instrumente de căutare personalizate
Căutare personalizată care vă permite să filtrați după câmpuri personalizate

Alte caracteristici personalizate ale paginii Shop de la OceanWP

OceanWP oferă mai multe funcții pentru paginile dvs. de magazin și arhivă, inclusiv o opțiune de vizualizare rapidă, derulare infinită și posibilitatea de a ascunde filtrele în afara ecranului atunci când nu sunt utilizate. Vă rugăm să rețineți că aceste funcții funcționează numai cu arhivele OceanWP, nu cu cele personalizate pe care le creați cu Toolset.

opțiune de vizualizare rapidă-oceanwp
Opțiune de vizualizare rapidă
filtre ceanwp-off-screen
Ascunde filtrele în afara ecranului

OceanWP vă oferă, de asemenea, opțiuni pentru afișarea coșului de cumpărături:

  • Coș nativ pop-up
  • Bară plutitoare pentru adăugare în coș
  • Afișare cărucior
  • Checkout fără distragere

..și altele!

Încercați OceanWP și Toolset astăzi și spuneți-ne despre experiența dvs. în comentarii!

Învață să construiești magazine WooCommerce personalizate pas cu pas cu cursul WooCommerce gratuit al Toolset.


De asemenea, puteți încerca gratuit Toolset și OceanWP împreună cu acest magazin demonstrativ WooCommerce.