Så här startar du ett online-företag

Detta inlägg gjordes av Media Temple genom kompensation. Det faktiska innehållet och yttrandena är författarens enda åsikter, som upprätthåller redaktionellt oberoende, även när ett inlägg sponsras. För mer information, läs vår ansvarsfriskrivning.

Med shoppare alltmer övergivande tegel-och murbruk butiker över hela världen, online-verksamhet blomstrar. Det är inte konstigt varför - priserna är billigare tack vare praktiskt taget inga omkostnader, inga parkeringsbesvär och ingen säljare att hantera. Tiden har därför aldrig varit bättre att öppna din egen onlinebutik - och det är mycket lättare än du kanske tror. Oavsett om du vill sälja dina egna handgjorda varor, drop-ship-produkter från Kina eller generera mer trafik i butik från en online-närvaro, kommer den här guiden att gå igenom hela processen, från att konfigurera hosting för att framgångsrikt starta din egen virtuella butik .

Den här guiden är tillgänglig för nedladdning som en gratis PDF. Hämta hur man startar ett online-företag nu . Känn dig fri att kopiera och dela med dig av dina vänner och familj.

För att säkerställa att denna guide är omfattande har den skrivits tillsammans med skapandet av min egen webbshop, värd med (MTT) Media Temple och med alla de skisserade teknikerna. Även om jag tidigare har arbetat med ett antal e-handelswebbplatser, har jag nu börjat från början, så att jag förstår några problem och problem som du kan möta på vägen. Du kan se den butik jag skapade på DuinoBits.com. Jag säljer prisvärda microcontroller starter kit, något jag är passionerade för. Jag hoppas att den här guiden låter dig driva din passion också.

1. Butikssystemet

Jag har valt att använda WordPress som kärnsystem här som den rena nivån av support från utvecklare, temat designers, plugins och handledning är oöverträffad. Det uppskattas att WordPress-befogenheter är cirka 20% av hela internet, så du kommer inte vara ensam. Oroa dig inte om du aldrig har använt WordPress förut - vi kommer att gå dig igenom grunderna - men du skulle också vara bra att ladda ner min tidigare gratis guide, Komma igång med WordPress. WordPress kommer att tillhandahålla kärnramen för webbplatsen och kommer att driva alla bloggelement vi väljer att inkludera, såväl som statiska sidor (som en "om oss", "kontaktsida" etc).

Utöver detta använder vi den mest populära open source-e-handelspluggen för WordPress, WooCommerce, eftersom den har det bredaste valet när det gäller tilläggsfunktioner och butiksmallar att välja mellan. JigoShop är det största alternativet, och det finns i själva verket väldigt lite att skilja de två. Om du har chans, ladda ner båda och leka med dem några dagar innan du gör ditt slutgiltiga val.

Det finns också dedikerade e-handelssystem där ute - Magento, ZenCart och OpenCart är kanske bland de mest populära av dem - men att arbeta med WordPress innebär att vi är garanterade ett solidt system som inte kommer att överges när som helst snart. Det öppnar också en mängd funktioner som inte vanligtvis finns på e-handelswebbplatser, vilket är exakt vad du behöver om du kommer att sticka ut från publiken.

1.1 Skapa domän och webbhotell

Vi använder Grid hosting service från Media Temple eftersom det är en bra balans mellan kostnad, prestanda och skalbarhet. Vid $ 20 / månad är det en överkomlig utgångspunkt för ditt företag med 1 TB bandbredd och 100 GB diskutrymme - de flesta små butiker behöver aldrig uppgraderas.

Till skillnad från andra "shared hosting" -planer kommer Media Temple's Grid att hålla webbplatsen online även under tung belastning från trafikspetsar (hur de uppnår detta förklaras i det senare kapitlet om prestanda). Du kan vara värd för mer än en domän om du vill, så det finns möjlighet att experimentera.

Om du tror att du vill ha mer lågnivååtkomst till servern, eftersom du är den typ av person som älskar att tinka med Linux, överväga Media Temple's "DV Managed" virtuella privata serverlösning. Vid $ 50 / mo ger du en komplett virtuell maskin som du kan anpassa till ditt hjärta, även om optimeringsuppgifterna kommer att vara helt upp till dig.

Gå vidare till MediaTemple.net/webhosting/shared för att komma igång:

Ta en kort titt på funktionerna och klicka sedan på registrera dig .

Du måste omedelbart välja ett domännamn för att ställa in ditt konto - du kan alltid lägga till senare och ändra den här domänen om du vill. Om du inte har en ännu, gå vidare och skriv in en för att se om den är tillgänglig. Ny domännamnsregistrering via Media Temple börjar vid $ 12 / år. Du kan också konfigurera den med en domän som köpts någon annanstans, men det är upp till dig att justera namnservrarna för den domänen till ns1.mediatemple.net och ns2.mediatemple.net från kontrollpanelen där du köpte domänen.

Med lycka till kommer din domän vara tillgänglig! Domänskydd är inte nödvändigt men utan ditt namn kommer ditt namn och adress vara lättillgänglig för alla som vet var de ska leta. Om du köper under en företagsadress ändå är det uppenbarligen inte ett problem - men du kanske vill aktivera den här tjänsten om det är din hemadress.

På nästa skärm fyller du i din adress och betalningsuppgifter. Du borde så snart få ett välkomstbrev - innan du kan komma igång måste du ange ett lösenord. Följ länken i e-postmeddelandet för att göra det, och se till att du använder något som är säkert (jag använder StrongPasswordGenerator.com för att skapa ett lösenord med 15 tecken) - håll fliken öppen, du behöver ytterligare en om en minut). När du har ställt in det, kan du logga in på ditt kontocenter.

De viktigaste knapparna som du vill veta på den här skärmen är:

• Admin - som tar dig till kontrollpanelen för webbplatsen och från vilken du kan skapa e-postadresser, databaser eller använda installationsfunktionerna för ett klick.
• Lägg till ny domän - det finns inga extra värdkostnader för domänen, även om domänen själv måste köpas.
• Ny supportförfrågan - där du kan få hjälp med något som helst att göra med ditt konto. Det finns också en 24/7/365 chatt tillgänglig från nedre högra verktygsfältet.
• KnowledgeBase - en wiki full av information om alla aspekter av att hantera din server. Sök alltid detta först när du har frågor.

