Actualizări Botiga și Botiga Pro: mostre de produse noi, opțiuni de stil, completare automată a câmpurilor de plată etc.

Publicat: 2023-05-18

Sunteți utilizator de Botiga sau Botiga Pro? Avem vești bune pentru tine!

Cele mai recente versiuni includ multe funcții noi care vă vor ajuta să îmbunătățiți în continuare designul și funcționalitatea magazinului dvs. Botiga.

Botiga 2.0.0+ vine cu un nou panou de performanță, opțiuni de stil suplimentare și o pagină de căutare de produse îmbunătățită, în timp ce Botiga Pro 1.1.5+ introduce controale personalizate pentru pașii cantității, integrarea Google Autocomplete pentru pagina de finalizare a comenzii, noi tipuri de mostre de produse și Mai mult.

Prezentare generală: Botiga 2.0.0+ și Botiga Pro 1.1.5+

Pentru a începe, iată un rezumat al celor mai importante funcții noi:

Functii noi Botiga 2.0.0+ Botiga Pro 1.1.5+
Secțiunea Produse populare din pagina Căutare produse
Tipuri de mostre de produse cu gradient și mai multe culori
Noi opțiuni de stil pentru mostrele de produse
Opțiuni de stil pentru antetul catalogului de produse
Opțiuni de stil suplimentare pentru generatorii de antet și subsol
Meniu derulant de subsol
Integrare Google Autocomplete
Controlul pasului cantității WooCommerce
Modificări în pagina Setări teme
Posibilitatea de a adăuga noi câmpuri de produse utilizând pluginul ACF
Posibilitatea de a adăuga videoclipuri la variațiile de produs
Opțiuni de stil pentru bara laterală a filtrului de magazin și diagramele de mărimi
Opțiuni de stil pentru anunțul magazinului
Posibilitatea de a afișa numele variației sub titlul produsului
Site-uri de start noi interesante
Bara de progres „Livrare gratuită”.
Adăugați în coș notificări

Acum, să vedem caracteristicile unul câte unul!

Secțiunea Produse populare din pagina de căutare a produselor (gratuit + profesionist)

Atunci când vizitatorii site-ului dvs. caută un produs și nu găsesc ceea ce caută, probabil că vor părăsi magazinul dvs. și probabil că nu se vor întoarce niciodată.

Pentru a preveni abandonarea site-ului dvs., acum puteți afișa produse populare din magazinul dvs dacă nu s-au găsit produse.

Secțiunea de produse populare în Botiga și Botiga Pro

Această caracteristică este dezactivată în mod implicit. Îl puteți activa din meniul Aspect > Personalizare > Căutare > Activare produse populare .

Activați secțiunea Produse populare din Personalizatorul WordPress

Tipuri de mostre de produse cu gradient și mai multe culori (Pro)

Am adăugat două noi tipuri de mostre la Botiga Pro:

  • Gradient – ​​vă permite să amestecați două sau mai multe culori în așa fel încât o culoare se estompează în următoarea.
  • Multicolor – vă permite să afișați mai multe culori una lângă alta.
Mostre de produse cu gradient și mai multe culori

Pentru a adăuga noile mostre de culoare pe orice pagină de produs, trebuie să:

  1. Creați noile mostre din pagina Produse > Atribute > Configurați termeni de administrare (acum puteți alege dintr-o singură culoare, gradient și mai multe culori).
  2. Accesați pagina produsului unde doriți să adăugați noul eșantion și faceți clic pe Editați produsul .
  3. Derulați în jos la Date despre produs > Atribute > meniul Culoare de pe pagina de administrare a produsului.
  4. Selectați și activați noul eșantion din meniul drop-down sub opțiunea Valoare(e) .
  5. Adăugați noua opțiune de culoare la front-end din meniul Date despre produs > Variații .
Noile mostre de produse Botiga Pro pe o pagină de produs WooCommerce

Opțiuni de stil pentru mostre de produse noi (Pro)

Botiga Pro 1.1.5+ vă permite să stilați mostrele de produse - de exemplu, le puteți modifica culorile, dimensiunile, chenarele, spațiile și multe altele.

Pentru a accesa noile opțiuni de stil pentru mostre de produs, accesați Aspect > Personalizare > WooCommerce > Eșantioane de produs > panoul Stil și configurați setările.

Opțiuni de stil pentru mostre de produs în Personalizatorul WordPress

Opțiuni de stil pentru antetul catalogului de produse (Pro)

Cu Botiga Pro 1.1.5+, puteți adăuga o imagine de fundal la antetul paginii dvs. Catalog de produse și o puteți stila în orice mod doriți. Aveți opțiunea de a schimba culoarea, dimensiunea chenarului, spațierea și multe altele.

