Hur man skapar en webbutik med hjälp av en massa WordPress och WooCommerce: en detaljerad guide

Det antas att CMS WordPress inte är lämplig för nätbutiker. Ändå arbetar nästan en tredjedel av alla befintliga butiker på denna motor. Detta är möjligt tack vare WooCommerce: världens mest populära online handelsplattform. Detaljerad vägledning lär dig hur du arbetar med den här plattformen och hjälper dig att skapa din första webbutik.

Varför välja WooCommerce

WooCommerce är ett gratis WordPress-plugin. Det utökar funktionaliteten hos webbplatser på de mest populära CMS i världen: gör dem till fullfjädrade nätbutiker. WooCommerce upprepar WordPress största fördel. Att arbeta med motorn och plug-in för e-handel kan vara utan kunskap och erfarenhet av webbutveckling.

I mitten av sommaren 2017 överstiger antalet aktiva plug-in-installationer över 3 miljoner. Enligt BuiltWith-analysplattformen är WooCommerce den mest populära online-handelsplattformen i världen.

Var uppmärksam på den viktiga nyansen. Med tanke på alla befintliga nätbutiker överstiger andelen WooCommerce 40%. Om du begränsar täckningen till 1 miljon eller 100 tusen av de mest populära marknadsplatserna, sjunker plattformens popularitet. Och bland de 10 tusen största butikerna, är andelen WooCommerce reducerad till 11%.

Vad betyder statistiken? WooCommerce saknar konkurrens när man väljer en plattform för små och medelstora butiker. Stora online-köpmän använder ofta denna plattform, men många använder alternativa lösningar.

En annan nyans: i RuNet WooCommerce grazes tillbaka. Den tydliga ledaren här är OpenCart.

Är det värt det eller att inte använda WooCommerce för att skapa en webbutik? Här är fördelarna med verktyget:

  • Genom enkelheten att skapa och hantera WordPress och WooCommerce finns det ingen lika. Att skapa en butik behöver inte utvecklingsfärdigheter. Joomla!, OpenCart och Drupal är svårare att arbeta med, även om du också kan hantera dessa CMS utan speciell kunskap.
  • Tillförlitlighet och tillförlitlighet. WordPress-webbplatser fungerar som en klocka. Ibland måste du tinker med andra motorer för att få något att fungera. Till exempel integreringen av mikrodata modulen på Joomla! Det tog mig två dagar, och på WordPress löser den här uppgiften på 5 minuter.
  • Gratis verktyg oavsett intäkter, varukvantitet och andra egenskaper. För många alternativa lösningar, till exempel måste modulen "Ecwid" eller Magento Enterprise Edition betala.
  • Utvecklad infrastruktur. Tusentals gratis plug-ins och teman som löser specifika praktiska problem har skapats för WordPress. När man arbetar med andra CMS för liknande lösningar måste betala eller kontakta utvecklarna individuellt.
  • Bred funktionalitet. WooCommerce ger tillgång till de grundläggande funktionerna som krävs av nätbutiken. Och med hjälp av gratis och betalade plug-ins kan plattformens funktionalitet utökas, och webbplatsen kan anpassas till behoven hos ett visst projekt.

WooCommerce har brister. Chef - du måste klättra under huven. Alla CMS- och e-handelsmoduler har samma nackdel. Och dess designers berövas nätbutiker, till exempel Shopify. Om du inte vill hantera tekniska problem eller subtiliteter av konfiguration kan uppgiften delegeras till specialiserade specialister.

Skapat med standardverktygsbutik på WooCommerce ser mall. Vid anpassning måste investera tid eller ekonomiska resurser. Samma nackdel är med alla, utan undantag, webbplatser som arbetar på kommersiella CMS eller open source-motorer. Problemet löses av självskrivna motorer, men det här är ett mycket farligt val.

WooCommerce fungerar bara med WordPress. Detta kan vara en nackdel för online-handlare som föredrar andra CMS.

Fördelar och nackdelar är enklaste att utvärdera i praktiken. Om det inte räcker kan du titta på exempel på nätbutiker som körs på WooCommerce. Om utseendet och funktionaliteten som presenteras i showcase av handelsplattformar passar dig, fortsätt till jobbet.

Första steget: välja värd, installera ett CMS, välja en designmall

