WooCommerce za početnike (3. deo): povezivanje proizvoda

Kada se pomene pokretanje „e-commerce”, potrebno je upoznati se s osnovama rada i platformama koje omogućuju jednostavan rad i za koje nije neophodno profesionalno programersko znanje. Za Vordpres (eng. WordPress), besplatni dodatak koji to obezbeđuje je „WooCommerce”.

Dosad smo se bavili pokretanjem onlajn prodavnice u tekstu u kome smo predstavili osnovne smernice s kojima se treba upoznati pre instaliranja dodatka i osnovnih podešavanja – zbog čega odabrati „WooCommerce” i na šta pritom treba obratiti pažnju; dok smo u drugom delu teksta predložili 5 besplatnih tema koje odgovaraju različitim vrstama onlajn prodavnica. U nastavku sledi detaljnije objašnjenje o strukturi strana pojedinačnih proizvoda, o povezivanju i poručivanju proizvoda.

Struktura strane proizvoda

Bitna stavka kada se radi o stranama pojedinačnih proizvoda (eng. WooCommerce single product page layout structure) jeste pitanje šta sve takva strana treba da sadrži, odnosno kakva treba da bude struktura strane.

Najbolji način za pronalaženje odgovora na ovo važno pitanje predstavlja poseta onlajn prodavnicama u različitim industrijama i sumiranje stavki šta na njima postoji, šta ne postoji a trebalo bi, i šta postoji a ne treba da bude tu.

U nastavku ćemo najbrojati neke osnovne principe:

• Hijerarhijska struktura (eng. breadcrumb trail): obično se nalazi u gornjem levom uglu iznad slike proizvoda čija uloga jeste da posetioca uputi kako na putanju kojom je stigao do strane na kojoj se nalazi, tako i na kategoriju u kojoj je proizvod sortiran. Klikom na bilo koji od prethodnih koraka korisnik može otići korak unazad ka kategoriji i pogledati više sličnih proizvoda.
• Glavna (istaknuta) fotografija: prikazuje proizvod iz najboljeg ugla.
• Naziv proizvoda: detaljan naziv proizvoda treba da bude lako uočljiv i čitak i da se nalazi na mestu koje je po hijerarhiji dovoljno upadljivo.
• Informacije o veličinama: odnosi se uglavnom na odevne predmete i obuću, jer je za takve proizvode ključno da kupac jednostavno i lako odabere standardnu ili alternativnu veličinu. Preporuka je da na sajt ubacite i stranu s detaljnim informacijama o veličinama i da ona bude lako dostupna i vidljiva u glavnom meniju, kako bi kupci mogli da odaberu pravu veličinu i izbegnu kasnije probleme s povraćajem i zamenom robe.
• Galerija slika: izlistane ispod glavne fotografije, korisniku pružaju bolji vizuelni prikaz proizvoda iz više uglova i prateće opreme koja se dobija u kombinaciji. Klikom na bilo koju od slika može se otvoriti novi prozor u okviru postojeće stranice na kojoj se glavna fotografija menja, uvećava ili još mnogo drugih mogućnosti. Na vama je da odaberete koju želite.
• Cena: nalazi se u zamišljenom pravougaoniku koji čine glavna fotografija, naziv proizvoda i dugme za poručivanje i pruža kompletan prvi utisak o proizvodu. Najbolje je smestiti informaciju o ceni odmah iznad dugmeta za poručivanje.
• Dugme za poručivanje: čini jedinstvenu celinu s cenom proizvoda i trebalo bi vizuelno da joj bude prilagođeno, tj. da se nalazi ispod njega. Na taj način ostavlja se prijatniji utisak na kupca, blâgo se sugeriše poziv na akciju (eng. Call To Action) i navodi na kupovinu.
• Informacije o proizvodu: savršeno mesto da posetiocu pružite više informacija o proizvodu koji pregleda, da mu objasnite na koji će mu način on rešiti problem ili upotpuniti garderober / stil / radni prostor, i sl.
• Ocene korisnika / prethodnih kupaca: ako omogućite ovu opciju, budite spremni i na komentare koji neće uvek biti samo pohvalni i kvalitetni, jer kupci pišu stvarne utiske na osnovu stečenog iskustva o kupovini, dostavi i kvalitetu proizvoda. Ipak, omogućavanje ocenjivanja proizvoda u komentarima korisnika svakako ima pozitivno dejstvo na nove kupce, jer vas predstavlja kao verodostojnog prodavca koji ceni mišljenje svojih mušterija.
• Pitanja i odgovori: korisna stavka koju nema mnogo onlajn prodavnica. Savršen način da stupite u interakciju s potencijalnim kupcima i omogućite im prostor da saznaju informacije koje nedostaju u opisu proizvoda kao što su detaljno opisan način i vreme dostave, vrste plaćanja itd.
• Dodatne informacije: ukoliko kupovinom određenog proizvoda kupac ostvaruje dodatne pogodnosti poput sniženja i popusta, takve informacije treba da budu istaknute na strani proizvoda. To takođe mogu biti i informacije o brojevima telefona, adresi prodavnice, pogodnosti za kupovinu ili dostavu proizvoda, akcije na društvenim mrežama, itd.
• Povezivanje proizvoda: svaka dobra onlajn prodavnica nudi povezane, slične i prethodno pregledane proizvode, da bi se kupcu sugerisalo šta je još dostupno i šta može da pretražuje.

Osim ovih 12 stavki, uvek je moguće dodati još, ali imajte na umu da informacije treba da budu pregledne a dugmad jasno definisana, i da ih ne bude previše, kako bi se posetioci lakše snašli na strani i postali kupci.

Povezivanje proizvoda (eng. product crosslinking)

