🥇 12 Parasta lohkolisäosaa WooCommercelle 2026 (ilmaiset ja maksulliset)

Näyttääkö WooCommerce-tuotesivusi pelkältä tekstilistalta? Oletuseditori tarjoaa vain shortcodeja ja HTML:ää, ilman kunnollista ruudukkoa, karusellia tai suodattimia. Ostajat saapuvat ja poistuvat, koska mikään ei kiinnitä katsetta.

Gutenbergin lohkot ratkaisevat tämän ongelman: kokoat myymäläsivun valmiista moduuleista, tuoteruudukosta, liukusäätimestä, lisää ostoskoriin -painikkeesta, arvosteluista, vertailusta. Ilman koodia. Oletus-WooCommerce-lohkot eivät kuitenkaan aina kata kaikkea, ja räätälöinti vaatii erikoislisäosia.

Alla on 12 työkalua, jotka lisäävät edistyneitä WooCommerce-lohkoja Gutenberg-editoriin. Ilmaisista aloitusvaihtoehdoista lisäosiin, joissa on avaimet käteen -myymälärakentaja.

💡 Pikakatsaus:

• Vertaile lisäosia alussa olevan taulukon avulla, valitse 2-3 omaan tehtävääsi
• Jokaisella listan lisäosalla on rehelliset huonot puolensa ja aito kuvakaappaus käyttöliittymästä
• Jos kauppa on pieni, sisäänrakennetut WooCommerce-lohkot ja yksi ilmainen lisäosa luettelosta riittävät
• Räätälöityihin tuotekortteihin ja -ruudukoihin kannattaa tutustua WowStoreen, Stackableen tai Kadence Blocksiin

Yllä oleva lyhyt video viralliselta WordPress-kanavalta näyttää, miten WooCommerce-sivuja muokataan Gutenberg-editorin ja Full Site Editorin kautta.

Vertailutaulukko: 6 parasta lisäosaa WooCommerce-lohkoille

1. Sisäänrakennetut WooCommerce-lohkot

Erillinen WooCommerce Blocks -lisäosa poistettiin käytöstä helmikuussa 2024, ja sen toiminnot siirrettiin WooCommercen ytimeen. Nyt tuotteiden, ostoskorin ja kassan lohkot ovat käytettävissä heti WooCommercen asennuksen jälkeen, ilman erillisiä lisäosia.

Gutenberg-editoriin ilmestyy WooCommerce-välilehti, jossa on lohkoja: tuotemyymäläsivu, hinta- ja arvostelusuodatin, tuotehaku, ostoskori, kassa. Käytännössä tämä riittää tavanomaiseen verkkokauppaan. Tuotteet-lohko näyttää ruudukon, jossa on kategoriat ja lajittelu, ja Suodattimet-lohkon avulla ostaja voi suodattaa hinnan, arvostelun ja ominaisuuksien mukaan.

Sisäänrakennetut lohkot eivät tarjoa joustavaa ulkoasun muokkausta. Voit näyttää tuoteruudukon, mutta et voi muuttaa sarakkeiden määrää mobiilissa tai tyylitellä korttia. Siihen tarvitset lisäosia alla olevalta listalta.

• Hyvää: ei vaadi asennusta (osa WooCommercea), ei ristiriitoja teemojen kanssa, Automattic-tiimin aktiivisesti päivittämä
• Huonoa: ulkoasun asetukset minimaaliset, tuotekorttia ei voi räätälöidä
• Hinta: ilmainen (sisältyy WooCommerceen)
• Lataa: 🔗 WooCommerce WordPress.orgissa

2. Ultimate Blocks

Ilmainen 36 lohkon sarja Gutenbergille, suunnattu bloggaajille ja sisältömarkkinoijille. Niiden joukossa on WooCommerce-kauppiaille hyödyllisiä lohkoja: HowTo Schema (tuoteohjeet), Review tähdillä ja schema-merkinnöillä (tuotearvostelut), Content Filter (vierailijan sisällön suodatus).

Lisäosaa päivitetään aktiivisesti, viimeisin päivitys on kesäkuulta 2026, yli 50 000 aktiivista asennusta. Erillinen plussa: Review-lohko tukee schema-merkintää, mikä tarkoittaa, että arvostelutähdet näkyvät Googlen hakutuloksissa. Kaupalle, joka ylläpitää blogia tuotearvosteluineen, tämä on suora nosto klikkausprosenttiin.

