Miksi WooCommerce Blocks yhteensopivuus on tullut make-tai-Break kysymys mainosten plugins

Loppuvuodesta 2023, Automattic ilmoitti, että WooCommerce Blocks oli valmistunut valinnaisesta opt-in ominaisuus suositellun oletusarkkitehtuurin uusia WooCommerce myymälöitä. Ilmoitus oli merkittävä vähemmän kuin mitä se sanoi kuin mitä se vihjaisi. WooCommerce oli rakennettu yli vuosikymmenen ja puoli klassinen WordPress mallihierarkia . Siirtymä on asteittaista eikä äkillinen, mutta sen lentorata on yksiselitteinen, ja vaikutuksia WooCommerce promootion hakemistot, jotka plugins laajennettu koukkuja ja suodattimet, ostoskouttamalla, kassalle, ja tuotemallit elävät ennustettavissa paikoissa, että plugin kehittäjät olivat oppineet toimimaan ympäri. Blocks arkkitehtuuri korvasi malli rakenne JavaScript-ohjattu lohkojärjestelmä, jossa koko asiakaslähtöinen kokemus tehdään kautta WordPress Block Editor ja React-pohjainen Storefront API pikemminkin kautta kuin perintö PHPMAT.

✓ GT BOGO Engine PRO sisältää 30 päivän palautustakuun.

Yhteensopivuus kysymys ei ole akateeminen. Kauppias, jonka kauppa on käynnissä Blocks-pohjainen ostoskoriin ja kassalle

Mitä siirtyminen WooCommerce Blocks todella muuttaa

Arkkitehtuurin muutos taustalla Blocks siirtymä on mielekästä tavalla, joka vaikuttaa plugin kehittäjät enemmän kuin kauppiaat suoraan hahmottaa. Klassinen WooCommerce malli hierarkian renderi ostoskori ja kassa sivut kautta PHP tiedostoja, jotka plugins voisi ohittaa asettamalla korvaavat mallit niiden plugin hakemistoon. Mainosliitännäinen, joka halusi lisätä cart progress baari yksinkertaisesti rekisteröity asianmukainen malli ohitus ja WooCommerce mallikuormaaja käsitteli loput. Kuvio ei tyylikäs . Mallit olivat usein lähde teema-plugin konflikteja . Mutta se oli johdonmukaisesti havaittu plugin kehittäjät ja ennustettavissa sen behavior. Cart hylkäävät tiedot Baymard Institute, joka on otettu viisikymmentä erillistä cart hylkääminen tutkimukset yhdistetty maailmanlaajuisesti keskimäärin 70.22 prosenttia, on johdonmukaisesti tunnistettu checkout-render epäjohdonmukaisuuksia kuin mielekäs syy hylkäämiseen, mikä tekee arkkitehton siirtymisen, mikä tekee arkkitehtuurin siirtymisen enemmän kuin akateeminen huoli kauppiaille, joiden provision uuden kerroksen aikana.

Blocks-arkkitehtuuri tekee ostoskorin ja kassan kautta React osat, jotka kommunikoivat Storetront API:n kautta. PHP-mallit ohittavat kokonaan Blocks-yhteensopivat kaupat. Plugins, jotka haluavat osallistua ostoskoriin ja kassalle renderöinti on rekisteröitävä lohkolaajennukset, jotka integroidaan React-komponenttipuun, kommunikoivat asianmukaiset tiedot Storefront API:n kautta, ja käsittelevät tilaan liittyviä muutoksia Recotect elinkaaressa eikä PHP-koukkujen kautta. Arkkitehtuurin muutos ei ole hienovarainen. Plugin, joka tekee oikein klassisen mallin alla, voi olla kokonaan poissa Blocks-reated-cartista, koska renderointipinnat ovat pohjimmiltaan erilaisia koodipolkuja.