Puteți stila antetul catalogului de produse din Aspect > Personalizare > WooCommerce > Catalog de produse > Stil > Panoul Aspect .

Procuct opțiuni de stil pentru antetul catalogului

Noi opțiuni de stil în generatorii de antet și subsol (gratuit + pro)

Creatorii de antet și subsol de la Botiga v-au oferit deja multe opțiuni de stil - dar acum puteți adăuga imagini de fundal personalizate și puteți modifica și umpluturile.

Creatorii de antet și subsol de la Botiga, noi opțiuni de stil în Customizer

După cum puteți vedea mai jos, acum fiecare componentă din generatorii de antet și subsol are propriile sale umplutură, marjă și vizibilitate Opțiuni.

Opțiuni de umplutură și marjă în generatorii de antet și subsol

Meniu derulant în subsol (Pro)

Meniul subsol are acum un design drop-down, ceea ce înseamnă că puteți adăuga mai multe pagini la subsol fără a-l aglomera.

Pentru a activa funcția, mai întâi, trebuie să creați meniul din pagina de administrare Aspect > Meniuri . Apoi, îl puteți adăuga la subsol din panoul Aspect > Personalizare > Subsol > Creator de subsol .

Este demn de remarcat faptul că meniul de subsol are un design dinamic, ceea ce înseamnă că:

  • Dacă există spațiu sub meniu, submeniul va derula.
  • Dacă nu există suficient spațiu pentru meniul derulant, submeniul se va extinde în sus.
Meniul derulant de subsol al Botiga Pro

Integrare Google Autocomplete pentru câmpurile de adresă de finalizare a plății (Pro)

Pentru a accelera procesul de finalizare a comenzii, vă puteți integra site-ul cu completarea automată Google.

Acum le puteți permite clienților să completeze automat câmpul de adresă de pe pagina de finalizare a comenzii folosind funcționalitatea platformei Google Maps.

Pentru a activa noua funcție de completare automată a lui Botiga Pro, accesați Aspect > Tabloul de bord tematic > Funcții teme și activați modulul de completare automată Google .

Modulul Google Autocomplete în Botiga Pro

Apoi, creați o cheie API Google Autocomplete din Google Cloud Console (vedeți cum) și accesați Aspect > Personalizare > WooCommerce > panoul Checkout .

Aici, activați opțiunea Checkout fără distracție și adăugați cheia API făcând clic pe butonul Google Autocomplete Settings .

Finalizare fără distracție și setări Google Autocomplete în Botiga Pro

Comportament de creștere a cantității WooCommerce (Pro)

WooCommerce nu are opțiuni de creștere a cantității din cutie - așa că am adăugat posibilitatea de a defini valorile minime, maxime și implicite și pași de creștere personalizați pentru orice produs.

Pentru a defini valorile de inventar și pentru a adăuga reguli avansate privind cantitatea, accesați Teme > Tabloul de bord tematic și activați modulul de control al pasului cantității .

Apoi, navigați la Produse > Toate produsele și deschideți pagina produsului pe care doriți să o modificați.

Derulați în jos la panoul Date despre produs > Inventar și ar trebui să puteți vedea opțiunile în care puteți modifica valorile de inventar și puteți adăuga reguli avansate de cantitate.

Opțiuni de creștere a cantității pe o pagină de produs WooCommerce

Modificări în pagina Setări teme (gratuit + pro)

Există două modificări importante în tabloul de bord tematic.

În primul rând, am mutat licența de activare a temei opțiunea către o nouă locație. Acum, îl puteți accesa din Aspect > Tabloul de bord temă > Setări > pagina de administrare generală .

În al doilea rând, veți observa o nouă secțiune de Performanță pe pagina Setări . Are o opțiune numită Load Google Fonts .

Fonturile Google sunt adesea semnalate pentru reducerea timpilor de încărcare a paginii dacă sunt descărcate din CDN (Rețeaua de livrare a conținutului) Google.

Cu toate acestea, Botiga vă permite acum să optați pentru încărcarea locală a fonturilor Google pentru a vă crește viteza site-ului.

Fila de performanță pe tabloul de bord tematic al lui Botiga

Posibilitatea de a adăuga noi câmpuri de produse utilizând pluginul ACF (Pro)

Folosind pluginul Advanced Custom Fields (ACF), acum puteți adăuga câmpuri personalizate în paginile de catalog de produse și magazine.

