Cum să creați atribute implicite în WooCommerce

Astăzi, vă vom arăta cum să creați atribute implicite de produs în WooCommerce cu un plugin, manual din tabloul de bord WooCommerce și programatic prin PHP . Acest lucru este de obicei trecut cu vederea, dar poate avea un impact uriaș asupra ratelor de conversie ale produselor dvs. variabile.

Care sunt atributele WooCommerce?

WooCommerce vă permite să adăugați informații la produsele dvs. prin atribute. Puteți aplica aceste atribute oricăror produse noi sau existente. De exemplu, atributele comune sunt mărimile și culorile articolelor de îmbrăcăminte, sistemul de operare pentru telefoanele mobile și așa mai departe. Aceste atribute sunt globale, ceea ce înseamnă că, în loc să setați un atribut de dimensiune și culoare pentru fiecare produs nou, de exemplu, creați atribute Mărime și Culoare predefinite și le aplicați diferitelor produse. În WooCommerce, atributele sunt foarte importante pentru:

• Filtrarea produselor : utilizatorii pot filtra produsele pe baza unui anumit atribut. De exemplu, blugi de mărime medie.
• Creați produse variabile : Pentru a crea variații ale unui produs, mai întâi, trebuie să definiți atributele acestuia. Odată ce ai atributele, le poți folosi pentru a crea diferitele variații ale produsului. Deci, dacă vindeți blugi, de exemplu, aceasta înseamnă că nu puteți crea variații de dimensiune a blugilor dacă nu ați creat atributul mărime pentru ei.

Acum, să înțelegem mai bine de ce atributele implicite sunt atât de importante pentru fiecare magazin WooCommerce.

De ce să creați atribute implicite de produs?

Unul dintre primele lucruri pe care le-am învățat când am început magazinul nostru online a fost importanța creării atributelor implicite ale produsului. La început, ratele noastre de conversie nu erau foarte bune și mulți dintre utilizatorii noștri ne spuneau că butonul Adaugă în coș a fost dezactivat.

Cu toate acestea, de fiecare dată când am verificat totul mergea bine. Partea cea mai proastă este că pierdeam multe vânzări, deoarece mulți dintre acești cumpărători nu s-ar mai întoarce niciodată la magazinul nostru. De ce ar face-o dacă nu ar putea cumpăra? Ne-a luat ceva timp să ne dăm seama că problema a fost că nu am setat atributele implicite ale produsului în WooCommerce.

Variațiile produsului și atributele implicite

După cum probabil știți, există 4 tipuri de produse în WooCommerce: simple, variabile, grupate și externe/afiliate. Astăzi, ne vom concentra pe produsele variabile și pe atributele lor implicite. Când creați variații de produs în WooCommerce, ar trebui să creați combinația implicită a acelor atribute. În caz contrar, butonul de adăugare în coș de pe pagina produsului va apărea ca fiind dezactivat până când utilizatorii selectează combinația de atribute pe care le doresc.

Problema este că mulți dintre ei pur și simplu văd că butonul este blocat, cred că pagina nu funcționează și pleacă. De aceea, dacă aveți produse variabile în magazinul dvs. WooCommerce, crearea atributelor implicite de produs este o necesitate .

Cum se creează atribute implicite ale produsului în WooCommerce?

Există trei moduri de a crea atribute implicite de produs în WooCommerce :

1. Cu un plugin
2. Manual prin administratorul WooCommerce
3. Programatic prin PHP

Dacă nu sunteți dezvoltator, cel mai simplu mod este să utilizați un plugin. Cu scriptul PHP, pe de altă parte, puteți face același lucru cu puțină codare fără a instala nimic. Este important să rețineți că puteți obține același rezultat cu ambele metode, așa că alegeți-o pe cea mai potrivită pentru dvs., în funcție de abilitățile dvs.

1) Creați atribute implicite ale produsului WooCommerce cu un plugin

Cea mai simplă modalitate este să utilizați un plugin pentru a seta atributele implicite ale produsului. Pentru acest ghid, vom folosi Direct Checkout pentru WooCommerce. Este un plugin freemium care are o versiune gratuită cu funcții de bază și 3 planuri premium. Acest instrument are mii de instalații active și este unul dintre cele mai bune de pe piață.

1. Primul lucru pe care trebuie să-l faci este să instalezi și să activezi pluginul. Deci, accesați tabloul de bord WordPress > Plugin-uri > Adăugați nou . Apoi, căutați Direct Checkout pentru WooCommerce , faceți clic pe Instalați acum, iar când procesul de instalare se termină, faceți clic pe Activare. Alternativ, puteți consulta această pagină și puteți alege fie versiunea gratuită, fie unul dintre planurile premium.

2. Apoi, accesați secțiunea WooCommerce din bara laterală și faceți clic pe opțiunea Direct Checkout.

3. Accesați secțiunea Produse și activați ultima opțiune Adăugați atribute implicite în produse variabile . Nu uitați să salvați modificările.

Asta e! Ați creat atribute implicite ale produsului cu Direct Checkout pentru WooCommerce ! Acum, primul atribut al fiecărui produs va fi selectat implicit și acesta va fi aplicat tuturor produselor dvs. variabile. Deci, dacă doriți să modificați atributele implicite, trebuie să modificați ordinea atributelor și să plasați mai întâi atributul pe care doriți să îl setați ca implicit.

2) Manual prin administratorul WooCommerce

De asemenea, puteți crea manual atribute implicite ale produsului prin intermediul tabloului de bord WooCommerce. Această metodă este rapidă și ușoară, dar poate consuma mult timp dacă aveți multe produse. Dacă acesta este cazul dvs., vă recomandăm să utilizați pluginul Direct Checkout sau scriptul PHP descris în secțiunea 3.

