Nämä 12 WooCommercen tuotevariaatiolaajennusta tekevät sivustostasi helpompi käyttää
✅
Olet ehkä yllättynyt, kun loit ensimmäisen kerran tuotemuunnelman WooCommercen avulla.
Jos lisäät "sinisen" muunnelman t-paitaasi, näet tuotesivulla pudotusvalikon. Se toimii hyvin, mutta värimalli olisi paljon intuitiivisempi.
Tässä luetellut parhaat WooCommercen tuotevariaatiolaajennukset korjaavat tämän ongelman.
Alla luetellut laajennukset tarjoavat kukin visuaalisia vaihtoehtoja tuotemuunnelmiesi näyttämiseen, jolloin saat kauniimpia ja helpompia tapoja jakaa tuotteesi koot, värit jne.
Vain erittäin arvostetut laajennukset on sisällytetty tähän.
Ilmeisten bestseller-tuotteiden lisäksi löydät myös ainutlaatuisia lisäyksiä, kuten tuotevariaatiotaulukoita ja muita muuttujakuvia.
Nämä laajennukset auttavat sinua myymään useampia muunnelmia samasta tuotteesta ja helpottavat muunnelmien valitsemista ostajillesi.
Koska nämä ovat verkkokaupan laajennuksia, jotka auttavat sinua lisäämään myyntiä, ne ovat pääasiassa premium-laajennuksia, mutta lopussa on ilmainen vaihtoehto.
-
1 WooCommercen parempia muunnelmia
Laajennuksen kuvaus
Better Variations tarjoaa sinulle yksinkertaisia mutta ainutlaatuisia vaihtoehtoja vaihteleville tuotteillesi. Siinä on kaksi "näyttötilaa", joilla voit mukauttaa tapaa, jolla esität muuttuvia valintoja asiakkaille.
"Standard"-näyttötilan avulla voit varmistaa, että varastosta loppuneet muunnelmat poistetaan käytöstä ja näkyvät harmaina. Tämä tarkoittaa, että ne näkyvät edelleen käyttäjälle, mutta niitä ei voi valita. Tämä ominaisuus toimii sekä yhden että useamman tuotteen attribuuttien kanssa. Voit myös lisätä hieman ylimääräistä tekstiä varastossa oleviin muunnelmiin. Voit esimerkiksi lisätä yksinkertaisen viestin, kuten "Loppu loppu!" tai voit jopa lisätä päivämäärän, jolloin muunnelma on jälleen varastossa.
Muita räätälöintivaihtoehtoja ovat mahdollisuus käyttää eri värejä varastossa oleviin ja loppuviin muunnelmiin. Voit jopa lajitella muunnelmia niin, että varastossa olevat tuotteet näkyvät lopputuotteiden yläpuolella. Nämä ovat kaikki yksinkertaisia ideoita, jotka voidaan toteuttaa helposti Better Variations -laajennuksella.
Toinen näyttötila on "Grid". Tämän avulla voit näyttää kaikki tuotemuunnelmasi yhdessä taulukossa tai ruudukkonäkymässä, jotta asiakkaat voivat syöttää määriä useille tuotteille ilman työlästä tehtävää valita jokainen muunnelma erikseen. Voit myös näyttää kunkin muunnelman osake- ja hintatiedot.
Grid-tila on ihanteellinen B2B- ja tukkukaupan sivustoille, joissa asiakkaiden on nopeasti lisättävä useita muunnelmia ostoskoriin. Se tekee muuttuvien tuotteiden tilaamisesta paljon yksinkertaisempaa.
Kaiken kaikkiaan Better Variations on mahtava laajennus jokaiselle WooCommerce-myymälälle, joka käyttää laajasti tuotevariaatioita.
-
2 WooCommerce-variaatiomallia
Laajennuksen kuvaus
Toinen harkittava laajennus on WooCommerce Variation Swatches. Parasta tässä laajennuksessa on, että se voi automaattisesti muuntaa olemassa olevat pudotusvalikot mallitilkkuiksi. Kaikkien tuotteidesi vaihtaminen tyylikkäämpään mallitilkkuvalitsimen malliin vie vain minuutteja.
Tämä WooCommerce-laajennus sisältää myös mahdollisuuden luoda kaksisävyisiä värimalleja. Pyöreä malli jaetaan kahtia, jotta ostajat näkevät helposti saamansa paletin. Ja jos haluat mieluummin näyttää asiakkaille esikatselun siitä, miltä tuote näyttää valitulla värillä, voit korvata värimallit pienillä tuotteen pikkukuvilla, jotka on luotu automaattisesti suositellusta kuvastasi.
Kaiken kaikkiaan se on mahtava laajennus jokaiseen kauppaan, joka käyttää värivaihteluita.
-
3 WooCommerce-lisävariaatiokuvaa
Laajennuksen kuvaus
Muunnelmien suuri rajoitus on, että ostajat näkevät edelleen samat tuotekuvat ja -videot riippumatta siitä, minkä muunnelman he valitsevat. Kaikki muuttuu WooCommerce Additional Variation Images -laajennuksen myötä.
Tämän laajennuksen avulla voit lisätä uusia kuvia ja videoita jokaiseen tuotemuunnelmaan. Tämä antaa asiakkaille paremman kuvan tuotteesta ennen ostoa ja parantaa ostokokemuksen laatua.
WooCommercen lisävariaatiokuvat tarjoavat myös useita mukautusvaihtoehtoja. Voit ottaa käyttöön automaattisen toiston liukusäätimelle, näyttää/piilottaa elementtejä, kuten nuolia, ja muuttaa pikkukuvien sijaintia. Ja tietysti se on täysin reagoiva ja mobiiliystävällinen riippumatta siitä, miten määrität sen.
Napsauta alla olevaa linkkiä nähdäksesi lisää kuvakaappauksia ja tietoja.
-
4 WooCommerce Show -muunnelmia kauppasivulla
Laajennuksen kuvaus
Normaalisti WooCommerce listaa kaikki tuotteesi kauppasivulla, ja ostajien on valittava tuote nähdäkseen sen muunnelmat. Joillekin kaupoille on käytännöllisempää sisällyttää kaikki tuotevariaatiot kauppasivulle, ja juuri sitä WooCommerce Show Variations on Shop -sivulla voi tehdä kaupallesi.
Kun otat tämän laajennuksen käyttöön, tuotteesi ja kaikki niiden muunnelmat näkyvät pääkauppasivullasi. Koska muunnelmien yleiset tuotenimet ovat huonoja, voit kirjoittaa kunkin muunnelman otsikon uudelleen tehdäksesi siitä houkuttelevamman. Huomaat myös, että kun suodatat attribuutin mukaan kauppasivulla, oikea muunnelma tulee aina näkyviin.
Jos haluat tuoda muunnelmillesi enemmän näkyvyyttä kaupassasi, tämä laajennus auttaa valtavasti.
-
5 YITH WooCommerce -väri- ja etikettivariaatiota
Laajennuksen kuvaus
Tämä YITH:n tuotevariaatiolaajennus on todennäköisesti etsimäsi laajennus. Sen avulla voit lisätä kauniita värimalleja ja muita valittuja vaihtoehtoja tuotesivuillesi WooCommercen käyttämien tylsien pudotusvalikoiden sijaan .
Tällä muunnelmalaajennuksella voit valita oikean tyyppisen kuvakkeen, joka näytetään tuotesivulla jokaiselle lisäämällesi muuttujalle. Voit esimerkiksi lisätä värivalitsimen, jonka avulla vierailija voi valita värin, kuvan täysin eri tyyliin tai pelkkää tekstiä koon valitsemista varten. Pelkästään tämä vaihtoehto tekee laajennuksesta hintansa arvoisen, mutta mukana on vielä enemmän ominaisuuksia.
Voit myös lisätä jokaiselle muunnelmalle täysin erilaisen kuvagallerian. Jos sinulla on esimerkiksi huppari myynnissä ja joku valitsee vihreän version, kaikki galleriakuvasi päivittyvät vastaamaan vihreää muunnelmaa. Voit myös lisätä pieniä työkaluvihjeitä, jotka näkyvät tyylien pikkukuvien suurempien kuvien yhteydessä.
Kaikkien näiden ominaisuuksien lisäksi voit myös lisätä lyhyen kuvauksen kunkin muunnelman alle, luetella kaikki muunnelmavaihtoehdot tuotekuvauksen alla olevassa Lisätiedot-osiossa ja näyttää muunnelmasi yksittäisten tuotteiden tavoin kauppasivuillasi.
Kaiken kaikkiaan tämä on erinomainen laajennus muunnelmien hallintaan ja paremman käyttökokemuksen luomiseen asiakkaillesi.
-
6 WooCommerce Variation Master
Laajennuksen kuvaus
Tämän laajennuksen nimi on "Variation Master" jostain syystä. Se tekee paljon enemmän kuin lisää värimalleja ja mukautettuja tarroja tuotesivuillesi.
Kuten voit odottaa, tämän laajennuksen avulla voit näyttää värimalleja tuotesivuilla ja yksittäisiä kirjaimia tuotekooille ("L" suurille). Tämän toiminnon lisäksi se sisältää myös monia muita hyödyllisiä ominaisuuksia.
WooCommerce Variation Masterin avulla voit lisätä uuden kuvagallerian jokaiselle muunnelmalle. Jos sinulla on neljä kuvaa valkoiselle paidalle ja asiakas vaihtaa vaaleanpunaiseen versioon, kaikki neljä galleriakuvaa päivittyvät. On myös mahdollisuus muuttaa gallerian kuvat liukusäätimeksi, jotta voit lisätä vielä enemmän tuotekuvia. Sujuvamman ostokokemuksen saamiseksi voit ottaa kaikki nämä vaihtoehdot käyttöön suoraan kauppasivulla ja yksittäisen tuotteen sivulla.
Ehkä hienoin ominaisuus WooCommerce Variation Master -laajennuksessa on ostoskorisivun ponnahdusikkuna. Jokaiseen ostoskorituotteeseen on lisätty uusi Päivitä-painike, ja jos asiakas napsauttaa sitä, se näyttää ponnahdusikkunan suoraan ostoskorisivulla. Ponnahdusikkunan sisällä muunnelmia voidaan muuttaa. Esimerkiksi musta paita voidaan vaihtaa siniseksi. Määrää voi myös säätää.
Kaikki tämän laajennuksen lisäämät mallit ovat täysin reagoivia, joten vaihtoehdot ovat täysin käytettävissä sekä pöytäkoneilla että mobiililaitteilla. Jos haluat monia tapoja muokata muunnelmien valintaa tuotteillesi, WooCommerce Variation Master -laajennus on loistava valinta.
-
7 WooCommercen joukkomuunnelmaa
Laajennuksen kuvaus
Myymiesi tuotteiden tyypistä riippuen saatat huomata, että asiakkaat haluavat ostaa useita muunnelmia samasta tuotteesta. Oletusmuunnelmat tekevät tästä melko aikaa vievää, koska jokainen muunnelma on lisättävä ostoskoriin yksi kerrallaan.
WooCommerce Bulk Variations -laajennus ratkaisee tämän ongelman näyttämällä tietyn tuotteen kaikki muunnelmat matriisi- tai ruudukkomuodossa. Asiakkaat voivat syöttää tarvitsemansa määrän jokaisesta muunnelmasta ja klikata sitten Lisää ostoskoriin -painiketta kerran sen sijaan, että prosessi toistetaan useita kertoja.
Joukkomuunnelmien ruudukon määrittämiseen on monia vaihtoehtoja. Voit valita, mihin tuotteisiin sitä käytetään ja näytetäänkö jokaisesta muunnelmasta kuva. Voit valita, mitkä attribuutit näytetään riveinä tai sarakkeina muunnelmaruudukossa, ja voit näyttää lisäominaisuuksia, kuten osaketietoja.
-
8 WooCommercen tuotevariaatiotaulukko
Laajennuksen kuvaus
Jos myyt vaatteita, voit todennäköisesti valita värimalleja ja ystävälliset visuaaliset vaihtoehdot yksittäisen tuotteen valitsemiseen. Mutta teknisille tuotteille tämä ei ehkä riitä. Esimerkiksi tietokoneen osia tai kameratarvikkeita ostavat asiakkaat saattavat haluta tarkistaa useita teknisiä tietoja kerralla. Sieltä tulee käyttöön muunnelmien taulukkolaajennus.
Product Variations Table for WooCommerce -laajennuksen avulla voit näyttää täydellisen taulukon kaikista eri muunnelmista. Vielä parempi, vierailijat voivat lisätä tuotteita pöydästä suoraan ostoskoriin. Tämä tarkoittaa, että sen sijaan, että esität kaikki muunnelmat visuaalisesti, voit käyttää tätä myyntityökaluna saadaksesi kävijät ostamaan useita muunnelmia kerralla.
Taulukko sisältää reaaliaikaisen haun, joka päivittää rivit välittömästi vierailijoiden kirjoittaessa hakupalkkiin. Taulukoita on tunnetusti vaikea mukauttaa mobiililaitteisiin, mutta tämä laajennus käsittelee responsiivista suunnittelua erinomaisesti.
-
9 WooCommerce-tuotetaulukko
Laajennuksen kuvaus
Normaalisti WooCommerce antaa asiakkaiden valita muunnelmia vain yhdeltä tuotesivulta. Tämä ei ole ihanteellinen, koska jos asiakas haluaa ostaa useita erilaisia muuttuvia tuotteita, hänen on vierailtava useilla sivuilla.
WooCommerce Product Table on täydellinen ratkaisu, koska sen avulla asiakkaat voivat lisätä muunnelmia yhdeltä tuotesivulta. Se tekee tämän luetteloimalla tuotteet nopealla tilauslomakkeella, joka sisältää määrävalitsimia ja muunnelmien valitsimia.
Voit listata tuotteita ja muunnelmia kauppasivulla, luokkasivuilla tai manuaalisesti lisäämällä lyhytkoodi mille tahansa sivulle tai viestiin. Jos jokaisessa pöydässä on paljon tuotteita, voit auttaa asiakkaita löytämään ne helpommin AJAX-hakukentän avulla. On myös mahdollista lisätä suodatinvalikot, jotta asiakkaat voivat nopeasti suodattaa taulukkoa löytääkseen muuttuvia tuotteita tietyllä attribuutilla.
Tuotetaulukossa on kaksi tapaa näyttää muunnelmia. Voit joko näyttää ne avattavina valikoina kunkin tuotteen Lisää ostoskoriin -sarakkeessa tai luetella kunkin muunnelman erilliselle taulukon riville. Joka tapauksessa se on erinomainen tapa valita muunnelmia yksittäisen tuotesivun ulkopuolelta.
-
10 WooCombinator
Laajennuksen kuvaus
WooCombinator on toinen loistava vaihtoehto muunnelmien pudotusvalikoiden muuttamiseksi houkuttelevammiksi malleiksi.
Tämä laajennus näyttää kaikki muunnelmasi painikkeina tuotekuvauksen yläpuolella. Sivulla voi olla esimerkiksi pullon muunnelmia "lasi" ja "muovi", ja vierailijat voivat valita sen nopeasti napsauttamalla sitä. Valittu muunnelma korostetaan sivulla, jotta niiden valinta on selkeä.
Kun sinulla on useita WooCommerce-attribuutteja ja tuotevariaatioita, WooCombinator tarjoaa erinomaisen tavan antaa vierailijoille mahdollisuuden valita nopeasti haluamansa version tuotteesta. Puhumattakaan, on hauskaa valita oikeat vaihtoehdot, ja saatat joutua veloittaa enemmän näiden valintojen perusteella, mikä parantaa tulostasi.
Jos olet kehittäjä tai osaat kirjoittaa CSS:n, saatat pitää parempana tätä laajennusta. Sen avulla voit lisätä mukautettuja luokkia elementeille ja tiloihin ja lisätä helposti omia sisäisiä CSS-sääntöjä. Siellä on myös runsaasti dokumentaatiota, joka auttaa aloittelevia ja edistyneitä käyttäjiä.
WooCombinator tarjoaa asiakkaillesi paljon sujuvamman kokemuksen kuin oletusarvoiset avattavat valikot. Ostajat näkevät selkeästi kaikki vaihtoehdot kerralla, ja heidän valintansa ovat selkeät. YITH-laajennus näyttää kuitenkin todelliset saatavilla olevat värit ja voi sisältää pieniä tuotekuvia, mikä on selkeämpi ja näkyvämpi.
-
11 variaatiomallia WooCommercelle
Laajennuksen kuvaus
Jos etsit ilmaista ja suoraviivaista vaihtoehtoa, Variation Swatches for WooCommerce on erinomainen.
Tämä laajennus toimii täsmälleen odotetulla tavalla. Se käyttää värivaihtoehtojasi, ja WooCommercen tavallisesti näyttämän pudotusvalikon käyttämisen sijaan se tulostaa värimalleja, joita voidaan helposti napsauttaa. Näin vierailijat näkevät nopeasti saatavilla olevat värit ja valitsevat niistä.
Kuvavaihtoehdot ovat ehkä yksinkertaisia värimalleja käytännöllisempiä. Jos sinulla on esimerkiksi eri tyylejä samasta kellosta, voit korvata värimallit eri kellotyylien pienillä pikkukuvilla. Kuvan variaatiomallit ovat kuvaavampia kuin tavallisten värien käyttäminen.
Tämä WordPress-laajennus toimii useiden muuttuvien tuotemääritteiden kanssa värien lisäksi. Se toimii myös vaatekokojen, kenkäkokojen ja sormuskokojen kanssa. Voit mukauttaa sen käytännöllisesti katsoen mihin tahansa haluamasi tuotteen ominaisuuksiin.
Vaikka edistyneemmät vaihtoehdot rajoittuvat PRO-versioon, ilmainen versio on tarpeeksi hyödyllinen ja toimii loistavasti väri- ja kuvamallien lisäämiseen.
-
12 WooCommercen lisävariaatiokuva
Laajennuksen kuvaus
WooCommerce Additional Variation Image on yksinkertainen ominaisuuslaajennus, joka lisää sivustollesi lisää muunnelmia.
Tämän laajennuksen avulla voit lisätä tuotekuvia jokaiselle sivustosi muunnelmalle. Kun potentiaalinen asiakas valitsee uuden muunnelman, kaikki kuvat päivitetään välittömästi vastaamaan niitä.
Vaikka tämä WooCommerce-laajennus ei sisällä visuaalisia värimalleja kuten muut, voit käyttää sitä muiden tässä lueteltujen laajennusten lisäksi. Tämä tarkoittaa, että voit korvata oletusarvoiset avattavat valikot toisella laajennuksella ja pitää kiinni tästä laajennuksesta lisätäksesi lisää kuvamuunnelmia.
Virallisessa WooCommerce-kaupassa myytävänä laajennuksena voit myös luottaa siihen, että WooCommerce-kehitystiimi on hyvin koodannut ja dokumentoinut sen.
Tässä luettelossa on monia hyödyllisiä laajennuksia, joista voit valita, joten et kävele tyhjin käsin.
Joillekin sivustoille YITH WooCommerce Color and Label Variations on paras valinta. Se käsittelee hyvin värimääritteitä ja monia muita tuotemuuttujia. Se mahdollistaa myös valitulle muuttujalle ominaiset kuvat.
Toinen korostamisen arvoinen laajennus on WooCommercen tuotevariaatiotaulukko yksinkertaisesti siksi, että se on ainutlaatuinen. Jos myyt paljon teknisiä tuotteita, joita on verrattava ja arvioitava, tämä on loistava tapa tarjota ostajille yleiskatsaus.
Jos etsit uutta designia WooCommerce-myymälääsi, tutustu Modern Store -teemaan. Se on ilmainen!
Kiitos, että tutustuit tähän parhaiden WooCommerce-tuotemuunnelmien laajennusten kokoelmaan. Muista jakaa tämä artikkeli jonkun muun kanssa ennen kuin lähdet.