Să presupunem că vindeți tricouri în magazinul dvs. și doriți să adăugați dimensiunile produsului, greutatea și adresa producătorului pe pagina produsului.

Cu Botiga Pro, tot ce trebuie să faceți este să instalați și să activați pluginul ACF, apoi să navigați la pagina ACF > Grupuri de câmpuri din zona dvs. de administrare WordPress și să creați un câmp personalizat pentru fiecare informație.

Noi opțiuni avansate de câmpuri personalizate în Botiga Pro

Apoi, derulați în jos la secțiunea Setări și creați o regulă „Tipul de postare este egal cu Produsul” pentru grupul de câmpuri.

Regulile grupului de câmpuri pe pagina de setări a pluginului Advanced Custom Fields

Acum, dacă deschideți oricare dintre paginile dvs. de produse, câmpurile personalizate vor apărea chiar sub Descrierea produsului .

Trebuie doar să adăugați detaliile personalizate la produsul dvs. și să actualizați pagina.

Câmpuri de produs personalizate pe o pagină de produs Botiga

Posibilitatea de a adăuga videoclipuri la variantele de produs (Pro)

Botiga Pro vă permite acum să adăugați videoclipuri la variantele de produse, încărcându-le pe site-ul dvs. web sau încorporandu-le de pe o platformă de găzduire video, cum ar fi YouTube.

Pentru a face acest lucru, deschideți pagina de administrare a produsului și derulați în jos la secțiunea Date despre produs . Aici, accesați opțiunea Variații și faceți clic pe linkul Extinde .

Alegeți varianta de produs în care doriți să adăugați videoclipul și faceți clic pe butonul Adăugați conținut media .

Dacă doriți să încorporați un videoclip de pe YouTube, faceți clic pe butonul Adăugați videoclip de la URL .

Opțiunea de a adăuga videoclipuri la variațiile de produs de pe pagina unui produs Botiga

Opțiuni de stil pentru bara laterală și diagrame de mărimi pentru filtrul magazinului (Pro)

Acum puteți modifica culoarea și spațierea barei laterale și a diagramelor de mărimi ale magazinului.

Cum să stilați bara laterală a filtrului magazinului cu Botiga Pro

Pentru a stila bara laterală a filtrului magazinului, deschideți meniul WooCommerce > Catalog de produse în Personalizator și navigați la submeniul General > Layout > Sidebar Layout pentru a verifica dacă bara laterală este activată.

Comutare bară laterală a magazinului în Botiga Pro în Personalizatorul WordPress

Apoi, reveniți la opțiunea Catalog de produse și deschideți fila Stil .

În secțiunea Stil bară laterală , puteți modifica culorile de fundal, pictogramă și divizor widget ale barei laterale. De asemenea, puteți crește sau micșora umplutura barei laterale și spațiul dintre widget-uri.

Opțiuni de stil detaliate în interfața de utilizare a personalizării Botiga Pro

Cum să vă stilați diagramele de mărimi cu Botiga Pro

Pentru a stila diagramele de mărimi, deschideți Personalizatorul și accesați Produs unic > Stil > Tabel de mărimi .  

De acolo, puteți modifica culorile textului și pictogramelor, dimensiunea și alte setări de stil ale diagramelor de mărimi.

Opțiuni de dimensionare a diagramei de mărimi în Personalizatorul WordPress

Opțiuni de stil pentru notificarea magazinului (gratuit și pro)

Odată cu noua lansare Botiga, puteți personaliza și bannerul de notificare în funcție de nevoile dvs.

Aveți opțiunea de a schimba culorile de fundal, text și link și, de asemenea, puteți defini dimensiunea bannerului prin creșterea sau micșorarea umpluturii.

Pentru a stila notificarea magazinului, deschideți Personalizatorul și accesați Notificarea magazinului .

Asigurați-vă că este selectată opțiunea Activare notificare magazin , apoi accesați fila Stil și modificați culorile și umplutura bannerului.

Opțiuni de personalizare a notificărilor din magazin

Abilitatea de a afișa numele variației sub titlul produsului (Pro)

Acum puteți afișa și numele variației sub titlul produsului, odată ce cineva selectează o variație (de exemplu, culoare, dimensiune etc.).

Să presupunem că un client dorește să cumpere un tricou din magazinul dvs. și selectează varianta de culoare neagră, de mărime medie, pe pagina produsului.

Cu opțiunea activată, numele variației selectate („Black Medium” aici) va apărea sub titlul produsului.

Numele variației sub titlul produsului, vizualizare frontend

Pentru a activa numele variațiilor pe paginile de produse, deschideți Personalizatorul , accesați Eșantioane de produs > General și comutați opțiunea Nume variație pe titlul produsului .