Ultimate Blocks ei ole erikoistunut WooCommerceen. Täällä ei ole lohkoja tuotekortille, tuoteruudukolle tai ostoskorille. Tämä on työkalu kaupan ympärillä olevaan sisältöön, ei itse myymäläsivulle.

• Hyvää: täysin ilmainen, schema-merkintä arvosteluille ja ohjeille, sisällysluettelo ja välilehdet suoraan paketista
• Huonoa: ei WooCommerce-spesifejä lohkoja (tuoteruudukko, ostoskori), jotkin lohkot menevät päällekkäin muiden lisäosien kanssa
• Hinta: ilmainen
• Lataa: 🔗 Ultimate Blocks WordPress.orgissa

3. WowStore (entinen ProductX)

ProductX nimettiin uudelleen WowStoreksi ja kasvoi täysiveriseksi WooCommerce-myymälärakentajaksi Gutenbergille. Tämä ei ole pelkkä lohkosarja, vaan myymäläsivun rakentaja, jossa on valmiita pohjia etusivulle, tuotesivulle, ostoskorille, kassalle ja jopa kiitossivulle.

Lisäosassa on 53 lohkoa: tuoteruudukoita, liukusäätimiä, listoja, hakuja, suodattimia. Myynnin kasvattamisen työkalupakki on erityisen vaikuttava: lähtölaskuri ostoskorissa, kiinnittyvä lisää ostoskoriin -painike, ilmoitukset viimeaikaisista ostoksista, toivelista, tuotevertailu, osamaksu ja ennakkotilaus. Käytännössä tämä tarkoittaa, että WowStore kattaa sekä myymäläsivun ulkoasun että konversiomekaniikat.

Kehittäjän WPXPO mukaan lisäosa palvelee yli 60 000:ta yritystä, Trustpilot-arvosana 4,9/5. Ilmaisversio sisältää ydinlohkot ja -pohjat. Pro-versio avaa muuttuvat älykkäät ruudukot, dynaamisen sisällön ja edistyneet suodattimet.

• Plussat: avaimet käteen -tyylinen kauppapaikan rakentaja, sisäänrakennetut myynnin kasvutyökalut (toivelista, vertailu, ajastimet), nopea tuki
• Miinukset: osa keskeisistä ominaisuuksista vain Pro-versiossa, asetuskäyttöliittymä on tiivis (aloittelijalta menee tunti tai pari oppimiseen)
• Hinta: Ilmainen / Pro alkaen $49 vuodessa
• Lataus: 🔗 WowStore WordPress.orgissa | 🔗 Pro-versio WPXPO:lla

4. Storefront Blocks

PootlePressin lisäosa niille, jotka rakentavat kauppaa Storefront-teemalla ja haluavat muokata kauppasivuja ilman koodia. Se lisää Gutenberg-lohkoja, jotka keskittyvät erityisesti WooCommerceen: tuoteruudukot, liukusäätimet, karusellit, ale-lohkot lähtölaskenta-ajastimella.

Lisäosalla voit koota kaupan etusivun ja tuotesivun Gutenbergissa, taustoineen, fontteineen, välistyksineen ja painikkeiden väreineen. Voit lisätä yksittäisen tuotteen hinnalla ja kuvauksella tai kymmenien tuotteiden ruudukon. Kehittäjille on tarjolla pääsy WooCommercen koukkuihin ja suodattimiin lohkojen kautta.

Tärkeä vivahde: Storefront Blocks on räätälöity Storefront-teemalle. Muilla teemoilla lohkot toimivat, mutta tyylit saattavat vaatia manuaalista säätöä. Hinta $49 vuosilisenssille, johon sisältyy tuki ja päivitykset.

• Plussat: syvä integraatio Storefrontiin, ale-ajastin, koukut kehittäjille
• Miinukset: keskittyy yhteen teemaan, ei ilmaisversiota testausta varten, hinta yli markkinaraon keskiarvon
• Hinta: $49 vuodessa
• Lataus: 🔗 Storefront Blocks PootlePressillä