1.2 Gör en e-postadress

Låt oss ställa in din första e-postadress, men du kan ha upp till 1000 om du vill. Klicka på Admin- knappen, sedan E-postanvändare . Observera att detta skiljer sig något från e-postaliaser . Ett alias är i princip en vidarebefordringsadress - den kan ta emot e-post, men går till ett annat angivet e-postkonto istället för att ha en egen separat inkorg. Klicka på Lägg till ny användare . Du behöver bara oroa sig för namn, beskrivning och lösenord bitar - resten kan justeras senare om det behövs, till exempel om du anställer en assistent och behöver ge dem FTP-åtkomst utan att kompromissa med huvudadministratörskontot. Fyll i autosvarningsinställningarna om du vill ha ett standardbekräftelse skickat till alla som mailar dig, till exempel "Tack för att du kom i kontakt, vi försöker svara inom en dag" .

När du har konfigurerat, gå till http: // Media Temple.net/help/mail/mailconfig/ för att använda det fantastiska verktyget Automagical Media Temple email setup-skriv bara in din e-postadress, berätta vilken klient (e-postprogram) du är försöker ställa in, och det skickar dig en fil som du kan köra för att ställa in allt automatiskt.

1.3 Välj databaspassord

Innan vi kan använda inställningen för ett klick måste du konfigurera ett databaslösenord - använd den starka lösenordsgeneratorn för att skapa en ny. På nästa skärm frågar du dig att skapa en ny databas - oroa dig inte för det här, gå bara tillbaka till huvudadministrationsskärmen. Vi använder den här klickinstallationen från den här punkten på.

1.4 Installera WordPress med en klick

Välj One-click Install från adminskärmen -> Lägg till nytt program -> WordPress -> och välj Start . För andra värdar som är utrustade med CPanel, se installationsguiden för WordPress.org.

Som standard försöker installatören skapa WordPress på blog.yourdomain.com (känd som en underdomän). Det här är inte vad vi vill, eftersom WordPress också kommer att vara värd för huvudbutiken - inte bara en blogg - så var noga med att ta bort den där biten. Ta inte med WWW i domänen heller! Du kan lämna de andra fälten för databasen om standard om du vill, men av säkerhetsskäl föreslår jag åtminstone att ändra databasprefixet bort från wp_- sättet, om någon lyckas hacka in på din webbplats eller injicera skadliga databaskommandon, de kommer inte att veta namnet på tabellerna för att rikta in sig.

Du får ett meddelande om en befintlig HTML-mapp - det här är standardsidan på servern. Klipp bort det här och skriv om det. När installationen är klar för dig visas en grön knapp med etiketten Finish .

Klicka på det för att slutföra de sista stegen i installationen i WordPress själv - det vill säga välja webbplatsens titel och administratörs användarnamn etc. Avaktivera alternativet att låta sökmotorer indexera webbplatsen för nu - du kan aktivera det här senare, när du väl är faktiskt redo att starta.

2. WordPress 101

WordPress började livet som en enkel bloggplattform, men dess popularitet och öppen källkod ledde till att systemet anpassades för att driva många typer av webbplatser. Som ett Content Management System gör det enkelt för WordPress att skapa inlägg i kronologisk ordning - som en blogg - och statiska sidor som används för saker som "Om oss", "Vanliga frågor" eller "Kontakt." WordPress hanterar dina filuppladdningar (media) och kommentarer på artiklar. All denna information lagras i en databas, då när en sida laddas, fylls den relevanta templatmallen med rätt information. Inlägg kan kategoriseras och taggas, vilket hjälper användaren att navigera genom objekt av intresse. WordPress har också ett omfattande pluginsystem, som lägger till funktioner eller justerar funktionaliteten på din webbplats.

Här är en snabb titt på gränssnittet - du kan alltid komma till det här genom att lägga till / wp-admin till slutet av din domän, som:

 http://yourdomain.com/wp-admin/ 

> Den första skärmen du ser när du loggar in är instrumentpanelen, som ger en översikt över relevant information som totala inlägg och kommentarer, senaste kommentarer eller som länkar till dig.

Längst till vänster på skärmen är huvudnavigationsfältet. Håll över ett objekt och en undermeny kan visas. Från posten kan du se alla befintliga inlägg, lägga till ett nytt inlägg eller justera kategorier och taggar.

Medier kan du se alla filer som har laddats upp, men i allmänhet behöver du inte göra det eftersom du laddar upp dem direkt till produktsidor eller blogginlägg. Du kan använda Media-skärmen för att ladda upp en logotyp.

Sidor är där du visar eller skapar statiska sidor, medan Inlägg är där åtgärden händer. Inlägg är kronologiska blogginlägg, huvudfokus för de flesta WordPress-installationer. På undermenyn Inlägg finns också ledningsskärmar för kategorier och etiketter. Eftersom vi använder WordPress för e-handel, kommer vi inte att använda dessa skärmar lika mycket.

Kommentarer tar dig till modereringskön där du markerar kommentarer som skräppost eller godkänner dem.

Utseende är där du väljer vilket tema som ska köras - och om ditt tema stöder det kan det finnas några fler alternativ för temaspecifika inställningar. Du anpassar också widgetinställningar - det här är speciella funktionsblock på din webbplats, som en kalender eller lista över populäraste produkter i sidofältet. Du kanske också kan anpassa menyalternativ här, men det beror på ditt tema igen. I grund och botten, om du vill ändra något om hur din webbplats ser ut, har den förmodligen ändrats här någonstans.

Plugins är för att hantera, lägga till eller inaktivera plugins; vissa plugins kan lägga till egna inställningar under denna meny också (även om vissa kommer att placera den under verktyg istället). Du kan antingen installera plugins genom att söka i WordPress-katalogen eller ladda upp en zip-fil (om du köpte ett premium-plugin). Obs! Det är vanligt att hitta den faktiska plugin zip-filen inuti en annan behållare zip-fil, förutom saker som en readme för instruktioner. Om du får fel när du laddar upp, försök att expandera originalfilen på din lokala hårddisk först och ladda upp zip-filen som finns inom den.

Användare är för redigering som kan logga in på webbplatsen. Det finns fem klasser av "användare", från admin (det är du - administratörer kan justera någonting om webbplatsen och mycket enkelt bryta det) till "abonnent" - vilket är hur kunderna kommer att registreras så att deras detaljer kan komma ihåg.