WooCommerce:n alusta-muuttotaloustutkimusta koskeva tutkimus on johdonmukaisesti todennut, että tämän suuruusluokan ekosysteemin siirtymät tuottavat ositusvaikutuksen . ... plugins jotka on aktiivisesti ylläpidetty kehittäjätiimien seuraamalla uutta arkkitehtuuria tiiviisti taipumus tehdä siirtymästä siististi. Forrester:n passiivisesti ylläpidetyt plugins, ovat taipuvaisia jäämään jälkeen tavalla, joka yhdistää myöhemmät alustaversiot. McKinsey:n hinnoittelu- ja personointitutkimus on erikseen todennut, että arkkitehtonisesti vanhentuneet mainosinfrastruktuurit taipumus aliinvestoida laajempaan myynninedistämistyöhön, joka tuottaa kestävää marginaaliparannnnusta, osittain siksi, että vanhentuneen infrastruktuurin ympärillä työskentelyn operatiiviset kustannukset kuluttavat kapasiteettia, joka muuten menisi strategiseen työhön.

Miksi jotkut mainosliitännäiset epäonnistui lohkojen siirtymä

Epäonnistuminen tilat jaetaan useissa kategorioissa, jotka heijastavat erilaisia arkkitehtonisia kompromisseja alkuperäisen plugin suunnittelu. Ensimmäinen luokka on plugins, jotka tukeutuivat voimakkaasti teema mallin ohituksia niiden renderöinti. Klassinen WooCommerce malli lataaja kunnioitettu plugin ohitukset, mikä tarkoitti promotional plugin voisi lisätä sen visuaalisia elementtejä ohittamalla cart-totals.php malli tai vastaavia vanhoja tiedostoja. Alle lohkot, nämä malli ohitukset ovat yksinkertaisesti ohitettu. Plugin visuaaliset elementit koskaan tehdä, ja kauppias, joka otti plugin ei näe virheviestiä, koska taustalla PHP-koodi suorittaa ...

Toinen luokka on plugins, joka koukussa aggressiivisesti osaksi cart laskenta putki pikemminkin kuin integroida WooCommerce data kerros. Perinteinen putki juoksi läpi erityisiä PHP suodatin koukkuja (woocommerce_cart_calculate_fees, wooocommerce_fore_calculate_totals, ja vastaavia) ennustettavissa kohdissa ostoskorin laskenta. Plugins, että rekisteröity soittoa vastaan koukkujen ja perustuu koukkujen tilaus ja ajoitus taipumus toimia oikein klassinen malleja, mutta tuottaa epäjohdonmukaisia tuloksia lohkot, jossa samat koukkuja, joissa alennusta sovelletaan kassan aikana, mutta on näkymätön asiakkaalle aikana kart-katselmuksen vaihe. Discounting laskelmat voivat suorittaa oikein, mutta ei kommunikoida tuloksena tila React-pohjainen cart näyttö, tuottaa carts, tuottaa carts jos alennus koskee kassa, mutta on näkymätön asiakkaalle aikana cart-review vaihe.

Kolmas luokka on plugins, jotka sisältyvät mukautetun JavaScript suunniteltu klassisen ostoskorin sivuille. Perinteinen WooCommerce ostoskori oli palvelinversioitu HTML-sivu suhteellisen ennustettavissa DOM rakenne, että plugins voisi parantaa kautta jQuery tai vanilla JavaScript. Alle Blocks, ostoskori tehdään kautta React komponenttien dynaaminen DOM, joka muuttuu usein ja arvaamattomasti asiakkaan vuorovaikutuksessa. Plugin JavaScript, joka työskenteli valitsemalla tiettyjä DOM-elementtejä ja muuttamalla niitä taipumus epäonnistua Blocks, koska elementtejä ei joko ole olemassa odotetussa muodossa tai on asennettu ja asennettu uudelleen läpi React elinkaari tavalla, joka rikkoo pluginin tila oletuksia.