5. Product Blocks for WooCommerce

Get Bowtiedin kevyt lisäosa, jossa on kuusi erikoistunutta WooCommerce-lohkoa. Niiden joukossa ovat näyttävä Lookbook Shop by Outfit (tuotteet valokuvassa tägeillä), Product Reveal (tuotteen esikatselu hiiren viennillä päälle), Vertical Product Slider, Scattered Product List ja Product Carousel.

Lisäosan koukku ovat visuaalisesti epästandardit asettelut. Product Reveal -lohko näyttää suuren tuotekuvan, kun kursori viedään päälle, muotikaupoille ja katalogeille tämä toimii paremmin kuin tavallinen ruudukko. Karuselli ja Scattered List tarjoavat näyttövaihtoehtoja, joita ei ole WooCommercen perusversiossa.

Lisäosa on päivitetty WordPress 6.7.5:een ja WooCommerce 9.7.0:aan, mutta merkittäviä julkaisuja ei ole ollut lokakuun 2023 jälkeen, yli 4 000 aktiivista asennusta. Pienelle kaupalle, joka tarvitsee kauniita tuoteasetteluja, se toimii, mutta jos tarvitset aktiivista tukea ja tiheitä päivityksiä, katso WowStorea tai Kadence Blocksia.

• Plussat: ainutlaatuiset asettelut (Lookbook, Product Reveal), kevyt, ei lataa turhaa CSS:ää ja JS:ää
• Miinukset: harvinaiset päivitykset, vain 6 lohkoa, hidas tuki
• Hinta: ilmainen
• Lataus: 🔗 Product Blocks for WooCommerce WordPress.orgissa

6. Stackable

Yksi Gutenbergin tehokkaimmista lohkolisäosista: yli 75 lohkoa, globaali design-järjestelmä, yli 375 valmiin asettelun kirjasto ja theme.json-tuki. WooCommercelle tämä tarkoittaa, että minkä tahansa lohkon voi tyylitellä kaupan ilmeeseen globaalisti: fontit, värit ja välit kohdistuvat koko sivustoon kerralla.

Ilmaisversio sisältää keskeiset lohkot: Flexbox-säiliöt, karusellit, haitarit, välilehdet, hintataulukot, kortit ja tilauslomakkeet. Pro-versio lisää dynaamisen sisällön (hakee tietoja WooCommercen mukautetuista kentistä), integraation ACF:n ja Toolsetin kanssa, vieritysanimaation ja toimistoille suunnatun roolien hallinnan.

Stackable lataa minimaalisen määrän CSS:ää ja JavaScriptiä, noin 7,8 kt sivua kohden, ilman jQuerya. Vilkkaille verkkokaupoille tällä on merkitystä: ylimääräinen lohkokuorma ei leikkaa latausnopeutta. Yli 60 000 aktiivista asennusta, aktiivinen kehitys.

• Plussat: globaalit tyylit, kevyt koodi (noin 7,8 kt), yli 375 valmista asettelua, responsiivinen tuki
• Miinukset: dynaaminen sisältö ja WooCommerce-integraatio vain Prossa, aloittelijalta menee päivä oppimiseen
• Hinta: Ilmainen / Pro 49 $ vuodessa
• Lataa: 🔗 Stackable WordPress.orgissa | 🔗 Pro-versio

7. WooCommerce Cart & Checkout Blocks

WooCommerce-tiimin virallinen lisäosa, joka korvaa tavalliset ostoskori- ja kassasivut lohkoversioilla. Toisin kuin perinteinen woocommerce_cart-lyhytkoodi, lohkoversioita muokataan visuaalisesti Gutenbergissa: voit muuttaa kenttiä, vaiheiden järjestystä, värejä ja fontteja ilman koodia.

Lisäosan tavoitteena on vähentää hylättyjä ostoskoreja: sisäänrakennettu lennossa tapahtuva kenttien validointi korostaa virheet välittömästi, ilman sivun uudelleenlatausta. Eri maksutapoja tuetaan suoraan: kortit, postiennakko, tilisiirto.

Käytännössä suurin etu on yhdenmukainen design: tuotesivu ja kassasivu näyttävät saman sivuston osilta, eivät eri mallipohjien yhteen liimatuilta paloilta. Lisäosa on saatavilla WooCommerce.comissa, tarkista hinta sivustolta.