Verktyg kan säkert ignoreras, men vissa plugins kommer att placera sina menyalternativ här.

Slutligen Inställningar . För nu är det tillräckligt att kontrollera undermenyalternativen Allmänna och Permalink . På sidan Allmänna inställningar, var noga med att ange en tagg för din webbplats - en enradig beskrivning som kan visas på hemsidan för vissa teman, liksom den lokala tidszonen. Permalinks refererar till de webbadresser som ska användas för att komma åt innehållet - som standard kommer de att se ut som:

 http://yoursite.com/?p=12345 

... som inte bara är ful, men hemskt för sökmotorer (det finns ett helt kapitel om det senare, oroa dig inte). Välj en som innehåller postnamnet, men jag rekommenderar att du inte inkluderar datumet om du inte planerar att skicka mycket tidskänsliga blogginlägg. Jag kommer senare att föreslå att du skriver blogginlägg, för att locka sökmotorerna till din webbplats, så så kommer URL: en för dem att visas som:

 http://yoursite.com/why-my-products-are-awesome/ 

Ta en stund att titta på alla alternativ, lägga till några testinlägg kanske - försök att ladda upp och lägga in en bild i dem, se sedan din webbplats och kommentera dessa inlägg och se hur de visas i adminområdet. Du borde hitta allt är ganska självförklarande.

Prestations tips: Som standard installeras ett pluginpaket som heter JetPack. I motsats till vad namnet kan föreslå, sänker det faktiskt din webbplats avsevärt. Inaktivera detta från plugin-skärmen för en snabb prestationsökning - funktionerna i det här plugin kan hittas individuellt någon annanstans.

2.1 Konfigurera butik

Om du vill lägga till WooCommerce-butikskomponenterna till WordPress väljer du Lägg till nytt i alternativet Plugins sidebar. Sök efter "woocommerce" och installera det bästa alternativet, vilket vid skrivetiden är

WooCommerce - utmärker eCommerce 2.0.14 . Det kan finnas en senare version när du läser detta, men oroa dig inte om versionsnumret inte är exakt detsamma.

När du är installerad klickar du på länken Aktivera plugin . När denna banner visas klickar du på länken Install wooCommerce Pages - det här lägger till de obligatoriska statiska sidorna som Checkout och Mitt konto.

Slutligen måste du ställa in permalinkinställningarna igen, justera produktsidorna för att använda antingen en basadress till / produkt, / butik eller anpassad . Kom ihåg att spara ändringar när du är klar, och den nya permalinkstrukturen kommer att skrivas till servern.

2.2 Justera inställningar

Om du antar att installationen gick framgångsrikt, borde du nu ha två nya avsnitt på sidofältet. Den första, WooCommerce, är där du ska hantera butiken, hantera beställningar och göra all installation. Klicka på Inställningar undermenyobjektet och läs igenom alla allmänna inställningar först - det är vanligtvis bra som standard, men jag föreslår följande ändringar:

Aktivera registrering på sidan Mitt konto - annars kommer kunderna att tvingas använda den vanliga WordPress-registreringen.

Förhindra kunder att logga in på WordPress Admin - det finns ingen anledning för dem att vara där, trots allt, och det verkar mer professionellt att hålla WordPress-sidan gömd från dem.

Aktivera textmeddelande på hela webbplatsen - bara om någon snubblar på din butik och försöker göra en beställning.

På fliken Catalog kan du justera enheter och några av de finare detaljerna i produktdisplayen. Som standard kommer dimensioner och vikt att visas i avsnittet "Ytterligare produktinformation" på produktsidorna. Om du inte har en bra anledning att inaktivera dem, föreslår jag att du håller dem på för SEO skäl ("sökmotoroptimering", ett av de senare kapitlen i den här guiden).

Ignorera fliken Sidor för nu - det låter dig skapa specifika anpassade sidor för butiksfunktioner, men WooCommerce har redan skapat alla nödvändiga sidor för dig när den installerades, så du borde inte ha någon anledning att ändra dem.

Fliken Inventory är för lagerhanteringsinställningar. Inaktivera aktiehanteringen om du vill hantera den här sidan av saker själv, göra föremål för beställning eller fraktsändning. Om du planerar att hålla koll på lagernivåerna kan den automatiska lågvarningsvarningen vara till stor hjälp.

Skatt . Detta är ett brett ämne, och det antas att du kommer att förstå skattesystemet i ditt lokala område. I Storbritannien måste du betala 20% moms om din totala omsättning är större än 79.000 £ / år - men när du är registrerad kan du också göra anspråk på moms på företagsinköp, så det är inte så illa som en förlust på 20% av vinst för dig. Läs detta för mer information om moms.

Situationen är mycket mer komplex i USA, där priserna varierar beroende på tillstånd, liksom de produkter som är undantagna - men du är vanligtvis befriad från moms om du inte har fysisk närvaro, som ett kontor eller butik (tekniskt, dina online kunder borde betala skatt själva). Det finns dock lagstiftning pågår som skulle undanröja detta undantag och sätta in onus i onlinebutiken, så kolla först.

Alla skattberäkningar är vanligtvis avstängda i WooCommerce.

Frakt : Det finns grundläggande fraktalternativ - som fast pris, eller fri frakt - inbyggd i WooCommerce. Du kan köpa ytterligare fraktalternativ, till exempel USPS eller Royal Mail, från den officiella WooCommerce-extensionsbutiken. Som standard är endast gratis frakt aktiverat i din butik - men du kan ändra det genom att klicka på de blå länkarna högst upp på fliken Frakt. Glöm inte att även inaktivera gratis frakt om du väljer en av de andra, eller kunder kommer förmodligen att välja det fria alternativet!

Betalning Gateways är olika metoder som du kan acceptera betalning från kunder. Återigen kan du köpa eller ladda ner ytterligare betalnings gateways från WooCommerce eller andra utvecklare, men kom ihåg att acceptera kreditkortsbetalningar direkt på din webbplats introducerar en helt ny uppsättning utmaningar för att hantera SSL. Läs det separata kapitlet om SSL för att lära dig mer om dessa. Inga bekymmer, men du kan fortfarande acceptera kreditkortsbetalningar via PayPal. På den sista sidan i kassan omdirigeras kunden till en säker PayPal-sida innan den automatiskt omdirigeras till din webbplats för det vanliga "tack för ditt ordermeddelande". Avgiften är bara $ 0, 10 per transaktion.

