ShopEngine-integration med Gutenberg til WooCommerce Store

Endelig er ventetiden forbi! ShopEngine er nu kompatibel med din Gutenberg blok editor. Tidligere kunne du kun få adgang til ShopEngine-widgets gennem Elementor-vinduet, ikke?

Men nu er ShopEngine tilgængelig ud over det. Udover at få adgang til ShopEngine-widgets gennem Elementor, kan du gøre brug af ShopEngine i Gutenberg til WooCommerce butik. I Gutenberg vil disse widgets dog dukke op som blokke.

Faktisk er funktionerne i Elementor-widgets og Gutenberg-blokke identiske. Så hvor er forskellen? Forskellen ligger i applikationen. For Elementor-widgets skulle du trække og slippe widgets på de udpegede områder for at se outputtet. Men for Gutenberg-blokke skal du bare klikke på blokkene, og dit job er gjort.

En oversigt over Gutenberg:

Som WordPress-bruger skal du være bekendt med begrebet Gutenberg. Det er en WordPress-indholdseditor, også kendt som WordPress-blokeditor. I dag er Gutenberg den mest populære WordPress-editor blandt WordPress-brugere på grund af dens brugervenlighed. Mange WordPress Gutenberg plugins er også tilgængelige fra tredjepartsudviklere.

Tidligere var folk mere vant til at bruge "Classic Editor", en anden WordPress-editor. Siden fremkomsten af Gutenberg har folk taget mere imod blokeditoren sammenlignet med den klassiske editor. Specialiteten af Gutenberg er dets blokbaserede indhold.

Uanset om det er et afsnit, billede eller knap, er hvert af disse elementer en blok. I modsætning til Classic Editor lader denne blokbaserede indholdseditor dig manipulere dit indhold med mere kontrol. Den bedste del af denne blokeditor er, at den lader tredjepartsudviklere indlejre brugerdefinerede blokke.

Og det er præcis, hvad vi vil fokusere på denne informative blog, da en bunke af ShopEngines funktioner fra nu af vil være til din rådighed i Gutenberg til WooCommerce. Inden vi udvider os ShopEngines brugerdefinerede blokke i Gutenberg, lad mig kaste lys over, hvorfor vi integreret ShopEngine med Gutenberg til WooCommerce.

Hvorfor integrere ShopEngine med Gutenberg:

ShopEngine blev oprindeligt designet udelukkende til Elementor. Det betyder, at du kun kan bygge dine WooCommerce-sider til Elementor. Men nu, som jeg nævnte tidligere, er ShopEngine gået et skridt fremad efter at være blevet integreret med Gutenberg.

Så hvad gjorde os Integrer ShopEngine med Gutenberg til WooCommerce? For at besvare dette spørgsmål, lad mig præsentere dig for data-

Som pr gutenstats.blog, Gutenberg har modtaget 76 millioner aktive installationer indtil nu. Oven i det, 264,5 millioner indlæg skrevet med Gutenberg indtil dato.

Disse stykker data mener jeg er tilstrækkelige til at overbevise nogen om, hvorfor vi har udvidet ShopEngines sortiment til Gutenberg. Millioner af mennesker implementerer Gutenberg for at udvikle deres indhold, og vi ønsker ikke, at de går glip af det medrivende funktioner, som ShopEngine tilbud.

Nogle flere grunde til ShopEngine-integration med Gutenberg:

Lad mig understrege et punkt Gutenberg er ikke kun en indholdsredaktør. Gutenberg-projektet har til formål at gøre blokeditoren til en redigeringsværktøj på hele webstedet i den nærmeste fremtid.

Ideen er at lade dig designe 100% af dit WooCommerce-websted med Gutenberg-editoren. Hvis dette sker, vil efterspørgslen efter Gutenberg sandsynligvis skyde i vejret. Så det er værd at integrere ShopEngine med Gutenberg til WooCommerce, ikke?

• Med Gutenberg behøver du ikke bruge kortkoder for at integrere indhold. I stedet kan du implementere blokkene for at tilføje de nødvendige sideelementer.
• Gutenberg er fri for kompatibilitetsproblemer, så udviklere kan nemt inkorporere Gutenberg-support i deres plugins.
• Gutenberg udsender en letvægtskode og er også et hurtigt indlæsende værktøj.

Nogle af de bemærkelsesværdige ShopEngine-blokke i Gutenberg:

Før jeg kaster lys over ShopEngine-blokke, så lad mig præcisere, at ShopEngine kommer med 65+ widgets, 13+ moduler, og et utal af skabeloner til WooCommerce-butikssider henvendt til Elementor-brugere. Efter integrationen af ShopEngine med Gutenberg til WooCommerce, kan du nu få adgang til 45+ ShopEngine-blokke i Gutenberg.