• Plussat: virallinen WooCommerce-tuote, visuaalinen kassan muokkaus, välitön kenttien validointi
• Miinukset: hinta pyydettävä WooCommerce.comista, vain ostoskori ja kassa (ei julkisivua)
• Hinta: pyydettävä WooCommerce.comista
• Lataa: 🔗 Cart & Checkout Blocks WooCommerce.comissa

8. PublishPress Blocks

Erottuu kilpailijoista lohkonhallintajärjestelmällään: käyttöoikeudet roolin mukaan, lohkojen näytön ajastus, näkyvyys laitteen, selaimen tai viikonpäivän mukaan. Tämä ei ole vain yksi lohkosarja lisää, vaan hallintaa siitä, kuka, missä ja milloin näkee kunkin lohkon.

WooCommercelle tästä on hyötyä useissa tilanteissa: näytä kampanjalohko vain tukkukauppiasroolin käyttäjille, piilota osta-painike mobiilissa, käynnistä juhlapäivien banneri ajastetusti. Arsenaali sisältää yli 20 lohkoa, mukaan lukien WooCommerce Products (tuoteruudukko ja -liukusäädin), yhteydenottolomake, haitarit, välilehdet ja Google Maps.

Huonona puolena: Pro-version hinta on 129 $ vuodessa, yksi katsauksen korkeimmista. Ilmaisversio sisältää ydinlohkot, mutta edistyneet näkyvyysominaisuudet ovat Prossa.

• Plussat: lohkojen näkyvyyden hallinta (roolit, laitteet, ajastus), WooCommerce-lohko valmiina, lohkojen käytön skannaus sivustolla
• Miinukset: Pro-versio kallis (129 $), käyttöoikeuskäyttöliittymä vaatii aikaa konfigurointiin
• Hinta: Ilmainen / Pro 129 $ vuodessa
• Lataa: 🔗 PublishPress Blocks WordPress.orgissa | 🔗 Pro-versio

9. PostX

WPXPO:n blogi- ja uutissivustojen rakentaja Gutenbergille, mutta hyödyllisellä bonuksella WooCommerce-kaupoille. Lisäosa tarjoaa yli 45 lohkoa ja yli 250 valmista mallia sisältöruudukoiden rakentamiseen, ja Query Builderin avulla voit tulostaa WooCommerce-tuotteita missä tahansa muodossa: ruudukko, lista, liukusäädin, Masonry-asettelu.

Kaupalle, jolla on aktiivinen blogi, PostX hoitaa tehtävän tuotteiden näyttämisestä artikkeleiden sisällä kauniisti. Ajax-sivutus ja -suodatus ilman sivun uudelleenlatausta tuetaan, samoin frontend-artikkelien lähetys (hyödyllinen vieraskirjoittajille) ja sisäänrakennettu ChatGPT-tekoälyavustaja sisällöntuotantoon. Yli 65 000 aktiivista asennusta.

Lisäosa ei korvaa WooCommerce-julkisivua, siihen tarvitset WowStoren (myös WPXPO:lta). Mutta kaupan sisältöosaan (arviot, koosteet, uutiset tuoteupotuksilla) työkalu on erinomainen.

• Hyödyt: yli 250 mallia, Ajax-suodatus ilman uudelleenlatausta, lomakkeen lähetys etusivulta, antelias ilmaisversio
• Haitat: ei sovellu verkkokaupan julkisivuun (vain sisältöön), Query Builderin käyttöönotto vie aikaa
• Hinta: Ilmainen / Pro $49 vuodessa
• Lataa: 🔗 PostX WordPress.orgissa | 🔗 Pro-versio

10. WooBuilder Blocks

Toinen PootlePressin lisäosa, joka on erikoistunut WooCommerce-tuotesivun muokkaamiseen. Toisin kuin Storefront Blocks (listan numero 4), WooBuilder keskittyy nimenomaan tuotesivuun: se tarjoaa yli 20 verkkokauppalohkoa, joilla voit rakentaa ainutlaatuisen tuotekorttipohjan alusta alkaen.

