Design dine WooCommerce -produktkategorier med Elementor

Elementor er en fremragende WordPress -sidebygger til at forbedre standard WordPress -byggherrens funktionalitet ved at tilføje nye funktioner.

Hvis du husker, var de tidlige versioner af WordPress ikke særlig brugervenlige. Udover at have begrænset funktionalitet krævede det, at du stoler på præfabrikerede WordPress-temaer for at skabe et grundlæggende design til dit websted. For mange brugere var den grundlæggende funktionalitet for WordPress -temaer imidlertid utilstrækkelig, hvilket nødvendiggjorde installation af plugin eller manuel redigering af temakode.

• WooCommerce og Elementor kombination
• Oprettelse af kategoriside i Elementor
• Layoutindstillinger

Elementor er en blokbaseret bygherre, der ligner WordPress, men den er meget mere avanceret end WordPress-byggeren, idet den er mere intuitiv, lydhør og funktionsrig. Vigtigst af alt, kan du oprette et fantastisk websted uden nogensinde at skulle skrive en kodelinje !!

WooCommerce og Elementor kombination

WP-WooCommerce og Elementor er to af de mest udbredte WordPress- plugin er tilgængelige i dag. Mængden af ​​fleksibilitet og det store antal funktioner, som hver af dem tilbyder, er simpelthen uvurderlige. Hvis du driver en e -handelsbutik, er WooCommerce det bedste plugin til næsten ethvert behov, du måtte have. Det er det mest omfattende plugin findes til praktisk talt ethvert behov.

Derudover er Elementor en af ​​de mest effektive træk-og-slip webstedsbyggere, der er tilgængelige på markedet. Det giver dig mulighed for hurtigt at designe, tilpasse og levere næsten enhver side på dit websted. Endnu flere funktioner er tilgængelige, såsom at oprette mega-menuer og få adgang til en lang række tilføjelser og skabeloner, der er meget bekvemme. Ved hjælp af både WooCommerce og Elementor kan du designe og opbygge butiks- og forretningssider i professionel kvalitet med mindst mulig omkostning og indsats. Ved hjælp af Elementor kan du helt tilpasse dine butikslayouter, produktgitre og karruseller samt vælge mellem en række smukke layouter. Muligheden for at konfigurere og personliggøre dine betalings- og indkøbsvognssider samt integrere dem med en række forskellige betalingsmuligheder og funktioner er også tilgængelig for at give dine kunder større bekvemmelighed.

Derudover kan du oprette brugerdefinerede sider og designs til digitale varer, inkludere brugerdefinerede sidemuligheder til forsendelse og betalinger og poste og forudkøbe sider, blandt andet. Alt dette bidrager til, at din virksomheds websted fremstår som både professionelt og brugervenligt. Sammen med de brugervenlige opfordringsknapper, parallax-klare skyder og et væld af andre funktioner kan du integrere WooCommerce-funktionalitet på dit websted. Det store antal muligheder er stort set ubegrænset. Nu, hvis du er overbevist nok, lad os guide dig gennem processen med at omsætte din plan til handling. Du kan gøre en række ting for at gøre din butikside mere indbydende, og målet er, at disse trin hjælper dig med at oprette en mere indbydende butikside til din WooCommerce -butik.

Oprettelse af WooCommerce -kategoriside i Elementor

Hvis du kender WooCommerce, ved du, at produktkategorier er afgørende for at organisere dine produkter for korrekt visning og adgang for kunderne - jo hurtigere de kan finde det, de leder efter, jo bedre. Men hvad er egentlig produktkategorier?

Kunder bruger en betydelig mængde tid på at gennemse dine produkter på din butikside, så de skal have en positiv oplevelse. Der er ikke noget mere frustrerende end at skulle navigere gennem snesevis af sider for at se produkter på din butiks websted.

Som følge heraf er kategorisering afgørende for at give dine kunder en bedre shoppingoplevelse. Kunderne vil have lettere ved at sortere og filtrere deres præferencer, hvis der er et velordnet og organiseret afsnit for alle typer varer som f.eks. Tøj eller sko. Tilføjelse af leadgenereringselementer såsom opfordringsknapper, fremhævede produktsektioner, pop-ups til salg eller tilbud og andre lignende komponenter til dette afsnit kan gøre det mere tiltalende for besøgende.

Hvis du har en WooCommerce -butik og vil give den et ansigtsløftning, er denne vejledning præcis det, du har brug for for at komme i gang.

Mange WooCommerce -temaer inkluderer et standardlayout for produktkategorier, som måske eller måske ikke passer bedst til dine forretningsbehov. Selvom disse standardindstillinger kan bestå af nogle nyttige funktioner, kan de ikke ofte tilpasses.

Lad os komme i gang.
Efter at have konfigureret dit produkt, skal du gøre følgende, før du udgiver, så det vises i en kategori:

Du angiver de betingelser, der bestemmer, hvor din produktskabelon skal vises i løbet af dette trin. Når du bruger en skabelon, gælder den automatisk for alle produktsiderne på dit websted. Du kan også indsnævre din søgning til en bestemt produktkategori.