1. 1. Pentru a seta manual atributele implicite, mai întâi, în tabloul de bord WooCommerce , accesați Produse și apoi faceți clic pe produsul dvs. variabil.
   2. Apoi, selectați Produs variabil din meniul drop-down Date produs .
   3. După aceea, sub Variații , trebuie să selectați Valorile implicite ale formularului . Acestea sunt atributele care vor fi selectate implicit pentru acel produs.

Asta e! Ați creat manual atributele implicite ale produsului ! Acum, când un cumpărător vizitează pagina de produs variabil, va afișa atributele pe care le-ați selectat în mod implicit și butonul Adăugare în coș va fi activat.

Rețineți că trebuie să setați atributele implicite pentru fiecare produs variabil pe care îl aveți. De aceea, dacă aveți multe produse, vă recomandăm să utilizați pluginul Direct Checkout sau scriptul PHP pe care îl vom descrie mai jos.

3) Creați produse implicite în mod programatic (PHP)

Dacă nu doriți să instalați niciun plugin pe site-ul dvs. și aveți niște abilități de codare, puteți crea atribute implicite ale produsului WooCommerce în mod programatic cu puțin PHP.

SFAT: Creați o temă copil

Înainte de a începe, vă recomandăm să creați o temă copil . Dacă nu aveți unul, pur și simplu instalați orice plugin care vă place sau codificați-l singur. Pentru mai multe informații despre cum să creați o temă pentru copii, consultați ghidul nostru pas cu pas. Acest lucru este important deoarece dacă modificați fișierele temei părinte, data viitoare când actualizați tema, veți pierde toate personalizările. Cu toate acestea, dacă modificați tema secundară, modificările dvs. nu vor fi înlocuite de noua versiune a temei.

Acum că ați instalat tema copil, să intrăm în ea.

Script PHP

Pentru a seta variația implicită în mod programatic în WooCommerce, va trebui să modificați fișierul functions.php . Pur și simplu accesați wp-content/yourtheme/functions.php pe tema copilului dumneavoastră. Aici, vă vom arăta codul complet și apoi vă vom explica părțile sale principale. Deci, scriptul PHP complet pentru a crea atributele implicite ale produsului WooCommerce în mod programatic este următorul:

 add_action('woocommerce_before_single_product_summary', 'quadlayers_product_default_attributes');
funcția quadlayers_product_default_attributes() {
      global $produs;
      dacă (!count($default_attributes = get_post_meta($product->get_id(), '_default_attributes'))) {
        $new_defaults = array();
        $product_attributes = $produs->get_attributes();
        dacă (număr($atribute_produs)) {
          foreach ($product_attributes ca $key => $atribute) {
            $valori = explode(',', $produs->get_attribute($cheie));
            if (isset($values[0]) && !isset($default_attributes[$key])) {
              $new_defaults[$key] = sanitize_key($values[0]);
            }
          }
          update_post_meta($product->get_id(), '_default_attributes', $new_defaults);
        }
      }
    }  

Acum, să o descompunem.

Carligul

Folosim hook- ul woocommerce_before_single_product_summary . Acest cârlig de acțiune va rula înainte ca pagina să se încarce, astfel încât vă permite să adăugați ceva logică înainte ca utilizatorul să o vadă.

 add_action('woocommerce_before_single_product_summary', 'quadlayers_update_product_default_attributes');

Verificați atributele implicite

Apoi, verificăm dacă meta_default_attributes există pentru a nu rula scriptul de două ori.

 dacă (!count($default_attributes = get_post_meta($product->get_id(), '_default_attributes'))) {
      $new_defaults = array();

Atribute

După aceea, obținem întreaga gamă de atribute

 $product_attributes = $produs->get_attributes();
        dacă (număr($atribute_produs)) {

Și apoi repetăm ​​peste acea serie de atribute.

 foreach ($product_attributes ca $key => $atribute) {
            $valori = explode(',', $produs->get_attribute($cheie));

Obținem prima valoare a fiecărui atribut.

 if (isset($values[0]) && !isset($default_attributes[$key])) {

Dacă atributul nu are o valoare, atunci scriptul va adăuga prima valoare a opțiunilor disponibile în $new_defaults.

 $new_defaults[$key] = sanitize_key($values[0]);
            }
          }

Apoi, salvează $new_defaults în meta_default_attributes. Acest lucru va fi verificat pentru a nu rula scriptul de două ori.

 update_post_meta($product->get_id(), '_default_attributes', $new_defaults);
        }
      }
    }  

Concluzie

Una peste alta, nesetarea atributelor implicite pentru produsele variabile vă poate afecta ratele de conversie și vă poate face să pierdeți multe vânzări. Butonul Adaugă în coș va apărea ca fiind dezactivat, astfel încât utilizatorii pot crede că nu pot cumpăra și pleca.

Vestea bună este că adăugarea atributelor implicite este o sarcină ușoară. Dacă nu aveți abilități de codificare, puteți utiliza Direct Checkout pentru WooCommerce și puteți adăuga atributele implicite ale produsului cu câteva clicuri. În plus, dacă nu aveți multe produse, o puteți face manual prin tabloul de bord WooCommerce. Pe de altă parte, dacă preferați să o faceți programatic, puteți seta atributele implicite cu puțină codare.

Dacă doriți mai multe informații despre cum să vă îmbunătățiți site-ul WooCommerce în mod programatic, puteți arunca o privire la ghidurile noastre despre cum să adăugați în coș și să implementați funcția AJAX de adăugare în coș pe site-ul dvs.

Pe care dintre aceste metode vei folosi? Spune-ne gândurile tale în secțiunea de comentarii de mai jos!