Voit rakentaa pohjan yksinkertaisille, muuttuville, ryhmitellyille, virtuaalisille tai ladattaville tuotteille ja määrittää eri pohjia eri tuotekategorioille. Lohkoilla voit vaihtaa taustaa, piilottaa tai näyttää sivupalkin, ylätunnisteen ja alatunnisteen tuotesivulla.

Mukana tulee valmiita pohjia nopeaan aloitukseen ja mahdollisuus tallentaa omia. $49 lisenssi sisältää elinikäiset päivitykset ja 12 kuukauden tuen.

• Hyödyt: keskittyy tuotesivuun (ei hajautettu), eri pohjat eri tuotetyypeille, elinikäiset päivitykset
• Haitat: vain tuotesivu (ei julkisivua eikä luetteloa), ei ilmaisversiota
• Hinta: $49 (elinikäiset päivitykset)
• Lataa: 🔗 WooBuilder Blocks PootlePressissä

11. Kadence Blocks

Kadence Blocks Kadence WP -tiimiltä (nykyään osa Nexcessiä), yksi suosituimmista lohkolisäosista, jolla on yli 500 000 aktiivista asennusta. WooCommercelle se tarjoaa edistyneitä lohkoja: tilauslomake, tuotegalleria, artikkeliruudukko (voit näyttää tuotteet artikkeleina), haitariominaisuuskuvauksella, välilehdet tuotetiedoille.

Vahvuus on muotoilun hallinnassa: yli 900 Google Fonttia, liukuvärit, parallaksitaustat, vieritysanimaatio (Pro). Lohkot lataavat CSS:n ja JS:n älykkäästi vain silloin, kun niitä käytetään tietyllä sivulla, joten nopeus ei laske. Kadence Blocks toimii erinomaisesti Kadence-teeman (ilmainen) kanssa, mutta toimii minkä tahansa modernin teeman kanssa.

Pro-versio hintaan $89 lisää tuotekarusellin, modaali-ikkunat, Image Overlayn, Split Contentin ja dynaamisen sisällön mukautetuista kentistä.

• Hyödyt: yli 500 000 asennusta, älykäs CSS:n ja JS:n lataus, yli 900 fonttia, yhteensopivuus minkä tahansa teeman kanssa
• Haitat: WooCommerce-spesifit lohkot vain Prossa, typografia-asetukset liioiteltuja yksinkertaisiin tehtäviin
• Hinta: Ilmainen / Pro $89 vuodessa
• Lataa: 🔗 Kadence Blocks WordPress.orgissa | 🔗 Pro-versio

12. Qubely

Veteraani Gutenberg-lisäosien joukossa Themeumilta, sisältää 39 sisältölohkoa ja 161 valmista osiota. WooCommercelle se tarjoaa Woo Products- ja Woo Carousel -lohkot, voit näyttää tuotteet ruudukko- tai karusellimuodossa suoraan Gutenbergissa.

Ainutlaatuisia lohkoja ovat: Table Builder (taulukonrakentaja, hyödyllinen tuotevertailuun), Image Comparison (ennen/jälkeen-liukusäädin), Video Popup, Pie Progress (ympyrädiagrammit). Rivi-sarakejärjestelmällä voit koota monimutkaisia asetteluja, joissa on 6 saraketta rivillä, enemmän kuin useimmilla kilpailijoilla.

Lisäosassa on varoitus "ei testattu kolmella viimeisimmällä WordPress-julkaisulla", mutta se toimii vakaasti yli 30 000 käyttäjällä. Jos tarvitset tuotevertailua taulukoiden kautta ja näyttäviä visuaalisia lohkoja, Qubely kattaa tämän markkinaraon. Aktiiviseen kehitykseen ja tiheisiin päivityksiin kannattaa katsoa mieluummin Kadence Blocksia tai Stackablea.

• Hyödyt: taulukonrakentaja tuotevertailuun, 161 valmista osiota, ennen/jälkeen Image Comparison
• Haitat: harvoin testattu uusilla WP-versioilla, kankea käyttöliittymä (ei intuitiivinen), hidas tuki
• Hinta: ilmainen WordPress.orgin valikoimassa
• Lataa: 🔗 Qubely WordPress.orgissa

⁉️🤔 Usein kysytyt kysymykset

