ShopEngine-integration med Gutenberg för WooCommerce Store

Äntligen är väntan över! ShopEngine är nu kompatibel med din Gutenberg block editor. Tidigare kunde du bara komma åt ShopEngine-widgets via Elementor-fönstret, eller hur?

Men nu är ShopEngine tillgängligt utöver det. Förutom att komma åt ShopEngine-widgets via Elementor kan du använda dig av ShopEngine i Gutenberg för WooCommerce-butiken. Men i Gutenberg kommer dessa widgetar att dyka upp som block.

Faktum är att funktionerna hos Elementor-widgets och Gutenberg-block är identiska. Då, var är skillnaden? Skillnaden ligger i applikationen. För Elementor-widgets var du tvungen att dra och släppa widgets på de angivna områdena för att se resultatet. Men för Gutenberg-block måste du bara klicka på blocken och ditt jobb är klart.

En översikt över Gutenberg:

Som WordPress-användare måste du vara bekant med termen Gutenberg. Det är en WordPress-innehållsredigerare, även känd som WordPress-blockredigerare. Nuförtiden är Gutenberg den mest populära WordPress-redigeraren bland WordPress-användarna på grund av sin lättanvändning. Många WordPress Gutenberg-plugins är också tillgängliga från tredjepartsutvecklare.

Tidigare var folk mer vana vid att använda "Classic Editor", en annan WordPress-redigerare. Sedan Gutenbergs tillkomst har människor anammat blockredigeraren mer jämfört med Classic Editor. Specialiteten av Gutenberg är dess blockbaserade innehåll.

Oavsett om det är ett stycke, bild eller knapp, är vart och ett av dessa element ett block. Till skillnad från Classic Editor låter denna blockbaserade innehållsredigerare dig manipulera ditt innehåll med mer kontroll. Den bästa delen av denna blockredigerare är att den låter tredjepartsutvecklare bädda in anpassade block.

Och det är precis vad vi kommer att fokusera på denna informativa blogg eftersom från och med nu kommer en hög med ShopEngines funktioner att finnas till ditt förfogande i Gutenberg för WooCommerce. Innan vi vidgar oss ShopEngines anpassade block i Gutenberg, låt mig belysa varför vi integrerade ShopEngine med Gutenberg för WooCommerce.

Varför integrera ShopEngine med Gutenberg:

ShopEngine designades ursprungligen exklusivt för Elementor. Det betyder att du bara kan bygga dina WooCommerce-sidor för Elementor. Men nu, som jag nämnde tidigare, har ShopEngine gått ett steg framåt efter att ha integrerats med Gutenberg.

Så, vad gjorde oss integrera ShopEngine med Gutenberg för WooCommerce? För att svara på denna fråga, låt mig presentera databitar för dig

Enligt gutenstats.blog, Gutenberg har fått 76 miljoner aktiva installationer hittills. Utöver det har 264,5 miljoner inlägg skrivits med Gutenberg hittills.

Dessa databitar tror jag är tillräckliga för att övertyga någon om varför vi har utökat ShopEngines sortiment till Gutenberg. Miljontals människor använder Gutenberg för att utveckla sitt innehåll och vi vill inte att de ska missa det spännande funktioner som ShopEngine erbjudanden.

Några fler anledningar till ShopEngine-integration med Gutenberg:

Låt mig betona en punkt som Gutenberg är inte bara en innehållsredigerare. Gutenberg-projektet syftar till att förvandla blockredigeraren till en redigeringsverktyg för hela webbplatsen Inom en snar framtid.

Tanken är att låta dig designa 100% av din WooCommerce-webbplats med Gutenberg-redigeraren. Om detta händer kommer efterfrågan på Gutenberg sannolikt att skjuta i höjden. Så det är värt att integrera ShopEngine med Gutenberg för WooCommerce, eller hur?

• Med Gutenberg behöver du inte använda kortkoder för att bädda in innehåll. Istället kan du distribuera blocken för att lägga till de nödvändiga sidelementen.
• Gutenberg är fri från kompatibilitetsproblem, så utvecklare kan enkelt införliva Gutenberg-stöd i sina plugins.
• Gutenberg matar ut en lättviktskod och är också ett snabbladdningsverktyg.

Några av de anmärkningsvärda ShopEngine-blocken i Gutenberg:

Innan jag belyser ShopEngine-block, låt mig förtydliga att ShopEngine kommer med 65+ widgets, 13+ moduler, och myriad av mallar för WooCommerce-butikssidor för Elementor-användare. Efter integrationen av ShopEngine med Gutenberg för WooCommerce kan du nu få tillgång till 45+ ShopEngine-block i Gutenberg.