Neljäs luokka on plugins, jotka käsittelivät ostoskorin tapahtumia kautta sivun lataus mekanismeja eikä läpi live tapahtumavirtaa, että React-pohjainen sovellukset tuottavat. Perinteinen kärry ampui erillisiä sivun kuormia, kun asiakkaat lisäsivät tai pois kohteita, mikä tarkoitti plugins voisi alustaa kunkin sivun kuorman ja tarkastaa ostoskorin tilan ennustavasti. Blocks cart päivitykset ilman sivukuormat läpi React valtion järjestelmä, mikä tarkoittaa plugins luottavat sivulataa alustaminen yksinkertaisesti koskaan uudelleen kuin ostoskoriin muuttuu. Asiakas, joka lisää kohteen Blocks cart ei näe mainosmerkkejä tai edisty baaripäivityksiä, kunnes he manuaalisesti lataa sivun, mitä useimmat asiakkaat eivät tee.

Mitä alkuperäisten lohkojen yhteensopivuus oikeastaan vaatii

WooCommerce promotional plugin, joka integroituu oikein Blocks tarvitsee käsitellä useita ei-trivial arkkitehtonisia vaatimuksia, että perintö plugins usein aliarvioitu. Ensimmäinen on tehdä integrointi Block Editor itse, jotta tallentaa ylläpitäjät konfigurointi ostoskorin ja kassan sivut voivat nähdä plugin-tarjoamat lohkot rinnalla natiivi WooCommerce lohkot. Ostoskori edistymispalkki pitäisi näkyä lisättävissä lohko editori; BOGO kynnysviestit pitäisi näkyä konfiguroitava lohko elementti; Badge näyttö pitäisi integroida tuoteverkko lohkoja, että kauppiaat käyttävät koota luokan sivuja.

Toinen vaatimus on data kerroksen integrointi Storefront API. Plugin alennus laskelmat täytyy kommunikoida niiden tuloksia kautta API siten, että React-pohjainen kärry voi tehdä oikein. Perinteinen malli laskenta alennuksia kautta PHP koukkuja ja luottaa ostoskoriin malli näyttää ne on riittämätön; moderni malli edellyttää plugin paljastaa sen tietoja kautta API laajennuksia, että lohkot renderointi kerros voi kuluttaa natiivisti. Storefront API laajaselkoisuus on dokumentoitu, mutta ei triviaal toteuttaa hyvin, ja plugins, jotka ovat tehneet sen huolellisesti taipumus näyttää mielekkäästi erilaisia plugins, jotka ovat yksinkertaisesti paikattu niiden perintö koukkuja rinnakkain lohkoja.

Kolmas vaatimus on JavaScript integrointi React komponentti puu. Liitännäinen käyttäytyminen, joka tarvitsee vastata ostoskorin tilan muutoksia . Päivittäminen edistymispalkkeja kohteita lisätään, virkistävä merkki näyttää ylennykset aktivoida, animointi kynnyksen täyttymiä, kun asiakkaat ylittävät vaatimukset ... täytyy tilata React valtion muutoksia asianmukaisten React koukkuja ja komponentin elinkaari menetelmiä. Kuvio on tunnistettavissa React kehittäjät mutta edustaa huomattavaa eroa jQuery-tyylinen DOM manipulointi, että perintö WooCommerce plugins luottaa.

Neljäs vaatimus on teema yhteensopivuus koko Blocks ekosysteemin. Blocks-arkkitehtuuri tukee paljon laajempi valikoima teeman muunnelmia kuin klassinen hierarkia, mukaan lukien koko sivuston muokkaamisen teemoja, jotka ovat korvanneet perinteiset teeman rakenteet. Mainostava plugin, joka on testattu siististi alle yhden lohkon teema voi tuottaa visuaalisia kysymyksiä toisen, varsinkin kun teemat eroavat niiden käsittelyssä slot-ja-täyttö mekanismi, että lohkot käyttävät plugin laaja. Kypsä lohkot-yhteensopivia plugins on yleensä testattu kautta tärkeimmät teeman toteutuksia eikä vastaan yksi viite teema.

