Shoppingtrender förändras i snabb takt och människor tenderar att köpa online mer än någonsin.
Det är därför de behöver för en e-handel butik ökar för att tillfredsställa online shoppingvanor eftersom människor tycker det är bekvämare att köpa online snarare än att gå ut för att handla.
Du kan också starta din e-butik direkt med rätt verktyg och installation. Och du kommer att märka en drastisk ökning av din försäljning inom en kort tidsperiod.
Om du har planerat att starta en e-butik och leta efter en WordPress-expert för att göra jobbet åt dig, låt mig säga att du inte behöver något.
ja! Du kan göra det själv eftersom du inte behöver vara WordPress-utvecklare eller kodande expert och du kan göra det utan att ha någon kunskap om kodning med rätt verktyg och installation.
Följ bara steg-för-steg-guiden för att skapa en WooCommerce-butiksida med hjälp av Elementor-sidbyggare.
Låt oss gräva djupare för att komma till saken!
- Vad du behöver för att skapa en produktsida med Elementor?
- Hur installerar jag Elementor-sidbyggaren?
- Skapa en Elementor WooCommerce-produkt steg för steg
- Mobil optimera din WooCommerce produktsida
- Elementor Pro-prissättning
- Avslutar
Vad du behöver för att skapa en produktsida med Elementor?
Installera WooCommerce-pluginen plugin din WordPress-webbplats från WordPress.org-förrådet och utöver det måste du installera Elementor-sidbyggaren . Gratisversionen kan laddas ner från WordPress.org men gratisversionen kommer med ett begränsat anpassningsalternativ. Därför, om du gillar att få obegränsade anpassningsalternativ än att gå till pro Elementor och ladda ner den från den officiella Elementor.org.
Hur installerar jag Elementor-sidbyggaren?
- För gratis version av Elementor:
Gå till Plugin s> Lägg till ny> ange Elementor sidbyggare> klicka på installera och aktivera.
- För Elementor Pro:
Köp Pro-versionen från Elementor.com och ladda upp zip-filen och klicka sedan på installera och aktivera.
Skapa en Elementor WooCommerce-produkt steg för steg
Den vanliga WooCommerce-produktsidan ser ut som alla grundläggande WooCommerce-produktsidor utan skarpa.
Men om du vill lägga till ditt varumärkes röst än du måste anpassa den unikt.
Steg 1: Gå till avsnittet Mall från din Dashboard-meny och klicka på “Lägg till ny”.
Välj nu artikeln "Enkel produkt" från rullgardinsmenyn.
Det bästa är att Elementor kommer med några färdiglagda produktsidamallar, så om du vill snabbstart, välj någon från de alternativ som ser närmast ut till önskad.
Det är mycket lättare att skapa en produktsida från den förlagda mallen snarare än att skapa från grunden. Ändra därför alla befintliga mallar och spara tid och ansträngning.
Vi har valt den här mallen för vår produktsida.
När du har valt din favoritmall leder den till Elementor-redigeraren där du kan anpassa mallen enligt din smak.
Här kan du se olika block på vänster-menyn. Dra och släpp det block du vill arbeta med.
Klicka på knappen "+" Lägg till och välj vilken kolumnstorlek du vill lägga till.
Vi har valt två kolumnstorlekar för vår produktmall.
Lägg till en widget för produktens titel i den högra kolumnen och lägg till produktens titel på den.
När du har lagt till produkttiteln är nästa steg att lägga till "Woo-brödsmulor" ovanför.
Lägg nu till produktbilden i den vänstra kolumnen och dra en produktbildwidget från vänster.
Du kan lägga till stoppningen i båda kolumnerna för att hålla dem något från varandra.
När du har lagt till bilden och justerat stoppningen enligt de önskade måtten lägger du till produktklassificeringswidgeten under produktens titel.
Lägg till en kort beskrivning av produktwidget under produktgranskningsblocket. du kan också justera utrymmet mellan de två blocken.
När du är klar med produktbeskrivningen och alla detaljer är nästa steg att lägga till priset på produkten och för detta måste du dra och släppa priswidgeten under beskrivningen av produkten.
Efter att ha lagt till prisfliken under produktbeskrivningen kan du anpassa priswidgeten genom att välja alternativen i den vänstra menyn. Du kan förstora ikonen, ändra typsnittet och även teckensnittsfärgen från svart till valfri annan färg.
Lägg nu till widgeten "lägg till i vagnen" och anpassa dess färg, typsnitt eller stil från menyn om du vill.
Lägg till produktmeta under priswidgeten som visar produktkategorin och produktens serienummer.
Steg 2: lägg till ytterligare information om produkten i nästa avsnitt.
Skapa ett nytt kolumnavsnitt och lägg sedan till produktdataflikar inklusive beskrivning, ytterligare information och recensioner. Och till höger om kolumnen lägg till relaterad produktsektion.
För att behålla samma format för varje kolumn kan du klicka på det vänstra hörnet av varje kolumn och kopiera och klistra in kolumnformatet för varje kolumn.
Steg 3: lägg till ytterligare ett avsnitt i lägg till "uppförsäljningsavsnitt".
Så här ser du upp-sälja avsnittet ut efter tillägg. Lägg till lite stoppning för att anpassa avsnittet.
Och slutligen är du klar med att din produktsida utformar. Nu är det sista steget där du vill publicera din produkt? du kan klicka på publicera eller gå till ögonsektionen i det nedre mest hörnet av den vänstra menyn och klicka på inställningarna för att välja produktkategori.
Klicka på menyn Lägg till villkor och välj sedan produktkategorin och klicka på publicera.
Mobil optimera din WooCommerce produktsida
Eftersom mycket trafik kommer att komma igenom smarttelefonernas så att du måste optimera din butik för visning av smarttelefoner, annars kan du förlora din försäljning.
Även om WooCommerce redan är mobiloptimerad, men ändå för att försäkra dig om dina produktsidamallar ser helt bra ut på mobilskärmen följer du proceduren.
Du hittar ett alternativ Responsive Mode i det nedre vänstra hörnet av Elementor-gränssnittet.
När du klickar på Mobile responsive-alternativet kan du växla mellan Mobile, Desktop och flikvisningsalternativ.
Klicka på något av alternativen du vill se och justera designen om du hittar några komplikationer.
Spara nu och fortsätt att publicera din produktsida.
Elementor Pro-prissättning
Elementors grundversion är tillgänglig gratis medan proversionen levereras med tre licenser. Om du letar efter din personliga blogg eller efter en enda webbplats är den personliga licensen bäst lämpad för dig där du kan få en WooCommerce-byggare tillsammans med 90+ pro-widgets.
Medan plus- och expertlicenser är lämpliga för vuxna företag eller byråer med stöd av 3 respektive 1000 webbplatser.
Avslutar
Det enda syftet med Elementor sidbyggare är att göra det möjligt för användarna att släppa loss sin kreativitet utan att förlita sig på kodningen. Elementor kommer med en mängd olika widgets som låter dig skapa alla slags produktsidor baserade på attraktiva layouter. De grundläggande WooCommerce-elementen är fler än 10 som gör det möjligt för användarna att anpassa varje krök och kurva på butikssidan. Och om du inte hittar ditt önskade element i Elementor-menyn, oroa dig inte! Det finns många andra avancerade inställningar som kan uppgradera din arsenal och lägga till flera element till ditt bibliotek. En av dem är Essential Add-ons som kommer med dedikerade element endast för WooCommerce.