Beroende på vilken sidtyp du väljer för att bygga en mall för din WooCommerce-butik, kommer Gutenberg-block att dyka upp därefter. Dessutom får du tillgång till moduler som Snabbvy, variantprover, produktjämförelse och önskelista.

Låt oss ta en titt på några av ShopEngine-blocken i Gutenberg för WooCommerce-butiken-

Produkttitel:

De Produktens titel blocket visas på en enda sida för en specifik produkt. När du har valt en sidtyp för att bygga din mall behöver du bara klicka på produkttitelblocket i sidofältet.

Direkt efter det kommer din produkttitel att dyka upp på sidan. Från det högra sidofältet kan du ändra titeltagg, justering, färg och typografi.

Produktlista:

Produktlistan visar alla typer av produkter som du säljer i din WooCommerce-butik. Produktlista blocket visas på alla typer av sidor inklusive singel-, butiks-, kassa- och kundvagnssidor. När du har valt sidtyp klickar du på produktlistan från popup- eller sidofältet.

Se till att du väljer produktkategori för att produkterna ska visas. Från det högra sidofältet kan du välja och anpassa olika delar av produktlistan. Du kan välja antal produkter per sida, taggar, visa/dölja försäljningsmärke, rabattprocent osv.

Produktbeskrivning:

Om du skapar en mall för enstaka sidor, Produktbeskrivning blocket visas i sidofältet. För att få produktbeskrivningen att visas på din sida, klicka på produktbeskrivningsblocket. Du kan anpassa beskrivningen och även stilisera den genom att ändra typografi, färg, justering, etc.

Utbetalning:

Liksom Checkout Payment-widgeten i Elementor, Kassa Betalningsblock arbetar i Gutenberg. Du kan se "Kassabetalning"-blocket om du går vidare skapa mall för din kassasida. Efter det kan du lägga till kassabetalningsblocket som du behöver för din WooCommerce-butik.

Du kommer att ha alternativen att ändra innehållsstil, betalningsmetoder, knapp, etc. Du kan justera kryssrutans position, knappfärg, typografi, kant, etc.

Arkivprodukter:

Sidan med arkiverade produkter innehåller alla upplagda produkter på ett ställe. För att skapa en mall för arkivsida i Gutenberg för WooCommerce, gå bara vidare till vänster sidofält och klicka på Arkivprodukter block. Alla produkter i inventeringen kommer att dyka upp en efter en.

Arkivproduktsidan har en mängd segment inklusive layout, innehåll, paginering, betyg, etc. Sidan innehåller en hel del element som produkttitel, produktbild, produktpris, produktbeskrivning, produktsidfot och så vidare.

Varukorgsbord:

I kundvagnstabellen dyker all information om dina valda produkter upp inklusive produktnamn, pris, kvantitet, delsumma och totalbelopp. Med ShopEngines Vagn Bordsblock, kan du visa upp dina köpare all information som är relevant för dina produkter genom en kundvagnstabell i WooCommerce varukorgssida.

För att anpassa innehållet och stilisera olika element i varukorgstabellen får du parametrar i den högra sidofältet. Du kan justera produktens sidhuvud och sidfotsfärger, kantfärg, textfärg, samt skräddarsy innehållssektioner inklusive titel, pris, kvantitet, totalt, etc.

Nyligen visade produkter:

Med ShopEngines Nyligen visade produkter block, kan du visa upp de produkter som dina användare nyligen har tittat på eller tittat på i din WooCommerce-butik. Du kan visa nyligen visade produkter på butikssida, produktsida, kundvagnssida etc.

Precis som de andra blocken kan du lägga märke till parametrarna relaterade till nyligen visade produkter i den högra sidofältet. Med hjälp av parametrarna kan du ange antalet produkter som ska visas, visa/dölja försäljningsmärken, ställa in kolumn- och radavstånd, justera höjderna på produktbilder, etc.

Avveckling:

Så, vad tycker du om vår flytt till integrera ShopEngine med Gutenberg för WooCommerce? Låt oss veta om din erfarenhet av att distribuera ShopEngine-block i Gutenberg för WooCommerce-butiken.

Du är hjärtligt välkommen att ge positiv eller negativ feedback om Gutenberg-integrationen för WooCommerce. Vi skulle också uppskatta att ta emot förslag från dig för att effektivisera vår integrationsprocess. Men vårt arbete på ShopEngine-integration med Gutenberg pågår fortfarande. Inom kort är vi klara med projektet.