• Funktioner
  • Mallar
  • Prissättning
  • Swedish
  • Funktioner
  • Mallar
  • Prissättning
  • Swedish
Ops! Din sökta widget hittades inte! Har du någon idé? Om du har det, Skicka in här

Vi vet att du vill inviga ett nytt WooCommerce webbplats och börja handla produkter över Internet, är du inte? Det är lite en skrämmande uppgift men inte omöjligt. I det här inlägget kommer vi att visa dig faktiska steg för att hjälpa dig att bygga WooCommerce-webbplats med hjälp av Elementor och Element Pack.

Den här typen av webbplats är en kombination av några verktyg, t.ex. ElementorWooCommerceoch ett passande tema (rekommenderas Rooten Tema). Om dessa verktyg är nya kan du kolla upp dem.

Låt oss gå vidare och se.

Bygga WooCommerce-webbplats steg för steg

Vi kommer att visa dig steg för steg hur du skapar WooCommerce-webbplats med hjälp av Elementor och Element Pack.

Steg 1: Till att börja med måste du se till att du har en installerad WordPress CMS (System för innehållshantering).

Det viktigaste här är att du först måste installera ett tema och sedan aktivera det. Och för att göra det gå till WordPress kontrollpanel > Utseende Tema Lägg till nytt.

Steg 2: I detta steg måste du installera och aktivera Elementor en sidbyggare Plugin.

The Best WordPress Page Builder

Gå helt enkelt till WordPress Instrumentpanel till Plugins > Lägg till nytt > Sök Elementor i sökrutan > tryck sedan på Installera och aktivera.

Om du har gjort det hittar du plugin-programmet på vänster sida i panelen på instrumentpanelen.

Steg 3: Detta steg låter dig installera och aktivera WooCommerce-plugin. Kom ihåg att detta plugin kommer att vara ett av dina viktigaste verktyg.

A Way of Building Online Store

Gå bara till WordPress Instrumentpanel till Plugins > Lägg till nytt > Sök WooCommerce i sökrutan > tryck sedan på Installera och aktivera.

Dessutom måste du gå igenom några fler alternativ nämligen:
i. Tillhandahållande av grundläggande information
ii. Konfigurera betalningsgateways
iii. Fraktkonfiguration
iv. Ansluta WooCommerce med Jetpack
v. Slutföra installationen av WC

För att göra alla dessa saker, besök elementor.com

Är det här tillräckligt? Helt tillräckligt, men vi måste gå lite längre fram.

Blogg för dig
Mest populära bloggar

Läs mer om WordPress

Lägga till produkter med WooCommerce

I menyn Produkter kan du lägga till de produkter som du vill fylla i och sälja.

Steg 1: Här kan du lägga till dina produktartiklar med KategorierEtiketter, och Attribut. Gå bara till Produkter Lägg till nytt. Varje gång du måste lägga till produkter på detta sätt.

adding and managing products with WooCommerce

En sak till är att göra det du kan ställa in produktdata, kort beskrivning. Titta noga på skärmdumpen ovan.

steg 2: Om du vill kan du visa prov_produkter data i CSV/XML-fil som tillhandahålls av WooCommerce. Gå helt enkelt till Verktyg > Import WooCommerce-produkter(CSV)> och tryck sedan på Kör importör. Du kan bara göra detta i demonstrationssyfte.

Importing product data through CSV file

Steg 3: Efter att ha lagt till produkter, från Produkter Lägg till nytt och spara, kan du hitta dina produkter i listan under som du kan se.

Products listing and management

Produktsida via Elementor och Element Pack

Det är mycket säkert att du också kan anpassa utseendet och känslan av dina produkter med Elementor. Det finns ett litet trick som jag vill föreslå att du tillåter ett plugin Element Pack för att få ett bättre utseende och känsla av produkter. Ja, dessa två plugins integreras med WooCommerce.

Steg 1: För att skapa en ny produktmall går du till Mallar Lägg till nytt.

Creating individual product page for displaying products online

När du har skapat en mall och publicerat den måste du öppna den i Elementor. Efter det hittar du en mängd olika widgets för WooCommerce.

Products displaying using page-builder plugin

Med standardwidgets för Elementor (Gratis / Premium), om du installerar Element Pack, hittar du fler widgets för att skapa din produktsida. Se bilden nedan.

The key steps of sellig and displaying eStore products

Detta plugin har några mycket starka widgets, inklusive WC-produkterWC-Lägg till i kundvagnWC-kategorierWC-skjutreglageWC-ElementWC-karusell, och WC-Mini vagn som kommer att ge dig stöd när det gäller att visa produkter och tjänster för WooCommerce.

Steg 2: I det här steget visar jag dig hur du använder Widgets of Element Pack för WooCommerce.

Dra och släpp först valfri widget (som nämns ovan).

Blogg för dig
Redaktörens val

Lär dig att göra enastående CTA nu!

Layout:

Med den här widgeten i avsnittet Layout kan du visa dina produkter i rutnäts- och tabellform med hjälp av Skin-kontrollerna.

Grid view skin of products
Vertical grid-view, a way of showing WC-products vertically