Om du skapar en nätbutik från början, välj en virtuell värd. Skalan av "Connected" och high attendance kommer du inte att nå omedelbart, så VDS eller en dedikerad server behöver inte genast.

Var uppmärksam på mängden ledigt diskutrymme. Om det finns flera dussin produkter på displayen är frågan inte kritisk. Men om kostnaden för varorna går till hundratals eller tusentals väljer du en värdplan med stor diskutrymme. 10 GB i första etappen räcker med en marginal.

För att arbeta med en massa WordPress och WooCommerce, är det bättre att välja Linux hosting. Den ska stödja MySQL och PHP. Tullplanen bör innehålla åtkomst till serverns kontrollpanel och FTP.

Många webbhotell erbjuder ett gratis SSL-certifikat när du registrerar en domän och köper ett webbhotell. Dra nytta av detta erbjudande för att ge tillgång till webbplatsen via ett säkert https-protokoll.

Instruktioner för installation av CMS WordPress finns i guiden för nybörjare. Men du behöver inte det om det finns en Softaculos auto-installer i värdens kontrollpanel. Det hjälper till att installera WordPress på bara två klick.

Innan du installerar CMS automatiskt, notera viktiga detaljer:

  • Byt ut det automatiskt genererade databaslösenordet.
  • Byt standardadministratören med ett annat administratörsnamn.
  • Skapa ett starkt lösenord för att logga in på administratörskonsolen.
  • Installera plugin för inloggningsverktyget för att skydda mot bruteforcing.
  • Aktivera automatisk uppdatering av CMS, teman och plugins.

När du har ändrat inställningarna kör du installationen.

Använd nybörjarguiden för att skapa en webbplats. Du hittar även tips för avancerade användare och instruktioner för felsökning av vanliga fel.

När du väljer ett tema, styras av dina inställningar och projektfunktioner. Tänk på en viktig punkt: designmallen måste vara kompatibel med WooCommerce. Teoretiskt borde plugin arbeta med alla teman för WordPress. Men i praktiken arbetar vissa mallar med e-handelsplattformen felaktigt.

Standardtemat för WooCommerce Storefront, liksom dess barnteman, fungerar bra.

Det finns mallar i den officiella WordPress-temakatalogen, vars utvecklare förklarar kompatibilitet med WooCommerce. Samma teman kan hittas via webbplatsens administrativa panel i avsnittet "Utseende - Teman".

Även lämpliga designmallar finns i WordPress-community-godkända kommersiella tematillverkare.

Så här installerar och konfigurerar du WooCommerce

WooCommerce-plugin finns i den officiella WordPress-katalogen. Det bekvämaste sättet är att installera det via adminpanelen i menyn "Plugins - Add New". Och om du valde Standard Storefront-temat från WooCommerce-utvecklare, kommer kontrollpanelen att erbjuda att installera plugin.

Efter installationen och aktiveringen av plugin kommer systemet att erbjuda för att ange de grundläggande inställningarna. I första steget skapar installationsguiden grundläggande sidor: "Shop", "Basket", "Checkout", "Mitt konto".

I nästa steg väljer du land och valuta. I rullgardinsmenyn anger du valutasymbolens position. För Runet Fit-alternativet "Höger med ett mellanslag."

Använd inte tusentalsavskiljaren. I det ryskspråkiga segmentet på Internet för att få prickar eller kommatecken att separera tusentals i antal accepteras inte. Mest troligt behöver du inte en decimalavskiljare, eftersom det är mer praktiskt att ange varukostnaden avrundad till rubeln. Lämna därför motsvarande fält och fältet "Antal tecken efter heltalet" tomt.

Markera rutan bredvid "Ja, jag kommer att inkludera skatter i priset på beställningen." I det här fallet kommer besökare i nätbutiken att se de slutliga priserna på varorna. Till skatteinställningarna kommer du tillbaka senare.

Därefter uppmanar installationsguiden dig att ange enheterna för mätning av vikt och längd. Om du arbetar i RuNet måste du välja mellan kilogram och gram, samt mellan centimeter och meter. Allt är enkelt här: om du säljer te i detaljhandeln är vikten bekvämare att ange i gram. Grossister väljer bättre kilogram. Längden av agrofibrer i en rulle är mer lämplig att indikera i meter, och dimensionerna av hyllor för böcker eller blommor är lättare att uppskatta i centimeter.