„WooCommerce” nudi 3 načina za povezivanje proizvoda: pomoću sličnih proizvoda (koje postavlja vlasnik), pomoću prethodno pregledanih proizvoda (određuje ih korisnik, tj. algoritam prodavnice na osnovu upita korisnika), i po kategorijama i oznakama.

Iako se organizacija povezivanja proizvoda može razlikovati u odnosu na dizajn same strane, najčešće se slični proizvodi (prema eng. up-sells) izlistavaju s desne strane u odnosu na trenutno pregledani proizvod. Cena ne mora nužno biti glavni kriterijum za povezivanje, ali najčešće jeste. Ovu vrstu povezivanja proizvoda određuje vlasnik prodavnice, tako što ih povezuje na individualnim stranama pojedinačnih proizvoda. Ovo je dobar način da korisnika zainteresujete da pogleda i druge proizvode, čime povećavate šanse za uspešnu konveziju.

Druga vrsta povezivanja jesu prethodno pregledani proizvodi (prema eng. cross-sells). Ukoliko ih nema, tj. ako je posetilac otvorio samo jednu stranu i nije dalje pretraživao, mogu se prikazati proizvodi koje su pregledali prethodnih posetioci. To potencijalnom kupcu pokazuje šta su drugi posetioci pretraživali ili kupili, i takođe ga navodi da pregleda i druge proizvode.

Treća vrsta povezivanja su proizvodi iz iste kategorije ili s istim oznakama. U praksi to znači da, ukoliko prodajete odevne predmete, a korisnik pregleda obuću, onlajn prodavnica će ponuditi i trenerku ili tašnu iz iste proizvodne linije ili od istog proizvođača, ili obuću sličnih karakteristika. Ova praksa ima dobar uticaj na potrošače jer im nudi proizvode za koje možda nisu ni znali ali bi za njih mogli biti zainteresovani.

Poručivanje proizvoda

Kada se instalira „WooCommerce”, osnovno dugme za poručivanje proizvoda najčešće glasi „dodaj u korpu” (prema eng. add to cart), ali mnoge posetioce to zbunjuje i usporava proces poručivanja.

To dugme je, zapravo, osnovna svrha onlajn prodavnice, CTA (eng. call to action, srp. poziv na akciju). Ono treba da izvrši konverziju tako što će navesti posetioca da klikne na poručivanje proizvoda i time postane kupac. Zbog toga je ovo dugme izuzetno bitno.

Tekst na dugmetu za poručivanje može se promeniti i prilagoditi na dva načina: kroz sam dodatak „WooCommerce”, ili kroz kôd. Ovde ćemo ukratko predstaviti oba.

Ako se odlučite za uređivanje kroz dodatak, potrebno je da se ulogujete u svoj nalog i pristupite podešavanjima (eng. Settings). Kartice koje se tu izlistavaju su opšta podešavanja (eng. general), proizvodi (eng. products), porez (eng. tax), potvrda (eng. checkout), dostava (eng. shipping), nalog (eng. account), imejl adresa (eng. emails), API, opcije vidljivosti (eng. visibility options). Na poslednjoj se nalazi tekst dugmeta za dodavanje u korpu (eng. add to cart button text). Izmenite ga u „poruči” i sačuvajte promene. Sada će posetiocima vaše prodavnice biti lakše da poruče proizvod!

Druga mogućnost za izmene dugmeta za poručivanje jeste direktno kroz kôd. Razlozi za to su brojni: od dostupnosti ograničenog broja proizvoda ili kategorija do mogućnosti za potpunu izmenljivost strana. Koji god da je u pitanju, prvo treba ukloniti dugme za poručivanje iz cele prodavnice pomoću sledećih linja kôda:

[code]<?php
function patricks_remove_loop_button(){
remove_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’, 10 ); // removes the add to cart button on the shop page
remove_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_add_to_cart’, 30 ); //removes the add to cart button on the single product page
}
add_action(‘init’,’patricks_remove_loop_button’);[/code]

Zatim se dugme uklanja sa stranica pojedinačnih proizvoda pomoću sledećih linija kôda:

[code]<?php function patricks_woocommerce_call_to_order_button(){ global $product; //get the product object if ( $product ) { // if there’s a product proceed $url = esc_url( $product->get_permalink() ); //get the permalink to the product
echo ‘<a rel=“nofollow“ href=“‘ . $url . ‘“ class=“button add_to_cart_button „>Call to order!</a>’; //display a button that goes to the product page
}
}
add_action(‘woocommerce_after_shop_loop_item’,’patricks_woocommerce_call_to_order_button’, 10);
[/code]

Poslednji korak je da se dugme vrati, ali sa željenim tekstom:

[code]<?php
function patricks_woocommerce_call_to_order_text() {
echo ‘

Poruči <strong>123-456-7890</strong>.

‘;
}
add_action(‘woocommerce_single_product_summary’,’patricks_woocommerce_call_to_order_text’, 30);[/code]

Umesto zaključka

„WooCommerce” jeste besplatan i jeste jednostavan za upotrebu, ali potrebno je dosta vežbe i isprobavanja da biste otkrili šta funkcioniše a šta ne. Posedovanje onlajn prodavnice neće je automatski učiniti uspešnom, ali saradnja s kupcima hoće, kao i saznanje o tome na koji je način možete prilagoditi svojim mogućnostima i prodajnom asortimanu.

Da biste ovladali naprednijim tehnikama koje će dovesti do uspešne konverzije potrebno je poznavati i stanje na tržištu, a ne samo kôd i programiranje. Na taj način, praćenjem konkurencije, analizom stanja i drugih onlajn prodavnica, moći ćete u svojoj prodavnici da primenite samo dobru praksu i pospešite svoje elektronsko poslovanje.