2.2.1 SSL-överväganden

SSL - Secure Sockets Layer - säkrar din kassa genom att skapa en krypterad anslutning för dina kunder. Du måste verifiera din webbplats för att få ett SSL-certifikat som bekräftar att du verkligen är den du säger att du är, och det gör det möjligt för olika webbläsaresäkerhetsmarkörer att visas på din kassa. Att få SSL-certifikatet kostar pengar - $ 75 / år om du köper en genom Media Temple - och introducerar några andra komplikationer, som senare nämns i den här guiden.

3. Välja ett tema

Theming är en viktig del av WordPress och WooCommerce. Medan administratörssidan är bekant, bestämmer temat du väljer, allt som dina kunder ser, så att välja ett bra tema är kritiskt. Som någon med en hel del WordPress-webbplatser måste jag erkänna att jag spenderar en onormal mängd att söka nästa bästa tema!

Det sagt är det också mycket enkelt att byta tema - du behöver inte skriva om HTML eller CSS, men du kanske behöver konfigurera vissa menyer igen.

Om du har tagit dig tid att titta på din webbplats redan har du märkt att WooCommerce fungerar ur rutan med standard WordPress-temat, men stilar är otillbörliga eftersom det inte var särskilt utformat för att fungera med WooCommerce-komponenter. Om du har ett befintligt tema som du vill integrera WooCommerce med, borde det vara möjligt - men lägga till anpassade stilar ligger utanför ramen för den här guiden. Jag antar att du kommer att köpa ett nytt tema som har utformats specifikt för att fungera med WooCommerce, så produktdisplayen ska matcha surroundmalldelarna perfekt.

Jag rekommenderar ThemeForest WooCommerce temamarknad, men det är inte det enda stället att hitta ett premiumtema. Förvänta dig att betala någonstans från $ 50 till $ 100 för en icke-exklusiv enda webbplatslicens (vilket innebär att andra kan använda temat också). Här är några nyckelord att leta efter:

• Responsive . Temat kommer att ändra storlek på foton och justera layout beroende på skärmstorlek - så det ska fungera med mobiler och surfplattor. Du kan ändra storlek på ditt webbläsarfönster för att testa - det kommer att justeras dynamiskt. Med tanke på att ett stort antal kunder nu handlar från sin soffa är det viktigt att catering åtminstone för tabletter vid denna tidpunkt.
• WordPress Customizer Kompatibel . Ett nytt tillägg till WordPress är möjligheten att justera element i temadesignen - som bakgrundsbakgrund och färger - utan att redigera någon kod. Det här är inte nödvändigt - de flesta teman kommer med sin egen anpassade panelen ändå, men det här är WordPress försök att standardisera processen.
• Mega Meny . Menyer är vanligtvis en enda kolumn av textlänkar; En Mega-meny kan vara flera kolumner och kan innehålla en kort grafik överst, eller beskrivningar för länkar - i grunden mycket mer än en standardmeny.
• 
• Aqua Page Builder . Ett drag och släpp layoutverktyg för mallar.
• Slider Revolution . Låt dig lägga till iögonfallande bildspel med bild- och texteffekter. Ett bra sätt att ta itu med kundernas fokus och introducera en specifik produkt.

Varje tema ska ha en live förhandsgranskningsknapp där du kan testa det. Titta på alla menyalternativ för att se de funktioner som erbjuds av temat - de flesta kommer att innehålla olika layouter.

När det gäller att hämta ditt nya tema kan du kanske presenteras med alternativet "Endast WordPress-temafiler" och "Alla filer och dokumentation". Du vill ladda ner båda, men ta tag i WordPress-temafilen först eftersom vi kan använda det för att ladda upp till WordPress.

På undermenyn Utseende -> Teman klickar du på fliken Installera och sedan på länken Uppladdning . Leta reda på din temafil och klicka på Installera nu .

Efter slutförandet bör det listas på dina tillgängliga teman och redo att aktivera det.

Eftersom varje tema är annorlunda varierar alternativen att konfigurera och metoderna för att konfigurera olika funktioner mycket. Vissa temaförfattare kommer att ge demoinnehåll som du använder för att hjälpa till att konfigurera funktioner som kan läggas till med verktyget -> Importera . Vissa kommer att ha ytterligare plugins inkluderade i hela nedladdningspaketet som måste installeras separat (processen är densamma som för ett tema - gå bara till Plugins -> Add New -> Ladda upp och välj zip-filen). Alla teman kommer att ha någon form av dokumentation och ett online supportforum. Även erfarna proffs behöver referera till den dokumentationen, men det kan vara överväldigande för nybörjaren med det stora antalet tillgängliga alternativ och olika siddesigner. Ta saker ett litet steg i taget, och bli inte frustrerade bara för att din webbplats inte ser något som förhandsgranskningen än.

Pengarbesparande tips : Om du vill ha en halvprofessionell logotyp utan att betala $ 500 +, kolla in Fiverr.com, en marknadsplats för kreativa typer för att få erfarenhet och skapa en portfölj. Du kan få ett grundläggande logotypkoncept gjort för $ 5, men förväntar dig att betala $ 50 för en komplett uppsättning PSD- och vektorfiler.

Det finns några menyalternativ under Utseende som är standard för varje tema, så låt oss gå över dem kortfattat.

3.1 Widgets

Widgetar är små bitar av funktionalitet som kan läggas till i alla sidor / widgetområden i ditt tema. Något förvirrande kan det också finnas en sidofält i rubriken eller sidfoten - det beror på temat, men de brukar innehålla mer än en. Det är inte alltid uppenbart var dessa widgetområden är, så hänvisa återigen till dokumentationen för detaljer. Här är några exempel på tillgängliga widgets som du kan lägga till som ingår i WooCommerce:

• Produktsökning
• Prisfilter
• Slumpmässiga produkter
• Varukorg (kan ställas in för att döljas om den är tom)
• Nyligen visade produkter

3, 2 menyer

De flesta teman kommer också att ge en eller flera menyplatser. Menyerna måste först skapas, sedan tilldelas en viss plats.