Klik på Udgiv, og dit enkelt produkt kan nu købes!

Vi er ikke færdige endnu.
Det, vi lige har gjort, er ikke nok til at få kategorier live på vores side; for at få kategorier live på alle eller nogle sider af vores hjemmeside, mangler vi stadig at sætte et par ting op. For at fuldføre opgaven skal du oprette en produktkatalogside, der vil påvirke alle produkter, eller en katalogside, der vil påvirke en bestemt kategori af produkter.
For at gøre dette skal du først vende tilbage til Elementor > Mine skabeloner og oprette en produktarkivskabelon. Vælg derefter enten en eksisterende skabelon eller opret en ny. Tilpas udseendet af widgetten Arkivprodukter og widgetten Arkivtitel ved at føje dem til din side.

Brug kopistilfunktionen mellem sider til at tilpasse den, så den matcher det design, du allerede har oprettet til din enkelt produktskabelon, og gem derefter dine ændringer.
Vend tilbage til produktsiden og vælg Kopier fra rullemenuen. Højreklik på Indsæt stil, når du er tilbage i arkivproduktet. Vælg Seneste produkter fra rullemenuen Forespørgsel > Kilder i indstillingerne for Arkivprodukter.
Vælg derefter ringe i rullemenuen Produktkategori. Kun ringekategorien vil blive vist på denne måde. Hvis du har en lang liste af produkter for en bestemt kategori, bør du slå paginering til.
Du kan tilpasse afstanden mellem kolonnerne og rækkerne ved at vælge stilfanen. Skift farver, skrifttyper og andre aspekter af designet.

Forudpublicering, vælg de betingelser, der bestemmer, hvor arkivet skal vises, ligesom du gjorde for den enkelte produktskabelon, og publicer derefter.

Når du har trykket på "udgiv", vil din arkivside være live.

Elementor pro giver dig mulighed for at designe skæve, rene produktkategorier med en masse muligheder;

Du kan udføre følgende med de tilgængelige muligheder på Elementor Pro:

Layoutindstillinger for WooCommerce -produktkategorier

• Kolonner: Indstil det nøjagtige antal kolonner, der skal vises, fra 1 til 12
• Kategorier tæller: Vælg det antal kategorier, der skal vises

Forespørgselsindstillinger

• Kilde: Vælg den kilde, hvorfra der skal vises kategorier, og vælg mellem Alle, Manuelt valg, Efter forældre eller Aktuelle underkategorier. Hvis Manuelt valg er valgt, skal du manuelt vælge, hvilke kategorier der skal vises. Hvis "Af forældre" er valgt, skal du vælge fra Kun øverste niveau eller vælge en individuel kategori fra rullelisten.
• Skjul tom: Indstil til Ja til kategorier uden produkter i dem
• Ordre efter: Indstil den rækkefølge, som kategorierne skal vises i. Mulighederne omfatter Navn, Slug, Beskrivelse eller Antal
• Ordre: Vælg for at få vist kategorier i ASC eller DESC (stigende eller faldende) rækkefølge

Stilindstillinger

• Kolonner Gap: Indstil den nøjagtige afstand mellem kolonnerne
• Rækkeafstand: Indstil det nøjagtige mellemrum mellem rækkerne
• Justering: Juster produktdataene til venstre, højre eller center

Billedindstillinger

• Kanttype: Vælg typen af ​​kant, vælg mellem ingen, massiv, dobbelt, stiplet, stiplet eller rillet
• Border Radius: Indstil radius til at styre hjørnens rundhed
• Mellemrum: Juster mængden af ​​plads mellem billederne og deres data

Titelindstillinger

• Farve: Vælg titelfarven
• Typografi: Indstil typografimulighederne for titelteksten

Tæl indstillinger

• Farve: Vælg farven for optællingen
• Typografi: Angiv typografimuligheder for greven

Konklusion

WooCommerce Builder i Elementor giver dig den designfleksibilitet, du har brug for til at oprette og finjustere dine produktsider visuelt. Den tid det tager at gå fra en idé til et live , og fuldt ud funktionel online WooCommerce -butik reduceres betydeligt som følge af dette sparer dig tid. Samlet set har tilpasning af din WooCommerce -butikside med Elementor potentialet til at påvirke dit websteds samlede ydeevne betydeligt. Du kan enten hjælpe eller forhindre salg ved at organisere og vise dine produkter på den bedst mulige måde for kunderne at se og købe dem. Opsætning og tilpasning af din WooCommerce Shop -side i Elementor vil blive demonstreret gennem trinene i denne vejledning. Husk dog, at dette kun er toppen af ​​isbjerget med hensyn til problemets omfang. En introduktion til at bruge Elementor til at oprette den ideelle Shop -side til din butik demonstreres i denne grundlæggende demonstration. Brug dette som udgangspunkt og leg med det for at få mest muligt ud af denne fantastiske sidebygger