Ange betalningsinställningar endast i betalningsinställningarna. Anpassad till det ryska marknadssystemet för online betalningar som du ansluter senare.

Du har valt de grundläggande inställningarna i nätbutiken.

Så här lägger du till en produkt i butiken på plattformen WooCommerce

Det är bättre att lägga till flera produkter i butiken direkt efter de grundläggande plattformsinställningarna. Detta säkerställer synlighet när du arbetar med finjustering och funktionalitet på webbplatsen.

Föremål i butiken som kör WordPress och WooCommerce är organiserade i kategorier. Du kan se existerande eller skapa nya rubriker i menyn "Produkter - Kategorier".

Om du vill skapa en ny kategori anger du ett namn, lägger till en kort beskrivning och en miniatyrbild. Ange om det behövs en etikett. Om kategorin är ett barn, använd rullgardinsmenyn för att välja förälderkategori. I menyn "Display Type" väljer du önskat alternativ.

Observera att när du installerar WooCommerce skapar systemet testkategorier. Redigera dem för att inte lägga till nya.

Du kan lägga till varor i menyn "Produkter - Lägg till en ny". Välj en kategori, ange produktnamn, lägg till en beskrivning.

Välj typ av produkt, ange standardpriset. Om du planerar en försäljning anger du lämpliga uppgifter.

Lägg till obligatoriska uppgifter på fliken "Lager": Ange artikeln, vid behov aktivera automatisk lagerhantering. I så fall visar webbplatsen antalet tillgängliga produkter. Du kan också inkludera förbeställning.

På fraktfliken anger du produktens vikt och dimensioner. På fliken "Relaterad" kan du ange produkter för upsails och cross-sale. På fliken Egenskaper ger du ytterligare information om produkten, till exempel färger eller storlekar. Vid behov, lämna ytterligare information.

Lägg till en miniatyr av produkten och en kort beskrivning. Dessa data kommer att visas på huvud- eller sidorna i kategorierna. Skapa om nödvändigt ett galleri med produktfoton.

Skriv en produkt. Kontrollera hur produktförhandsgranskningen visas på butiksbutiken.

Se till att produktsidan innehåller rätt data.

Lägg till några produkter och fortsätt till finjustering av butiken.

Så här anpassar du huvudsidan och menyn

Det finns två alternativ för att ställa in huvudsidan. Om du skapar en webbutik på en befintlig webbplats kan butiksfronten placeras på en av de interna sidorna. I det här fallet kvarstår huvudsidan eller en godtycklig statisk sida.

Om webbplatsen bara fungerar som en onlinebutik är det logiskt att göra butiksfronten till huvudsidan. På admin-menyn anger "Inställningar - Läsa" att huvudsidan visar en statisk sida. Välj önskat alternativ på rullgardinsmenyn.

Tilldela den automatiskt skapade provningssidan till rekordsidan. I framtiden kan det redigeras och användas som en blogg.

Du kan skapa eller redigera en meny i avsnittet "Utseende - Meny". Ange namnet, i avsnittet "Visa plats", markera rutan "Huvud" och "Mobilmeny". Lägg till nödvändiga sidor i menyn.

Om det behövs kan du lägga till godtyckliga länkar till menyn, publikationsrubriker och WooCommerce-ändpunkter.

Slutpunkter eller slutpunkter - tjänstesidor, till exempel en lista över beställningar, kontouppgifter.

Lägg till länkar till de viktigaste eller mest populära produktkategorierna i menyn. För att göra detta, kopiera kategoriadressen och ange den i avsnittet "Vilolika länkar".

Skapa vid behov en extra meny. För att göra detta, gå till fliken "Hantera områden". Använd länken "Använd ny meny".

Lägg till en tilläggsmeny. Till exempel kan dessa vara WooCommerce-slutpunkter.

Hur man arbetar med avancerade inställningar WooCommerce

Efter installationen av WooCommerce-installationsguiden hjälpte du dig att ange huvudparametrarna i butiken. Var uppmärksam på avancerade inställningar.

Så här ställer du upp skatter i WooCommerce

Innan du skapar skatter måste du välja en skatteform. Rådfråga experter om det behövs: en revisor eller en skatteinspektör.