Om du vill att ett menyalternativ ska expandera när en användare hänger över det, drar du objekt i menyredigeraren till vänster eller höger för att göra dem till en förälder (översta nivå) eller barnobjekt.

4. Lägga till produkter och variationer

Om du aldrig har lyckats med en webbutik innan kan konceptet med produktvariationer vara nytt för dig. Din butik kan hantera dessa grundläggande produkttyper:

• Enkel produkt : En enda sak utan några alternativ. Det enklaste av allt att hantera.
• Variabel : En kärnprodukt med olika attribut som kunden kan välja mellan - det kan vara storlek eller färg. Om du låter systemet hantera lagernivåer för dig är varje kombination av variationer unik och har därför en egen lagernivå.
• Grupperat : En samling relaterade enkla produkter som kan köpas individuellt. En gruppprodukt består av många barnprodukter, men har inte själva pris- eller lagernivå. Det är helt enkelt ett sätt att visuellt gruppera produkter på en enda sida, så att kunderna enkelt kan lägga till de enskilda produkterna i sin kundvagn.
• Extern / associerad : I stället för en "lägg till i kundvagn" -knappen visas en "läs mer" -knapp som skickar användaren till en annan webbplats.
• Nedladdningsbar : En fil som kan levereras till kunden efter framgångsrik betalning. Detta är vanligtvis skyddad på något sätt, och kan begränsas till ett visst antal nedladdningar, eller med ett utgångsdatum.
• Virtuellt : Dessa produkter kräver ingen frakt och kommer därför inte att bidra till en fraktkostnad - som främst används för att sälja tjänster.

Ytterligare produkttyper kan köpas som plugins - t.ex. produktbuntar eller tvångsuppsättningar. För det mesta jobbar du bara med enkla och rörliga produkter.

Alla produkter kan ha attribut som beskriver de produkterna, till exempel färg. En enkel produkt kan vara en tröja som endast är tillgänglig i rött (det vill säga inga variationer), men kunden vill ändå att den ska inkluderas om de filtrerade efter röda produkter.

4.1 Lägga till en enkel produkt

För att lägga till en enkel produkt, gå till Produkter -> Lägg till ny eller använd snabbadministratörsraden längst upp på skärmen ( + Ny -> Produkt ). Redigeringsskärmen ska vara lätt att förstå.

Förutom produktnamnet och beskrivningen hittar du en kort beskrivningslåda . På de flesta teman visas detta direkt bredvid produktbilden med den fullständiga beskrivningen längre ner på sidan. På vissa teman kan den inte användas alls.

Rulla ner sidan lite för att hitta fältet Produktdetaljer . Här är de viktiga uppgifterna om pris och paketets mått.

Läs vidare för att få reda på hur man lägger till bilder.

Snabbtips: Om du letar efter något på skärmen Redigera skärmen och inte hittar det kan rutan vara gömd. Klicka på skärmalternativen längst upp till höger och se till att alla rutor är aktiverade (eller inaktivera dem som du inte behöver skapa en mindre rotig redigeringsskärm).

4.2 Utvalda bilder vs produktgalleri

På den nedre vänstra sidan av skärmen Redigera eller Lägg till ny produkt hittar du både en bild och produktgalleri. Den presenterade bilden är huvudproduktbilden som visas direkt till användaren och placeras över hela webbplatsen. Endast en enda bild kan användas för den presenterade bilden, och varje tema kommer att ha en ideal bildstorlek som ska användas. Ladda upp allt med en rimligt hög kvalitet (men håll den under 2 MB per bild), och WordPress kommer automatiskt att minska efter behov för miniatyrstorlekar.

Produktgalleri kan användas för att lägga till flera, ytterligare bilder till en produkt. Dessa visas på produktdetaljerna under huvudbilden. När det gäller variabla produkter kan varje variation också ha sin egen bild som kommer att visas när användaren ändrar sitt val.

Processen att faktiskt ladda upp bilder är självklarande - efter att du har klickat på "Set featured image" eller "Add product gallery", kan du antingen välja från befintliga bilder eller klicka på uppladdningsfliken. Dra och släpp in det fönstret för att ladda upp. För produktgallerier håller du ner CMD / CTRL-tangenten för att välja flera bilder samtidigt från mediebläddraren.

4.3 Produktfototips

Grundläggande "sömlösa bakgrunder" kan uppnås med en vit kortstöd mot en vägg och en plan yta. För ett riktigt professionellt utseende, överväg att bygga en DIY produktfotobox (bilden nedan - bildkredit Digital Photography School). Använd i alla fall en blixtdiffusor för jämn belysning.

Om dina produkter kan dra nytta av att ses i alla vinklar, överväg att köpa Magic360 plugin (£ 99), vilket skapar en roterbar 360-graders objekt widget från 18 eller 36 produktfoton. Du kan göra en billig fotograferingsplattform med en Lazy Susan festplatta sprayfärgad vit.

4.4 Globala attribut

Tillgänglig från sidomenyn Produkt -> Egenskaper- menyn, globala attribut kan tillämpas på en rad produkter.

Låt oss fortsätta och skapa ett globalt färgattribut som ett exempel. På skärmen Products -> Attribut, fortsätt och namnge ditt nya attribut. Kontrollera att attributtypen är inställd på "välj".

Lägg till attributet och det kommer att visas på listan - klicka på knappen Konfigurera villkor för att lägga till separata färger. Obs! Om du vill använda faktiska färgar "prickar" på produktalternativen måste du köpa ytterligare färg- och bildfärgstillägg för $ 99. Som standard kan du bara använda text.

På skärmen Produkt bläddrar du ner till fältet Produktdetaljer och du bör nu kunna lägga till den nya attributfärgen.

När du väl har lagt till måste du välja vilka färgtermer som gäller för den här produkten - använd Välj alla för att snabbt lägga till alla möjliga färger. Förutsatt att du vill att dessa ska skapa produktvariationer och vara valbara av kunden, måste du se till att båda kryssrutorna är markerade som visas och sedan Spara attribut.

Nu på fliken Variationer . If the product details don't change – price, height etc – and the variations are simply for user preference, you only need to add a single variation here and leave any attributes as the Any Color, Any Size (for example). That means that, regardless of the colour and size the user picks, it will display the same price and shipping calculations.