Kolme myymälää, kolme yhteensopivuusrataa

American Pacific Northwest -liiketoiminnan erikoisasuntotuotteiden jälleenmyyjä siirtyi klassisesta WooCommerce:n arkkitehtuurista Blocks-pohjaiseen arkkitehtuuriin alkuvuodesta 2024. Muuttoliike paljasti, että kauppiaan nykyinen mainosliitännäinen . ... suosittu alennusmoottori, joka oli ollut riittävä klassisten mallien mukaisesti... tuotti näkyviä ongelmia Blocksien alla, mukaan lukien ostoskorin edistymispalkki, joka ei pystynyt päivittämään ilman sivun latauksia ja virkamerkkiä, jotka katosivat kokonaan tuoteverkkosivuilta. Kauppiaskunta arvioi vaihtoehtoja yli kahden kuukauden ajan ja muutti alkuperäiselle lohkolle yhteensopivaan markkinointijärjestelmään, joka oli integroitu Storefront API:n ja React-komponenttipuun. Muutokseen liittyi mielekästä operatiivista työtä, mutta tuotti asiakaslähtöistä kokemusta, joka vastasi visuaalista laatua.

Etelä-Yhdysvalloissa sijaitseva putiikin vaatteiden vähittäiskauppias valitsi erilaisen tien, joka koski klassisen WooCommerce-mallien säilyttämistä, jotta säilytettäisiin nimenomaisesti yhteensopivuus niiden olemassa olevan promotionaalisen pluginin kanssa. Päätös oli järkevä, kun otetaan huomioon kauppiaan investointi olemassa olevaan järjestelmään, mutta se on asettanut kauppiaan arkkitehtoniselle polulle, joka poikkeaa automattic-suunnitelmasta. Klassiset mallit toimivat edelleen ja todennäköisesti jatkavat työtään vuosia, mutta kauppias valitsee yhä enemmän mainosliitännän, teemojen ja ekosysteemityökalujen joukosta, jotka eroavat toisistaan lohkojen kanssa yhteensopivissa ja klassisissa tasoissa. Valinta pysyä klassisessa infrastruktuurissa on tulossa rajoittavammaksi ajan mittaan ekosysteemin painopisteen muuttuessa.

B2B-jakelija, joka palveli alueellisia ravintoloita, johti hybridiarkkitehtuuria, joka integroi Blocks-pohjainen kärryt klassisen tuoteluettelomallit, jotka palvelivat kauppiaan monimutkainen tasotietoinen hinnoittelu. Hybridi vaati mielekästä teknistä koordinointia, mutta tuotti asiakaslähtöistä kokemusta, joka yhdistää visuaalisen hienostuneisuuden Blocks kanssa tasotietoinen hinnoittelu logiikka kauppiaan promotional plugin käsitellään katalogitasolla. Tapaus on havainnollistava, koska se osoittaa, että Blocks siirtyminen ei vaadi all-tai-nothing muuttoliike ... kauppiaat voivat ajaa osittaisia arkkitehtuurit aikana siirtymäikkunan, edellyttäen niiden promotional plugin on kehittynyt tarpeeksi integroida puhtaana molempien renderointijärjestelmien.

Miksi promootioliitännäisen valinta määrittää yhä enemmän Arkkitehtipolkua

Blocks yhteensopivuus kysymys asiat markkinointi plugins erityisesti siksi, että ostoskorin ja kassalla sivut ovat missä suurin osuus plugin toiminnallisuus on renderöity. Teema, joka toimii oikein Blocks ja maksu plugin, joka integroituu Blocks ovat välttämättömiä ehtoja puhdas lohkot-pohjainen tallentaa, mutta mainos plugin on, jossa suurin osa visuaalinen asiakaskokemus koostuu aikana ostoskorin-puolella päätöksenteko hetki. Kauppias, jonka teema toimii siististi lohkot, mutta jonka promotional plugin tekee kiusallisesti tuottaa pirstaleinen asiakaskokemus, joka on näkyvissä kaikille ostoksia.