Enligt artikel 168 § 6 i Ryska federationens skattelagstiftning måste priserna på varor och tjänster i butiker anges med skatter. Samtidigt är beloppet eller skattesatsen inte nödvändig. Till exempel, om en produkt säljs för 1180 rubel, inkluderar slutpriset redan moms på 180 rubel med en sats på 18%.

Vidare betraktas indikationen av priset utan moms som ett administrativt brott. Om ägaren till nätbutiken oriktigt informerar konsumenten om varans värde, kan tillsynsmyndigheterna böja det.

Om din butik arbetar med ett förenklat beskattningssystem, styrs du av hemmamarknaden och LLC eller IP används som registreringsformulär, använd följande skatteinställningar:

  • Markera rutan för alternativet "Ja, jag citerar priser, inklusive skatter."
  • För att beräkna skatter, använd butikadressen.
  • Ange noll skattesats för leverans.
  • Om du säljer produkter för vilka en särskild eller noll mervärdesskattesats är giltig, ange ytterligare skatteklasser.
  • Visa priser i butiken, inklusive skatter.
  • Lämna fältets suffixfält tomt.
  • I "Visa totalskatt" väljer du "Som ett resultat".

Spara ändringarna och kontrollera hur priset på varorna visas.

Så här konfigurerar du leveransalternativ

I menyn "WooCommerce - Settings" väljer du fliken "Leverans". Klicka på knappen "Lägg till leveranszon".

Ange namnet på zonen och välj en geografisk region. Lägg till fraktmetoder. Pickup, fri frakt och fast ränta är tillgängliga. Med den senare metoden kan du ställa in en enda fraktkostnad för den valda regionen.

För att redigera leveransmetoden klickar du på länken "Redigera" bredvid motsvarande länk i listan. I dialogrutan som öppnas kan du ändra metodnamn, skattestatus och kostnad för tjänsten.

Så här ställer du in betalningar för en butik på WooCommerce

Omedelbart efter installationen med installationsguiden aktiverade du en betalningsmetod: kontant vid leverans. Anslut nu till webbplatsen ett universellt betalningssystem som stöder flera populära metoder för att acceptera betalningar från kunder.

Till exempel, koppla till webbplatstjänsten Wallet One. För att göra detta, registrera dig i systemet, ge betalningsleverantören de nödvändiga uppgifterna och installera det kostnadsfria WordPress-pluginet från United Cash Desk. När du har installerat och aktiverat pluginet, konfigurerar du betalningsmetoder i menyn "WooCommerce - Settings".

Välj en valuta, ange kassaridentifieraren, metoden för att generera EDS och butiken EDS-tangenten. Ange de tillåtna betalningssystemen. Ändra om nödvändigt andra inställningar.

United Cash Desk stöder bankkortbetalningar, via internetbank och elektroniska pengar, banköverföringar, mobila betalningar och andra betalningsmetoder.

Istället för Wallet One kan du ansluta andra betaltjänster, till exempel Yandex.Cassa, PayOnline.

Ändra om nödvändigt inställningarna för konton och e-postadresserna. På fliken E-post anger du de e-postrutor som du kommer att få meddelanden om färdiga och betalade beställningar. På API-fliken lämnar du REST API aktiverat. När du har angett avancerade inställningar, var uppmärksam på butikens tekniska egenskaper och funktionalitet.

Så här förbättrar du specifikationerna och utökar funktionaliteten i butiken på WooCommerce

Anslut nu en extra SEO-modul, skapa en perfekt webbadressstruktur, skapa accelererade mobil sidor och e-handelsspecifika mikrodata.

Hur man optimerar en butik på WooCommerce

WordPress och WooCommerce-webbplatser är som standard optimerade för SEO. Om du skapar en webbplats med instruktioner för nybörjare, har du redan installerat det grundläggande Allt i ett SEO Pack-plugin. Det låter dig subtilt optimera resursen till kraven på sökmotorer.

Installera och aktivera tillägget för baspluggen: modulen WooCommerce Allt i ett SEO-paket. Med det här verktyget kan du styra metadata på produktsidor. Den lägger till allt i ett SEO Pack-block till produktredigeringssidan.

Observera att fältet Nyckelord bäst lämnas tomt. Sökmotorer tar inte hänsyn till innehållet vid ranking, så slösa inte tid på värdelöst arbete.