If the price or weight do change according to what the user selects, you'll need to add variations and update the information separately. Link all attributes will automatically generate a new variation for each attribute combination you have – useful if you're only using one attribute, but not recommended if you have multiple attributes as the number of variations created would be huge. If the price and shipping cost changes according to size selected, but not by color, you would create a new variation for each size, but leave the color attribute as “any color”.

4.5 Attributes, Categories and Tags Confusion

Det finns en viss funktionell överlapp när det gäller att beskriva produkter med attribut, taggar eller kategorier . Om din butik bara bestod av enkla produkter kan du till exempel skapa en kategori för "röda kläder" eller definiera en "röd" tagg - båda skulle vara funktionellt lika för att gruppera "röda produkter".

Så här försöker jag komma ihåg skillnaderna:

Kategorier ska användas för navigationsändamål. De är förmodligen det första sättet som din kund väljer att komma runt i butiken, så de borde vara inriktade på användarens avsikt - hur förväntar användaren att affären ska delas upp? Tänk på logiska delar av ett varuhus - du skulle inte hitta en röd sektion, men du skulle hitta "kvällsslitage" eller "sommarklänningar". Kom ihåg att du också kan definiera underkategorier - bästa praxis anger att du bör begränsa antalet toppnivåkategorier till 10 eller mindre. Till skillnad från en riktig varuhus kan du tilldela en produkt till flera kategorier.

Attribut kan betraktas som ett filter: pris, storlek eller färg hjälper till att begränsa dina val, men de är verkligen inte det primära sättet att användarna söker efter varor i din butik. Du går inte in i ett varuhus och säger "visa mig allt du har i XL". Egenskaper kan också väljas samtidigt - så kunden kanske söker efter något rött, i storlek M och för mindre än 30 kr. Om du hade kategorier för var och en av dem skulle de bara kunna söka igenom en i taget.

Taggar är frivilliga - ett fenomen av den digitala tiden. De kan också användas för cross-referensprodukter. Om du har ett nyckelord eller en etikett för att beskriva en uppsättning produkter som inte ger logisk mening i sin egen kategori eller som ett attribut, kan en tagg vara lämplig. Oroa dig inte om du inte kan tänka på varför du skulle använda märkning - de flesta onlinebutiker gör inte heller, men det är där om du vill ha det.

5. SEO för e-handel

Sökmotoroptimering (SEO) - det vill säga processen att se till att din webbplats visas högt i resultaten som presenteras för användarsökfrågor - är särskilt svår när det gäller e-handel. Inte för att reglerna är olika för nätbutiker jämfört med bloggar eller andra webbplatser, men just för att de är exakt samma. De senaste åren med Google-uppdateringar har varit särskilt hårda på e-handelswebbplatser. Google bestämde att innehållet i långformat är en stark indikator på webbplatsens kvalitet - vilket är bra för bloggar, som består av text och bilder, men mycket svårare för onlinebutiker, som i huvudsak bara katalogiserar ett stycke beskrivande text om du är tur.

Problemet är att för de flesta e-handelswebbplatser skiljer sig väldigt lite mellan produktsidor (bilderna, titeln och priset), medan det övervägande innehållet på en sida (mallen runt den, menyn, etc.) - blir densamma. Ur Googles perspektiv har du ett stort antal lågkvalitativa, liknande innehållssidor - vilket innebär att de bara inte anses vara auktoritativa för några sökord.

Det här är förstås ett stort problem för nätbutiker - och dessa stränga "kvalitetskontroll" -algoritmer som Google har stärkt de senaste åren är ensam ansvariga för en enorm nedgång i försäljningen för många online-shopping-webbplatser. Lyckligtvis kan vi förstå lösningen genom att titta mot de stora spelarna.

5.1 Teknisk SEO

I det här avsnittet tittar jag specifikt på SEO-taktiken för e-handel, men det finns vissa tekniska aspekter på SEO som gäller alla webbplatser som vi helt enkelt inte har utrymme att täcka. Det skulle förmodligen fördubbla storleken på detta guide. När du har tid, kolla över dessa 5 sidor för att lära dig grundläggande SEO Demystify SEO: 5 Sökmotoroptimeringsguider som hjälper dig att börja Demystify SEO: 5 Sökmotoroptimeringsguider som hjälper dig att starta Sökmästerskapet tar kunskap, erfarenhet och mycket rättegång och fel. Du kan börja lära dig grunden och undvika vanliga SEO-misstag enkelt med hjälp av många SEO-guider som finns tillgängliga på webben. Läs mer . När du förstår grunderna föreslår jag att du använder WordPress SEO (gratis) med Yoast SEO för WooCommerce ($ 29) plugins för att implementera dem. Se inte detta steg dock - SEO är en otroligt viktig aspekt av att göra affärer på internet idag - "om du bygger det kommer de att komma", gäller inte bara om din SEO inte är rätt gjort.

5.2 Hur hanterar Amazon att böja trenden?

Det översta området på en Amazon-produktsida ser ut som vilken annan eCommerce-webbplats som helst - ett produktfoto eller två, en del grundläggande uppgifter och pris / lägg till i kundvagnsknappar. Likheterna slutar där, dock. Bläddra ner, och vi hittar en mängd ytterligare information och widgets.

5.2.1 Omfattande beskrivningar

Glöm enkla, ena stycket, ytliga beskrivningar - lägg ner så mycket som möjligt. Produktens mått, vikt, tillverkningsland, material - alla dessa lägger till värdefullt extra innehåll på din sida.

Om du säljer från en grossistdatabas där produkttitlar och beskrivningar ges till dig, är omskrivning av unika beskrivningar särskilt viktigt. De angivna beskrivningarna brukar användas ordentligt på hundratals andra butiker, så Google kommer att överväga många av dem dubbelt innehåll. Det är viktigt att du skiljer dig från dessa webbplatser.

Självklart, om de produkter du säljer är av ett slag, behöver du inte oroa dig så mycket om den här punkten, men det är fortfarande en bra idé att ge så mycket information som möjligt. Kom ihåg att när Google "läser" din sida tar det inte egentligen hänsyn till bilderna - så är relevant textinnehåll (utan att vara spammat) viktigt.

5.2.2 Användarrecensioner