I det här avsnittet kan du dessutom ställa in storleken på produktbilden och produktfiltrering med murverk.

Gå helt enkelt till Layout > Hud(standard/tabell) > Inriktning> Bildstorlek > Visa filter > Murverk.

Fråga:

Detta avsnitt fungerar för att ange källplatsen för data som du behöver visa med referensen som Författaren, Kategorier, Etiketter, och Format. Referenserna kan vara olika beroende på källans läge. Läs mer på engelska

WooCommerce products viewing by the Element Pack, a page builder plugin

Gå till Fråga > Källa (Visa alla/manuellt val) > Visa produkt (Alla produkter/ Till salu/ Utvalda).
Viktigast av allt är att du kan ställa in Paginering och Produktgräns och du kan visa produkten id-kunnig från Exkludera produkt(er).

Ytterligare:

How to add image thumbnail, price, and add to cart

Från detta avsnitt har du en chans att manipulera Badge, Miniatyrbild, Titel, Betyg, Pris, Lägg till i kundvagn, Sök, Beställning av produkter. Arbeta bara med Ja/Nej växlingsknapp.

Få en gratis EP- och PS-licens (livstid)

Vi kör ett give-away-program till våra älskade konsumenter och prenumeranter som är anslutna till vår officiella webbplats BDthemes.com

Besök Element Pack eller Prime Slider och dela dina tankar med oss. Lyckliga vinnare kommer att få en livstidslicens värd $100. Det tar bara en minut att delta.

Gå med i Give Away-programmet

Fliken Stil:

För styling måste du göra det Stilfliken och ge stil som du kan se nedanstående skärmdump. Här kommer du att kunna utforma innehållet avsnitt för avsnitt, till exempel FöremålSökfältVälj fältBildTitelUtdragBetygPrisKnappBadgeSidfotFilter Bar.

adding rating, badge, price,and button in WC for sale

Tillsammans med WC-Products widget hittar du ytterligare 6 widgets i Element Pack-plugin som jag har nämnt ovan. Med hjälp av widgetarna kommer du att kunna visa dina produkter till salu.

WooCommerce-hanteringsdetaljer med alternativ och inställningar

Här ska jag förklara varje menyalternativ ett för ett så att du vet exakt vad som händer där.

Beställningar

Den här visar aktuell status för beställningar i din butik. Här ser du antal och typ av artiklar som sålts, och till vem.

To manage orders by the customers

Dessutom kommer du att se många olika statusar (i väntan på betalning, i vänteläge, återbetald, misslyckad annullering etc.) Du kan klicka på varje order för att ändra fakturerings- eller leveransadresser, lägga till anteckningar, återbetala ordern, ändra innehållet i ordern med mera.

Kuponger

Vi tror att det är ett välbekant begrepp för dig. Här kan du skapa och hantera rabattkoder.

It is very important for making discount coupons for increasing sales.

Du kan särskilt hantera kupongernas utgångsdatum och användningsbegränsningar samt begränsningar av hur många kuponger som är tillgängliga för användning totalt eller per kund.

Rapporter

I detta avsnitt hittar du detaljerade sammanfattningar av alla aspekter av din butik.

Showing eCommerce business health reports

Detta inkluderar beställningar, inköpta varor, återbetalningar, utfärdade, fraktkostnader och använda kuponger samt brutto- och nettoförsäljning för de senaste 7 dagarna, månaderna, året eller en anpassad tidsram.

Förutom försäljning per produkt, kategori, använda kuponger eller kundnedladdningar kan du dessutom hitta detaljerad information om kunder, skatter och lager.

Inställningar

The main settings of WC business

Om du måste kontrollera allt i din online-e-butik. Den har många konfigurationsalternativ som hjälper dig.

Status

e-Shop performance/ status checking

Den här menyn ger dig en översikt över hur din webbutik mår och fungerar.

Tillägg

Some main extensions for eShop accessibility

Om du vill aktivera något lämpligt tillägg kan du enkelt göra det från det här menyavsnittet.

Temat för WooCommerce

Slutligen, i början av den här artikeln, citerade jag om WordPress-tema (Hej, OceanWP, GeneratePress, Astra och mer) krävs för att bygga WooCommerce-webbplats. Här, med tanke på den svåra uppgiften att välja tema, kommer jag att rekommendera dig Rooten Tema (Multi purpose theme) ett av de bästa WordPress-temana.

The Popular WooCommerce Theme

Slutsats

Vi har gått igenom några enkla processer som säkert kommer att ta dig på rätt spår för att Bygga WooCommerce-webbplats.

Du kan känna förtroendet för att få två coola och mogna plugins - WooCommerce och Elementor som ger dig de nödvändiga verktygen för en onlinebutik. Nu vet du hur du skapar och ställer in din onlinebutik.

Men gratisversionen av båda plugins är tillräckligt för att få dig igång. Vår butik är redo. Vi önskar dig allt gott, man.

Till sist, om du hittar någon fråga ytterligare och kämpar, vänligen kommentera oss.

Upphovsrätt © 2025 BdTema. Alla rättigheter reserverade.

Money Transfer Logo