Var uppmärksam på webbadressen. På scenen för grundläggande webbplatsinställningar aktiverade du CNC. Men när du använder WooCommerce, innehåller produktlänkar som standard produktprefixet. Это лишняя информация, из-за которой URL получается слишком длинным.

Проблему можно решить с помощью платного плагина Perfect SEO URL. Эта надстройка делает ссылки на товары в магазинах на WooCommerce идеальными. Примеры можно увидеть на демонстрационном сайте плагина.

Если вы не хотите тратить 119 долларов на плагин Perfect SEO URL, скачайте и активируйте модуль Permalink Manager Lite. В консоли выберите меню "Инструменты - Permalink Manager". Откройте вкладку Permastructures. В строке "Товары" укажите желаемую структуру URL. Чтобы в ссылке отображалось только название категорий и название товаров, используйте конструкцию %product_cat%.

Добавьте на сайт новый товар. Проверьте, как отображается ссылка.

Обратите внимание, изменения структуры URL не применяются автоматически к опубликованным ранее товарам. Ссылки на них придется редактировать вручную. Для этого на странице настроек плагина выберите вкладку URI Editor. В разделе товары внесите необходимые изменения.

Kontrollera visning av manuellt ändrade länkar.

Så här ställer du in microdata och Open Graph-protokoll

Om du har anslutit allt i ett SEO Pack-plugin som rekommenderas i guiden för nybörjare kommer protokollanslutningen Open Graph inte att ta lång tid. I inställningarna för SEO-kombinera ingår modulen "Social Meta". Detta räcker för att ett attraktivt utdrag ska visas när du lägger länkar till en produkt i sociala nätverk.

På modulsidan ändrar du Open Graph-inställningarna för Facebook. Välj typ av data "Site", aktivera Facebook Meta för typen av poster "Produkter".

Ange produktdatatypen för produktsidorna.

De föreslagna inställningarna ger ett visuellt attraktivt utdrag för länkar till produktsidor.

Ändra visningsinställningarna Twitter-kort om det behövs.

Standardmallen för butiker på WooCommerce stöder typen av mikromarkering Produkt Schema.org för produktsidor. Emellertid passerar mikrodata som implementeras i ämnet inte validering.

På grund av fel i mikromarkering kan sökmotorer inte visa utökade utdrag på sökresultatsidor. Detta minskar CTR för länkarna och minskar butikens söktrafik.

Du kan åtgärda situationen med hjälp av det betalda Schema WooCommerce Plugin med Schema App. Denna tillägg korrigerar fel och lägger till saknade data i markeringen, vilket är nödvändigt för att bilda ett utökat kod i SERP. Kostnaden för pluggen för en plats är 47 dollar.

Rätta mikrodata kan också läggas till med hjälp av gratisverktyg, till exempel Alla i en Schema.org Rich Snippets. Efter installationen och aktiveringen av plugin måste du aktivera support för markup på produktsidor.

Därefter kommer ett ytterligare fält att visas på produktredigeringssidan där du kan ange data för avancerade utdrag.

Skapat med allt i ett Schema.org Rich Snippets valideras markeringen. Problemet är att den gamla markeringen med fel kvarstår i sidkoden.

Dessutom implementerar Allt i ett Schema.org Rich Snippets icke-JSON-LD-uppställning. Därför är informationen synlig inte bara för att söka robotar, men också för människor. Blocket med semantiska data duplicerar faktiskt informationen på sidan.

Hur man skapar en AMP för en butik på WooCommerce

Enligt Google är omvandlingen av mobila användare direkt beroende av nedladdningshastigheten och användarvänligheten av e-handelswebbplatser på små skärmar. Därför rekommenderar den största sökmotorn i världen att butiksägare ska använda AMP.

För att implementera accelererade mobilsidor, installera och aktivera det grundläggande AMP-pluginet och två tillägg: AMP för WP och AMP WooCommerce. Webbplatsen kommer att visas accelererade versioner av statiska sidor, poster och produkter.

Var uppmärksam på AMP-inställningarna. De finns tillgängliga i motsvarande meny på administrativ panel. För detaljerad information, se guiden till accelererade mobilsidor.