Ett av de enklaste sätten att lägga till värde på en sida är att publicera användarrecensioner av produkten. Det kommer dock ta ett tag att samla dem från kunder, men överväga att erbjuda en "5% rabatt på din nästa order om du lämnar en recension" typ av incitament. Ställ in ett tidsbestämt email för att påminna kunderna om att lämna en recension en vecka efter inköpet. Den automatiska uppföljningsprogrammet ($ 129) kan hjälpa dig att uppnå det, men du kan också skicka ut e-postmeddelanden manuellt.

Vissa webbplatser kommer att gå extra steg och acceptera kundens "action shots". Även om dessa kan vara bra för användarupplevelsen, lägger de inte till sig en väldigt mycket när det gäller SEO-värde. Ett unikt tillvägagångssätt som Black Milk Clothing tog var att koppla ihop med Instagram API och hämta bilder märkta med produktnamnet - det fungerar eftersom själva produkten är särskilt viral, vilken typ av klänning du verkligen vill visa upp för dina vänner.

Produktfrågor - där användarna kan skicka en fråga och vänta på ett svar från dig, kan också lägga till snabbt värde och relevant innehåll på en sida. Den här produktens vanliga frågor för WooCommerce-plugin är gratis.

5.2.3 Widgets

Ta en stund att undersöka några av dina favoritshoppingwebbplatser och identifiera nyckelelement på sidan som du tycker är användbar ur ett shoppers perspektiv - chansen är att det finns ett plugin för WooCommerce som kan hjälpa dig att lägga till det också. Överbelasta inte sidan - varje ytterligare "widget" kommer att sakta ner webbplatsen och bra UI-övning säger att ju mer fokuserade en sida är desto sannolikt är en användare att konvertera till en betalande kund.

5.3 Expertkunskap och bloggning

Om du säljer produkter du brinner för, har du förmodligen en bra expertkunskap om ämnet. Skriv om de senaste modetrenderna om du säljer kläder. skriv om hur man skapar en färgstark sommargräns om du säljer frön. "How to" och listbaserade artiklar, som "10 bra sätt att ..." tenderar att göra riktigt bra. Inte bara kommer du att skriva innehåll som visar till Google att du känner dina saker, men du skapar också innehåll som användare älskar att dela på Facebook eller Twitter. För att komma igång börjar du helt enkelt skapa nya inlägg, och de kommer automatiskt att visas kronologiskt på bloggområdet på din webbplats.

Även om du väljer att inte inkludera en blogg i din egen webbutik kan gästbloggar vara ett bra PR-verktyg - det är här andra webbplatser publicerar artikeln med en länk till din butik. Var noga med att ditt innehåll faktiskt är värdefullt för läsaren och inte bara används för att driva trafik. För ett systematiskt tillvägagångssätt för gästbloggar kan du prova MyBlogGuest, men enligt min erfarenhet kan du direkt kontakta webbplatser och erbjuda dina tjänster effektivare.

Kort sagt, det räcker inte att helt enkelt erbjuda en produkt till salu längre. Din webbplats måste differentiera sig med både innovativa funktioner och kvalitetsinnehåll. Förbered dig själv som en branschsexpert om du kan - ge trovärdighet till de artiklar du skickar och visa att du är kunnig om produkten. Se till att din produktlista är mer attraktiv, mer användbar och med mer information än andra konkurrenter.

6. Påskynda webbplatsen och prestationsöverväganden

Snabba saker. Enkelt sagt, en långsam webbplats kommer att frustrera potentiella kunder, vilket gör att de lämnar innan en försäljning uppnås - så det är viktigt att du gör allt du kan för att optimera din webbplats. Följande råd gäller specifikt för Media Temple's Grid Service kontrollpanel, men vissa eller alla dessa tekniker kommer att finnas tillgängliga i någon form på andra värdar.

6.1 Aktivera FastCGI

Aktivera FastCGI i fältet Inställningar för PHP på din kontokontrollpanel. Utan att bli för teknisk, så sparar det PHP-koden, vilket är det språk som skapar dynamiska webbsidor i WordPress. Det är viktigt att köra nästa förbättring - mod_pagespeed.

6.2 Aktivera mod_pagespeed

mod_pagespeed är en webbserver plugin skrivet av Google, som är utformad för att automatisera några optimeringsuppgifter som att minimera CSS och Javascript (det innebär att du tar bort whitespace och komprimerar flera filer i en enda fil). Om du är väldigt nyfiken på mekaniken och detaljerna i det, titta på den här timmars videoförklaringen.

För att ställa in det här hittar du PageSpeed ​​Settings i den sista raden på kontrollpanelen.

Från nästa skärm, aktivera den för alla dina domäner och spara. Gjort!

6.3 Aktivera gratis CloudFlare-konto

På rullgardinsmenyn Kontocenter ->, välj Lägg till ny domän eller tjänst . Bläddra tills du hittar CloudFlare och klicka på aktivera- knappen. Om du antar att du inte redan har ett CloudFlare-konto, gå igenom det enkla registreringsformuläret.

Då tas du till en aktiveringssida som anger enskilda domäner. Fortsätt och aktivera nu, eller du kan när som helst komma tillbaka till den här skärmen från det nya avsnittet "Add-On Services" som har skapats på fliken Kontocenter -> Översikt .

Observera att det fria CloudFlare-kontot inte stöder SSL-anslutningar - det här är ett problem om din webbplats direkt accepterar kreditkortsbetalningar med din egen betalningsgateway. Om din butik endast är beroende av externa betalnings gateways som PayPal, är det inte ett problem och du behöver inte SSL. Ett premium CloudFlare-konto börjar vid $ 20 / månad.

6.4 Använd en CDN för att betjäna statiska resurser

Webbservrar är bra för att generera dynamiska sidor från en databas - men inte så bra vid en kontinuerlig överföring av filer, som bilder eller Javascript. Ett CDN- eller innehållsleveransnätverk består av en särskild typ av webbserver som inte gör något av de typiska webbservern sakerna - det är mycket optimerat för att leverera filer, och det är det. CDN: er upprätthåller servrar över hela världen, så även om den ursprungliga sidan kan genereras i Amerika laddas de extra resursfilerna från någonstans mer lokalt.

Bandbredd på en CDN är billigare än bandbredd som tillhandahålls av din värd, så om du slår den månatliga bandbreddskvoten bör du definitivt överväga att installera en CDN.