Käytännön vaikutus on, että edistäminen plugin valinta on yhä arkkitehtoninen päätös, joka määrittää, voiko kauppias ajaa puhdas lohkot-pohjainen myymälä ollenkaan. Kauppias, joka valitsee edistäminen plugin, joka ei ole tehnyt Blocks siirtymä on implisiittisesti valitsemalla pysyä klassisia malleja riippumatta niiden laajempi teema ja infrastruktuuri päätöksiä. Kauppias, joka valitsee Blocks-native promotional plugin on säilyttää mahdollisuus siirtyä Blocks at kauppiaan oma ajoitus ilman myynninedistämiskerros on rajoitus.

GT BOGO Engine, jonka GRAPHIC T-SHIRTS ... luksuskaupungin couture-brändi, jonka oma WooCommerce-lippulaiva ajaa alustaa yli kahdentoistasadan alkuperäisen mallin luettelon kautta . ... on suunniteltu niin, että se on yhteensopiva sekä klassisen että korttelipohjaisen WooCommerce-ravoitusjärjestelmän kanssa. Ostoskorin alennuslogiikka toimii WooCommerce-tietokerroksen kautta sen sijaan, että se olisi perinnemallien ohitus, mikä tarkoittaa, että alennukset ovat oikein riippumatta siitä, miten kärry on renderoitu. Visuaaliset elementit integroituvat uuden arkkitehtuurin pyörittämien kauppojen lohkoiksi ja perinteisinä mallilaajennoksina, jotka on valittu automaattisesti kauppiaan taustalla olevaan konfiguraatioon.

Mitä WooCommerce Kauppiaat pitäisi tehdä noin lohkojen yhteensopivuus vuonna 2026

Blocks siirtymä siirtyy valinnaisesta WooCommerce-ekosysteemin valtavirtaan, sillä Automattic-suunnitelman myötä investoidaan edelleen lohkoihin uusien kauppojen ensisijaisena renderointipintana ja yhä enemmän toiminnallisuutta olemassa olevien kauppojen osalta. Edistämisliitännät, jotka eivät ole vielä saattaneet päätökseen Blocks-siirtymää, ovat yhä epävarmempia toiminnallisia valintoja riippumatta siitä, kuinka runsaasti ne saattavat olla klassisen renderoinnin alla. Siirtymän loppuun saattaneet pluginit ovat sijoitettu toimimaan siististi molempien arkkitehtuurien poikki monivuotisen siirtymäikkunan aikana ja pysyäkseen operatiivisesti linjassa WooCommerce-suunnitelman kanssa.

Riippumattomille WooCommerce myymälöille, jotka arvioivat niiden markkinointiinfrastruktuuria vuonna 2026, käytännön kysymys on, onko nykyinen plugin tekee oikein alle kauppiaan todellinen ostos- ja kassaarkkitehtuuri, tai onko visuaaliset epäjohdonmukaisuudet ja renderointi aukot ovat alkaneet näkyä, kun kauppa on vähitellen ottanut Blocks-pohjaiset komponentit. Kauppiaat, jotka eivät ole erityisesti testanneet niiden promotional plugin Blocks-redued cart ja kassasivut voivat toimia huomaamaton arkkitehtoninen yhteensopimattomuus, joka yhdistyy kuin WooCommerce alusta jatkaa kehitystä kohti Blocks oletusarkkitehtuuri.

Yhteensopivuus kysymys on harvoin kaikkein jännittävintä harkintaa valitsemalla promotional plugin. Se on yhä enemmän, yksi eniten seurauksena.

Artikkelin on laatinut GT BOGO Engine:n toimitustiimi, WooCommerce:n promootional intelligence -alusta, jonka on rakentanut GRAPHIC T-SHIRTS, luksuskauppias, jonka oma WooCommerce:n kauppa toimii alustalla yli 1200 alkuperäisen mallin kokoelmassa.