Kolla in ett antal viktiga alternativ i samband med att du installerar en AMP för en onlinebutik. Aktivera knappen "Ring nu". Det kommer att hjälpa ägarna till mobila prylar att omedelbart kontakta försäljningsavdelningen. Ange telefonnummer och välj utseende på knappen i avsnittet Design i AMP-inställningarna.

Anslut den betalda funktionen Ring till åtgärd. Denna tillägg för AMP för WP-plugin lägger till konverteringsformulär till samtal till accelererade sidor. Kostnaden för överbyggnaden är 30 dollar.

I meddelandet avsnitt, om det behövs, aktivera meddelanden. De brukar användas för att informera besökare om användningen av cookies på webbplatsen.

Kolla på hur accelererade sidor visas på mobilskärmar.

Använd ytterligare funktioner i WooCommerce

Din butik är nästan redo att gå. Var uppmärksam på plattformens ytterligare funktioner för att göra webbplatsen attraktiv för användarna.

Använd anpassningsverktyget för att anpassa butikens utseende. I menyn "Utseende - Anpassa" kan du ändra titel och beskrivning av webbplatsen, ställa in bakgrundsbilden i rubriken, ändra färgerna på länkar, titlar och text. Du kan också välja utseendet på knapparna, sidbalkens läge, anpassa menyer och widgets, lägg till anpassad CSS.

I menyalternativet "Utseende - Storefront" kan du förlänga funktionaliteten för grundtemat för WooCommerce. Du kan välja gratis och betalda tillägg. Till exempel kan du ansluta den bifogade "Köp" -knappen och en extra korgikon helt gratis.

Också i menyn "Utseende - Storefont" kan du välja och installera ett barntema.

Betalda och fria teman och plugins för WooCommerce finns på projektwebbplatsen i avsnittet Extensions Store och Theme Store.

Kolla in några användbara lösningar:

  • Facebook för WooCommerce-plugin hjälper till att hantera reklamkampanjer i det populära sociala nätverket. Dessutom är det enkelt att göra en butik på märkesidan på Facebook med hjälp av tillägget.
  • Plugin WooCommerce Flerspråkig hjälper till att göra webbplatsen flerspråkig.
  • Om det valda temat inte har en inbyggd reglage hjälper WooCommerce Poduct Slider plugin.
  • Om temat inte stöder att förstora foton när du sveper musen, försök med YITH WooCommerce Zoom Magnifier.
  • MED WooCommerce Önskelista Önskelista lägger till "Wish List" -funktionen på sajten.
  • Med hjälp av Super Socializer kan du lägga till möjligheten att registrera via konton på sociala nätverk.
  • Den betalade WooCommerce 360º-bild plugin låter dig visa dina kunder 3D-bilder av produkter.
  • Med hjälp av WooCommerce Recover Abandoned Cart kan du återvända till besökare som lagt till produkten i korgen men beställde inte. Plugin betalas.
  • Den betalade WooCommerce Quick Export Plugin-lösningen hjälper dig direkt exportera kund- och transaktionsdata till en fil. Detta är nödvändigt om du överför resursen till en ny hosting.

Andra verktyg för att öka effektiviteten hos WooCommerce letar efter i den officiella WordPress plugins katalogen.

Du kan hantera beställningar och spåra statistik i avsnittet "Beställningar" och "Rapporter" i WooCommerce-menyn. I avsnittet "Kuponger" kan du skapa och publicera kampanjer för att öka försäljningen.

En massa WordPress och WooCommerce har ingen lika

Tack vare de mest populära CMS och den mest populära e-handelsplattformen kan du snabbt skapa en fullfjädrad webbutik. Detta kräver ingen kunskap i webbutveckling. I de första etapperna kommer dina utgifter att vara minimala, eftersom motorn, mallarna och de grundläggande pluginsna är tillgängliga gratis.

Det är enkelt att installera och hantera en butik. Du kommer att kunna självständigt öka webbplatsens SEO-vänlighet och ytterligare anpassa den till mobiltrafiken. Tack vare den välutvecklade WordPress-infrastrukturen har du nästan obegränsad anpassning och funktionalitet i butiken på WooCommerce.

En massa WordPress och WooCommerce hjälper dig att fokusera på att öka utbudet av produkter och öka försäljningen. Och om du har frågor om webbplatsens inställningar, skriv i kommentarerna.

Loading...

Lämna Din Kommentar