Tarvitaanko WooCommercelle edes erillistä lohkolisäosaa vuonna 2026?

Jos kauppa on pieni, ei luultavasti. WooCommercen peruslohkot (ytimeen sisäänrakennetut) kattavat 80 prosenttia tarpeista: tuotelistauksen, suodattimet, ostoskorin, kassan. Lisäosaa tarvitaan, kun tarvitset epästandardin tuotekorttiasettelun, räätälöidyn tuoteluetteloruudukon, Ajax-suodatuksen tai konversiomekaniikkoja (toivelista, ajastimet, vertailu).

Mikä lisäosa kannattaa ottaa, jos budjetti on nolla?

Ota kolmen ilmaisen yhdistelmä: sisäänrakennetut WooCommerce-lohkot (julkisivu), Ultimate Blocks (tuotearvostelut schema-merkinnöillä) ja Kadence Blocks (design ja typografia). Kaikki kolme ovat ilmaisia eivätkä ole ristiriidassa keskenään.

Hidastavatko lohkolisäosat verkkokauppasivustoa?

Hyvät eivät hidasta. Stackable lataa noin 7,8 kt, Kadence Blocks lataa CSS:ää vain käytetyille lohkoille. Ongelmia syntyy, jos asennat 3-4 lohkolisäosaa samanaikaisesti ja otat kaikki lohkot käyttöön, jolloin tyylit ja skriptit kahdentuvat. Sääntö: yksi päälohkolisäosa, loput vain tiettyä tehtävää varten.

Miten WowStore eroaa Kadence Blocks for WooCommercesta?

WowStore on erikoistunut WooCommerce-rakentaja, jossa on julkisivu, ostoskori ja konversiotyökalut valmiina. Kadence Blocks on yleiskäyttöinen suunnittelutyökalu, jossa on tehokas typografia ja animaatio, mutta WooCommerce-lohkot vain Pro-versiossa. Jos kauppa on ydinliiketoimintaa, ota WowStore. Jos teet sivustoa, jossa kauppa on osana, ota Kadence.

Voiko kahta lohkolisäosaa käyttää samanaikaisesti?

Voi, mutta varovasti. Identtiset lohkot (esimerkiksi kaksi liukusäädintä) voivat olla ristiriidassa eri kirjastoversioiden (Swiper.js, Slick) vuoksi. Poista tarpeettomat lohkot käytöstä kunkin lisäosan asetuksissa ja testaa sivuston kopiolla ennen käyttöönottoa.

Mitä asentaa vuonna 2026: lopullinen erittely

Lisäosan valinta riippuu kaupan koosta ja tehtävästä. Jos sinulla on 20-30 tuotetta ja vakio-teema, sisäänrakennetut WooCommerce-lohkot riittävät hyvin. Lisää Kadence Blocks kauniita tuotekuvausten muotoiluja varten, ja kauppa näyttää ammattimaiselta ilman maksullisia lisäosia.

Kun valikoima kasvaa eikä vakioruudukko enää riitä, ota käyttöön WowStore. Se kattaa julkisivun, ostoskorin ja konversion yhdellä lisäosalla. Sisältöosuuteen (arvostelut, koosteet, blogi) PostX tarjoaa artikkeliruudukoita tuotelisäyksillä.

Toimistojen ja suunnittelijoiden, jotka kokoavat kauppoja asiakkaille, kannattaa katsoa Stackablea ja globaalia tyylijärjestelmää: määritä kerran, sovelletaan koko sivustoon. Lisäksi Pro-version Role Manager suojaa designia asiakkaan vahingossa tekemältä muokkaukselta.

• Jos kaupassa on enintään 50 tuotetta ja tarvitset vain kauneutta, Kadence Blocks (ilmainen)
• Jos verkkokauppa on pääliiketoimintaa ja tarvitset konversiota, WowStore
• Jos teet kauppoja mittakaavassa (toimisto), Stackable Pro
• Jos tarvitset blogiosuuden tuotelisäyksillä, PostX ja Ultimate Blocks

Mitä WooCommerce-lohkolisäosaa sinä käytät? Kirjoita kommentteihin, erityisesti jos olet kokeillut useamman työkalun yhdistelmää.