Afhængigt af den sidetype, du vælger for at bygge en skabelon til din WooCommerce-butik, vises Gutenberg-blokke i overensstemmelse hermed. Derudover vil du få adgang til moduler som f.eks Hurtig visning, variationsprøver, produktsammenligning og ønskeseddel.

Lad os tage et kig på nogle af ShopEngine-blokkene i Gutenberg til WooCommerce-butik-

Produkttitel:

Det Produkttitel blok vises på en enkelt side for et specifikt produkt. Når du har valgt en enkelt sidetype for at bygge din skabelon, skal du bare klikke på produkttitelblokken fra sidebjælken.

Umiddelbart derefter vises din produkttitel på siden. Fra højre sidebjælke kan du ændre titeltag, justering, farve og typografi.

Produktliste:

Produktliste viser alle typer produkter, som du sælger i din WooCommerce-butik. Produktliste blok vises på alle typer sider, herunder enkelt-, butiks-, kasse- og indkøbssider. Når du har valgt sidetypen, skal du klikke på produktlisten fra pop op-vinduet eller sidebjælken.

Sørg for, at du vælger produktkategorien for, at produkterne skal vises. Fra højre sidebjælke kan du vælge og tilpasse forskellige elementer i produktlisten. Du kan vælge antal produkter pr. side, tags, vis/skjul salgsbadge, rabatprocent osv.

Produkt beskrivelse:

Hvis du opretter en enkeltsideskabelon, Produkt beskrivelse blok vil dukke op på sidebjælken. For at få produktbeskrivelsen til at blive vist på din side, skal du klikke på produktbeskrivelsesblokken. Du kan tilpasse beskrivelsen og også stilisere den ved at ændre typografi, farve, justering osv.

Betaling til kassen:

Ligesom Checkout Payment-widgetten i Elementor, Checkout Betalingsblok arbejder i Gutenberg. Du kan se "Checkout Payment"-blokken, hvis du går videre byg skabelon til din betalingsside. Derefter kan du tilføje betalingsblokken til kassen, som du har brug for til din WooCommerce-butik.

Du vil have muligheder for at ændre indholdsstil, betalingsmetoder, knap osv. Du kan justere afkrydsningsfeltsposition, knapfarve, typografi, kant osv.

Arkivprodukter:

Siden med arkiverede produkter indeholder alle de udsendte produkter på ét sted. For at oprette en skabelon til arkivside i Gutenberg til WooCommerce skal du bare gå videre til venstre sidebjælke og klikke på Arkiv Produkter blok. Alle produkterne i opgørelsen vil dukke op efter hinanden.

Siden Arkiver produkter kan prale af en mængde segmenter, herunder layout, indhold, paginering, vurdering osv. Siden indeholder en masse elementer som produkttitel, produktbillede, produktpris, produktbeskrivelse, produktsidefod og så videre.

Indkøbsbord:

I kurv-tabellen dukker alle detaljer om dine valgte produkter op, inklusive produktnavn, pris, mængde, subtotal og samlet beløb. Med ShopEngine's Vogn Bordblok, kan du vise dine købere al den information, der er relevant for dine produkter, gennem en kurvtabel i WooCommerce kurv side.

For at tilpasse indholdet og stilisere forskellige elementer i vognbordet, får du parametre i højre sidebjælke. Du kan finjustere produkthoved- og sidefødderfarver, kantfarve, tekstfarve samt skræddersy indholdssektioner inklusive titel, pris, mængde, total osv.

Senest viste produkter:

Med ShopEngine's Senest viste produkter blok, kan du fremvise de produkter, som dine brugere for nylig har gennemset eller set i din WooCommerce-butik. Du kan vise nyligt sete produkter på butiksside, produktside, indkøbskurvside osv.

Ligesom de andre blokke kan du bemærke parametrene relateret til nyligt sete produkter i højre sidebjælke. Ved at udnytte parametrene kan du angive antallet af produkter, der skal vises, vise/skjule salgsmærker, indstille kolonne- og rækkegabet, justere højden af produktbilleder osv.

Afvikling:

Så hvad er din holdning til vores flytning til Integrer ShopEngine med Gutenberg til WooCommerce? Fortæl os om din oplevelse med at implementere ShopEngine-blokke i Gutenberg til WooCommerce-butik.

Du er meget velkommen til at give positiv eller negativ feedback på Gutenberg-integrationen til WooCommerce. Vi vil også sætte pris på at tage imod forslag fra dig til at strømline vores integrationsproces. Men vores arbejder på ShopEngine-integration med Gutenberg er stadig i gang. Om kort tid er vi færdige med projektet.