Comutarea numelui variației în Personalizatorul WordPress

Site-uri inițiale noi și interesante (Pro)

Două noi site-uri de pornire, Wine and Plants, au fost adăugate la colecția în creștere de site-uri de pornire a Botiga Pro.

Ambele site-uri de pornire sunt eficiente, cu aspect profesional și frumoase. De asemenea, sunt pline de funcții axate pe generarea de clienți potențiali pentru afacerea dvs.

Site-uri noi de start pentru magazinele de vin și plante din Botiga Pro

Ambele modele de pagină de pornire conțin o zonă de eroi bine concepută, care atrage imediat atenția vizitatorului dvs. Sunt afișate și cele mai bine vândute articole din magazin, împreună cu mărturiile clienților și detaliile serviciilor oferite de afacerea dvs.

Demo-urile includ, de asemenea, șabloane concepute profesional pentru paginile cheie ale site-ului dvs. - cum ar fi pagina despre, catalogul magazinului, blogul și pagina de contact - care arată grozav, oferind în același timp informații valoroase clienților dvs.

Bara de progres „Livrare gratuită” (Pro)

Pentru a reduce abandonul coșului și pentru a încuraja vizitatorii să finalizeze comenzile, puteți afișa o bară de progres și puteți arăta cât de aproape este vizitatorul de a primi livrare gratuită.

Puteți activa bara de progres accesând Aspect > Tabloul de bord temă > Funcții teme > Bara de progres cu livrare gratuită și apăsând butonul Activare .

Activați bara de progres cu livrarea gratuită

Pentru a utiliza modulul, trebuie să configurați și bara de progres.

Pentru a face acest lucru, accesați WooCommerce > Setări > Livrare și apăsați butonul Adăugați zonă de livrare .

Apoi, derulați în jos la opțiunea Metode de expediere și faceți clic pe Adăugați o metodă de expediere .

Buton Adăugați metoda de livrare

Va apărea o fereastră pop-up cu un meniu vertical.

Selectați opțiunea Livrare gratuită și apoi apăsați butonul Adăugați metoda de livrare .

Adăugați o fereastră pop-up metode de expediere

Pe pagina următoare, faceți clic pe butonul Editați de sub Livrare gratuită .

Editați metodele de expediere

În fereastra pop-up care apare imediat după ce apăsați butonul Editați , puteți seta cerințele privind bara de progres cu livrarea gratuită.

De exemplu, puteți defini, printre altele, suma minimă de comandă necesară pentru transport gratuit.

Setări de livrare gratuite

Bara de progres va fi afișată automat pe coșul de cumpărături, mini coș și paginile de plată.

Pentru a elimina bara de progres din oricare dintre acele pagini, accesați Aspect > Personalizare > Bara de progres cu livrare gratuită > General și deselectați pictograma ochi care aparține paginii de care doriți să eliminați bara de progres.

Eliminați bara de progres a livrării gratuite din coșul de cumpărături sau din paginile de finalizare a achiziției

Pentru a modifica designul barei de progres, accesați Personalizare > Bara de progres pentru livrare gratuită > Stil .

Aveți opțiunea de a personaliza textul și culorile de fundal, împreună cu posibilitatea de a regla înălțimea și raza chenarului barei.

Stilarea barei de progres cu livrare gratuită

Notificare de adăugare în coș (Pro)

Cu noul modul Notificări Adaugă în coș, poți afișa o notificare care confirmă că un produs a fost adăugat în coș.

Notificarea va apărea ca o fereastră glisantă și va afișa un buton Vizualizare coș pentru a permite clienților acces ușor la pagina Coș.

Puteți activa modulul accesând Aspect > Tabloul de bord temă > Funcții teme > Notificări Adaugă în coș și apăsând butonul Activare .

Activați modulul Notificări Adaugă în coș

După activare, va apărea automat un slide-in de fiecare dată când un produs este adăugat în coș.

Adăugați în coș notificare slide-in

Obțineți noua temă Botiga astăzi!

Asta încheie actualizarea produsului nostru.

Noile versiuni ale Botiga și Botiga Pro sunt deja disponibile și ar fi trebuit să fi primit deja o notificare cu privire la subiect.

Actualizați ambele și încercați noile funcții și îmbunătățiri!

Dacă utilizați doar tema gratuită Botiga, faceți upgrade la Botiga Pro astăzi - toate configurațiile dvs. existente vor rămâne intacte și veți avea acces la toate funcțiile de mai sus.

Anunțați-ne în secțiunea de comentarii dacă aveți și întrebări sau sugestii.