En CDN är dock en premium service som finns som tillägg på Media Temple. Med början på $ 20 / mo (månatligt kontrakt), ger Media Tentons ProCDN 200 GB bandbredd och över 10 innehålls cache-punkter för närvaro (POP) i högsta datacenter.

Behöver du verkligen en CDN? Det är inte nödvändigt om du har de andra optimeringarna, så vänta tills du finner att du går över den månatliga bandbredden, eller om dina sidor är särskilt tunga i grafiken. Om du bestämmer dig för att använda en CDN behöver du också ett plugin i WordPress som skriver om webbadresser så att de pekar på din CDN istället för din lokala webbplats. För det behöver du ....

6, 5 W3 Totalt Cache

Total cache från w3 Edge är en komplett caching-lösning för avancerade användare. När den är korrekt konfigurerad kan den skapa minifierade filer på ungefär samma sätt som mod_pagespeed, men den här processen är verkligen inte för nybörjare. Total Cache består av olika moduler som kan var och en aktiveras, så att konfigurera det här pluginet ligger mycket utanför ramen för denna guide. Du kan läsa min korta introduktion till hur du konfigurerar w3 Total Cache här Så här konfigurerar du de olika inställningarna för W3 Total Cache Plugin för din Wordpress Blog Så här konfigurerar du de olika W3 Total Cache Plugin-inställningarna för din Wordpress Blog För en tid sedan pratade jag om fördelarna med installerar W3TC plugin på din Wordpress blogg för att påskynda det med olika caching, men vissa läsare var förståeligt lite försiktig om ... Läs mer. Media Temple har också en omfattande guide till att skapa CDN-funktionen om du väljer att använda sin ProCDN-lösning.

6.6 Om "GPU-användning"

GPU - eller Grid Performance Unit - är Media Temple sätt att definiera hur mycket andel av servrarna din webbplats använder för närvarande, vilket garanterar rättvisa prestanda för alla. Det handlar främst om CPU-cykler, men tar också hänsyn till saker som diskläsnings- och skrivoperationer. Vid varje tillfälle kan du kontrollera din nuvarande GPU-användning per timme och förutsagt överhämtning från det relevanta avsnittet på kontots kontrollpanel.

Om din webbplats upplever en plötslig utbrott av trafik - till exempel om en länk läggs ut på Reddits framsida - kommer Grid Service intelligent att tilldela fler resurser för att klara den spetsen. Till skillnad från de flesta delade värdar betyder det att webbplatsen ska vara online. Din GPU-användning kan öka under den här tiden, men så länge trafikspetsen inte hålls kvar för en hel månad, kommer din totala månadsvisa GPU-användning förmodligen inte att överstiga kvoten.

Generellt sett behöver du inte oroa dig för det här. Den månatliga kvoten på 2000 GPU (motsvarande 2, 78 GPU per dag) beräknades så att 98% av Grid-webbsidor aldrig kommer att överstiga det.

7. Starta och marknadsföra

Var inte förhastad att berätta världen om din webbplats - min erfarenhet har sagt att det alltid kommer att finnas små fel som väntar på kunder, så en lågnyckellösning är bäst. För att testa din webbplats kan du prova från olika webbläsare och se till att du inte är inloggad på WordPress. De sidor du visar som administratörs användare är ibland annorlunda än de som en vanlig besökare skulle se.

När du är säker på att webbplatsen är redo för alla, kan du prova följande taktik för att få så mycket fotboll som möjligt.

7.1 tävlingar

Använd en gratis giveaway-widget från PunchTab.com för att uppmuntra olika åtgärder. Kunderna kommer att kunna få tävlingsposter för att skicka in deras e-postadress, tweeting eller gilla sidan, introducera vänner, bli Facebook-fan eller svara på en fråga.

7.2 sociala nätverk

Oavsett din moraliska inställning på Facebook eller personlig åsikt av Twitter är sanningen att sociala nätverk spelar en stor roll i dagens online-marknadsföring. Vi har en separat fullständig guide som du kan ladda ner eller läsa online nu - Din guide till Social Media Marketing. Använd PunchTab-tävlings widgeten som nämns ovan för att samla nya Twitter-anhängare och Facebook-fans.

7.3 Mailing List

Utnyttja din befintliga kundlista för att bjuda in personer till webbplatsen och använd månaderna som leder till att starta för att samla adresser. Använd programmet Ultimate Coming Soon Pro ($ 29) och ett MailChimp listhanteringskonto (olika planer, startar gratis) för att presentera en nyhetsbrevs anmälningssida för besökare, samtidigt som du fortfarande kan förhandsgranska och arbeta på webbplatsen när du är inloggad som admin-användare. Om du känner dig generös kan du erbjuda en rabattkupong till abonnenterna för en rabatt på sin första order (och en annan efter deras första order för att uppmuntra dem att komma tillbaka).

7.4 Google Adwords

Google Adwords är ett stort ämne och mycket utanför ramen för denna bok, men Google gör det enkelt att "bjuda" på specifika sökordssökningar för att locka potentiella kunder. Även om det inte är viktigt när du börjar, kommer du förmodligen att försöka med en AdWords-reklamkampanj vid någon tidpunkt.

Lycka till!

Du bör nu vara redo att starta ditt eget online-företag - från att köpa domänen för att starta webbplatsen och allt däremellan. De bitar som kommer efter är vad som verkligen kommer att testa dig - lagerförvaltning, hantering av svåra leverantörer och ännu svårare kunder, betalningsbedrägerier, förlorade leveranser etc. Jag är rädd att det inte finns några plugins för att hjälpa dig med dem!

Sanningen är att du kommer ha mycket konkurrens, så jag kan verkligen inte betona tillräckligt för hur viktigt det är att skilja dig själv på något sätt: med din expertkunskap, din fantastiskt vackra sida fylld med användbar information och bra kundservice. Det finns inget behov av att spendera dina livsbesparingar på dyra designbyråer och bedrägeri-SEO-tjänster. Men några hundra dollar är allt du behöver för att testa vattnet för din produkt och eventuellt bli din egen chef. Genom att välja WooCommerce och WordPress har du säkerställt att om du stöter på problem eller har en fråga är svaret alltid bara en snabb Google-sökning borta. Nu, vad väntar du på?