Kuidas luua WooCommendi tooteslaid (2 tasuta pistikprogrammi)
Mida suuremaks teie tootekataloog kasvab, seda raskemaks on külastajatel leida seda, mida nad soovivad. Pärast lehe sirvimist, lootes õige üksuse leidmist, võib kujuneda meeleheaks. Siin on abiks toote liugur.
Tooteslaidide abil saate ühel lehel näidata nii palju üksusi kui soovite ja saate oma kataloogis hõlpsalt navigeerida. Teie liugur võib sõltuvalt valitud kujundusest hõivata nii vähe või nii palju ruumi kui vaja.
Selles artiklis näitame teile mõnda meie lemmiknäidet e-kaubanduse liuguritest. Seejärel tutvume WooCommercei tooteslaidi loomisega kahe erineva pistikprogrammi abil, mis mõlemad pakuvad tasuta versiooni.
Alustame!
Contents
Toote liuguri kasutamise eelised teie poes
Liugurid on kõikjal veebis. Paljud veebisaidid kasutavad nüüd oma kangelasjaotiste osana libisevaid galeriisid:
Kui soovite näidata arvustusi või klientide iseloomustusi, võivad liugurid olla ka suurepärane valik:
Kuid vähesed veebisaiditüübid võivad liuguritest saada sama palju läbisõitu kui veebipoed. Sõltuvalt sellest, kui suur on teie tootekataloog, võivad külastajad vajaliku leidmiseks sirvida paljusid lehti:
Sellest probleemist möödahiilimiseks on palju viise. Saate üksusi kategooriate järgi segmentida, paremat otsingufunktsiooni lisada ja muidugi kasutada tooteslaid:
Õigete tööriistade abil saate hõlpsalt luua tähelepanu haaravaid tooteslaid, mis aitavad teil enimmüüdud esemeid näidata. Räägime sellest, millised on teie võimalused.
Kaks lihtsat viisi toote liugurite lisamiseks veebipõhisse WordPressi poodi
Pluginate lisamiseks WordPressi saab kasutada palju pistikprogramme. Veebipoe jaoks soovite aga WooCommerce’iga ühilduvat valikut karbist välja viia. Vaatame seda, vaatame, kuidas kasutada kahte parimat liug-pistikprogrammi valikut.
1. Kasutage pistikprogrammi WooCommerce toote liugurit
WooCommendi tooteslaid on üks neist pistikprogrammidest, mis ütleb teile peaaegu kõik, mida peate oma nimel teadma. Selle pistikprogrammi abil saate võtta oma WooCommerce’i tooted ja paigutada need liugurisse.
Saate seadistada nii palju liugureid kui soovite ja sisestada need konfigureeritavate lühikoodide abil suvalisele lehele, postitusele või kohandatud mallile. Iga teie loodud toote liugur on täielikult kohandatav. See tähendab, et saate muuta selle välimust, käitumist, kas see on seatud automaatseks esitamiseks, kui see toetab mobiilseadmetel pühkimist ja palju muud.
Teie elu veelgi lihtsamaks muutmiseks sisaldab see pistikprogramm kolme teemat, mille hulgast valida, et teie liugurid näeksid ainulaadsed. Lisatasu litsentsi ostmisel on ka kümneid muid võimalusi.
Uue loodud liuguri jaoks peate nullist alustamise asemel valima teema. Järgmises õpetuses muudame oma valiku muuta see ainulaadseks ja näeme protsessil teile, kuidas pistikprogramm kohandamise korral maksma läheb.
Enne alustamist vajate vähemalt mõne tootega WooCommerce’i poodi. Siin on meie oma:
Vaadake nüüd meie valmis liugurit ja siis näitame teile, kuidas sinna jõudsime:
WooCommendi tooteslaidi seadistamine
Esimene asi, mida peate tegema, on WooCommerce’i pistikprogrammi tooteslaidi seadistamine ja aktiveerimine. Niipea kui teete, uus Toote liugur vahekaart ilmub juhtpaneelile.
Kui klõpsate nuppu Lisa uus, esimene asi, mida näete, on ülevaade viisidest, kuidas oma veebisaidile uut liugurit lisada:
Liikuge edasi ja määrake liuguri pealkiri, seejärel kerige alla üldised seaded ala. Seal saate koos kasutatava paigutuse ja teemaga konfigureerida, millist liugurit soovite ehitada:
Esimene teema pakub puhast ja minimalistlikku stiili, nii et me jääme selle valiku juurde.
Järgmisena saate konfigureerida, milliseid tooteid oma liuguril kuvada. Selle pistikprogrammi tasuta versiooni negatiivsed küljed on see, et see võimaldab teil luua liugurid ainult oma uusimate üksuste jaoks:
Läheme edasi ja konfigureerime oma liuguri nii, et see kuvaks neli veergu lauaarvuti seadmetes ja ühe mobiilseadmetes ning näitaks kokku 12 toodet.
Liikudes edasi Liugjuhtimispuldid vahekaardil, keelame automaatse esituse ja lubame seejärel navigeerimise nooled ja lehekülje seadmise:
Viimased seaded muudavad sirvimise hõlpsamaks, seetõttu soovitame teil need ka sisse lülitada. Samuti saate lubada puute pühkimise ja hiirega lohistamise, mis muudavad navigeerimise veelgi intuitiivsemaks:
Liigume peale Kuva valikud, määrasime liuguri teksti mustaks. Samuti määrasime soodsate hindade jaoks erinevat värvi, et erinevus oleks selgem:
Tüpograafia suvandid pole pistikprogrammi tasuta versioonis saadaval. Nii et praegusel hetkel on meie liugur valmis minema. Toote liuguri avaldamiseks saate selle salvestada ja seejärel kopeerida ja kleepida lühikese koodi konfiguratsiooniekraani ülaossa Lühikood blokeerida mis tahes lehel:
Üldiselt võtab täielikult funktsionaalse liuguri loomine WooCommercei tooteliuguri abil vaid paar minutit. Stiilivalikute osas olete natuke piiratud, kuid see pistikprogramm on suurepärane, kui otsite midagi minimalistlikku.
2. Koostage toote liugur, kasutades PooPluginsi tooteslaidi WooCommerce jaoks
Järgmisena on PickPluginsi tooteslaid WooCommendi jaoks suurepärane alternatiiv, kui otsite toote liuguritest rohkem funktsioone. See pistikprogramm pakub liug-animatsioonide jaoks tervet komplekti võimalusi, sealhulgas kohandatud kiirusega automaatse esituse funktsioon, hõljukiefektid ja palju muud.
Üks piirkond, kus see pistikprogramm takerdub, on see, et see ei paku teie liugurite stiilide jaoks palju kohandamisvõimalusi. See sisaldab mitmeid elemente, mida saate lisada toodetele, mis on müügis või millel on allahindlused. Siiski on teil vähem kontrolli oma toodete teksti üle.
Teisest küljest on selle pistikprogrammi eeliseks see, et see võimaldab teil oma toote liugurile lisada kohandatud CSS-i. See tähendab sind saab kohandage oma liuguri kujunduse kõiki aspekte, kui teil on CSS-is rahul.
Seda silmas pidades otsustasime kasutada seda pistikprogrammi lihtsa tooteslaidi loomiseks. Meie eesmärk oli luua midagi sarnast viimases jaotises oleva slaidiga, et näidata mõningaid peamisi erinevusi kahe pistikprogrammi vahel:
Pistikprogrammi seadistamine
Protsess oli üsna lihtne. Kui olete pistikprogrammi aktiveerinud, võite minna aadressile WCPS> Uus WCPS uue liuguri loomiseks. Esimene asi, mida peate tegema, on pealkirja määramine ja pistikprogramm näitab teile liuguri lühikoode:
Kohandamisprotsessi alustamiseks liikuge üle lehele Valikud sakk. Seal saate valida, mitu veergu elemendi töölaua- ja mobiiliversioonide jaoks kuvada tuleks. Taas valisime vastavalt neli ja üks veerg:
Edasi keelasime automaatse esituse ja lubasime loopimise, mis võimaldab külastajatel liikuda otse viimaselt elemendilt esimesele ja vastupidi. See on mugav funktsioon, mida eelmine pistikprogramm ei sisaldanud:
Peale selle lülitasime sisse hiire ja puutevalikud. Üks kasulik funktsioon, mida see pistikprogramm pakub, on laisk laadimine, mis laadib liuguri elemente järk-järgult lehe kiiruse suurendamiseks:
Nüüd oleme valmis valima, milliseid tooteid liugur kuvama peaks, kasutades nuppu Päring toode sakk. Võite kohe märgata, et see pistikprogramm sisaldab palju võimalusi, lisaks ainult teie uusimatele toodetele. Selle näite puhul jääme siiski selle sättega kinni:
Allapoole kerimisel näete võimalusi otsas olevate toodete peitmiseks ja kaasa arvatud müügis olevad tooted. Siis sisse Stiil, saate valida ühe neljast teemast, mida kasutada liuguri alusena:
Selles jaotises on ka lindid, mis on ülekatted, mis kuvatakse teie toote piltide kohal allahindluste ja pakkumiste kuvamiseks. Lõpuks hüppame üle Elemendid vahekaart, kus saame valida, milliseid elemente teie liugur peaks sisaldama:
Kuna me tahtsime ehitada midagi sarnast meie viimase liuguriga, keelasime selle Kategooria ja Müügikogus elemente. Kui teie isiklik kohandamistöö on tehtud, saate oma liuguri salvestada, selle lühikoodi kopeerida ja avaldada, kasutades a Lühikood blokeerida.
Meie mõtete kokkuvõtteks on tõdeda, et PickPlugins WooCommerce’i tooteslaid sisaldab liugurite jaoks praktilisemaid kohandamisvõimalusi. Kuid stiili kohandamine ja liides ise puuduvad mõnevõrra. Meie soovitus on proovida mõlema pistikprogrammi tasuta versiooni, et näha, milline neist sobib teie ainulaadsete vajadustega kõige paremini.
Järeldus
Toote liugurid võivad tunduda lihtsad, kuid need võivad pakkida palju lahedaid funktsioone. Saate lisada liuguritele üleminekuefektid, seada need sirvima konkreetseid tootekategooriaid, kasutama mis tahes soovitud kujundust ja palju muud.
Kui soovite pistikprogrammi, mis pakub nii stiili kui ka funktsionaalsuse osas korralikke valikuid, on WooCommerce’i toote Slider hea panus. Teisalt annab PooPluginsi tooteslaid WooCommercei jaoks palju rohkem animatsiooni võimalusi ja suuremat kontrolli selle üle, milliseid tooteid kuvada (tasuta versioonis), kuid see ei lase teil liuguri stiili nii palju muuta.
Lõpuks, kui otsite muid võimalusi oma poe ostukogemuse parendamiseks, lugege meie juhendit WooCommerce’i tootelehe optimeerimise kohta ja meie WooCommerce’i kohustuslike pistikprogrammide kogu.
Kas teil on küsimusi selle kohta, kuidas oma veebipoes toote liugurit kasutada? Vaatame neid allpool kommentaaride jaotises!
