{"id":2132,"date":"2015-04-10T13:49:02","date_gmt":"2015-04-10T11:49:02","guid":{"rendered":"https:\/\/fsdata.se\/manualer\/?p=2132"},"modified":"2016-04-07T15:18:19","modified_gmt":"2016-04-07T13:18:19","slug":"e-handel-med-wordpress-installera-woocommerce-och-lagg-till-produkter-15","status":"publish","type":"page","link":"https:\/\/legacy.fsdata.se\/manualer\/hemsida\/e-handel\/e-handel-med-wordpress-installera-woocommerce-och-lagg-till-produkter-15\/","title":{"rendered":"E-handel med WordPress &#8211; Installera WooCommerce och l\u00e4gg till produkter (1\/5)"},"content":{"rendered":"<p>Dessa guider visar hur man enkelt startar en e-handel med <a href=\"https:\/\/wordpress.org\/\">WordPress<\/a> och <a href=\"http:\/\/www.woothemes.com\/woocommerce\/\">WooCommerce<\/a>. Detta \u00e4r en kostnadsfri, enkel och snabb e-handelsl\u00f6sning med \u00f6ppen k\u00e4llkod. WooCommerce \u00e4r v\u00e4rldens mest popul\u00e4ra e-handelsplattform idag.<\/p>\n<p>I denna guide visar vi hur man installerar WooCommerce, anpassar dess utseende och l\u00e4gger till produkter.<\/p>\n<p><span style=\"text-align: center; display: block;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3026\" src=\"https:\/\/fsdata.se\/blogg\/wp-content\/uploads\/2012\/09\/e-handel_med_wordpress.png\" alt=\"\" width=\"640\" height=\"283\" \/><\/span><\/p>\n<h3>Installera WooCommerce och l\u00e4gg till produkter<\/h3>\n<p><strong>&#8211; Enkel installation hos FS Data<\/strong><\/p>\n<p>Om du har <a href=\"https:\/\/fsdata.se\/webbhotell\/\">webbhotell hos FS Data<\/a> s\u00e5 kan du enkelt installera WordPress och WooCommerce <a href=\"https:\/\/fsdata.se\/support\/kontrollpanel-waff\/\">via v\u00e5r kontrollpanel<\/a>. Installationen sker i en optimerad servermilj\u00f6, vilket ger en snabbare sida, och framtida s\u00e4kerhetsuppdateringar installeras automatiskt.<\/p>\n<ul>\n<li>Logga in i v\u00e5r kontrollpanel<\/li>\n<li>G\u00e5 in under &#8221;Hemsida&#8221; och &#8221;Applikationer&#8221;<\/li>\n<li>Klicka p\u00e5 knappen &#8221;Installera ny applikation&#8221;<\/li>\n<li>V\u00e4lj &#8221;WordPress&#8221; under Applikation och bocka i &#8221;WooCommerce&#8221; under WordPress-till\u00e4gg<\/li>\n<li>Klicka p\u00e5 knappen &#8221;Installera&#8221; och v\u00e4nta n\u00e5gra sekunder<\/li>\n<li>Anv\u00e4nd det anv\u00e4ndarnamn och l\u00f6senord som visas f\u00f6r att logga in p\u00e5 din WordPress\/WooCommerce-sida<\/li>\n<\/ul>\n<p><strong>&#8211; Manuell installation<\/strong><\/p>\n<p>Den manuella installationen av WooCommerce f\u00f6ruts\u00e4tter att du redan har installerat WordPress. H\u00e4r finns en guide f\u00f6r det: <a href=\"https:\/\/fsdata.se\/manualer\/hemsida\/installera-wordpress-pa-ditt-webbhotell\/\">Installera WordPress (manuellt) p\u00e5 ditt webbhotell<\/a>. D\u00e4refter kan du installera WooCommerce manuellt s\u00e5 h\u00e4r:<\/p>\n<ul>\n<li>Logga in i WordPress p\u00e5 din sajt (\/wp-admin)<\/li>\n<li>G\u00e5 till \u201dTill\u00e4gg\u201d och \u201dL\u00e4gg till nytt\u201d<\/li>\n<li>S\u00f6k efter \u201dwoocommerce\u201d och klicka p\u00e5 \u201dInstallera nu\u201d<\/li>\n<li>Aktivera WooCommerce och klicka p\u00e5 &#8221;Install WooCommerce pages&#8221; (detta skapar butikssidan, varukorgen, kassan etc)<\/li>\n<li>Om du k\u00f6r WordPress p\u00e5 svenska ges du valet att uppdatera \u00f6vers\u00e4ttningen, klicka p\u00e5 &#8221;Force Update Translation&#8221; f\u00f6r att g\u00f6ra detta om klick p\u00e5 &#8221;Update Translation&#8221; inte har n\u00e5gon effekt<\/li>\n<\/ul>\n<p>H\u00e4r \u00e4r \u00e4ven en video som visar hur man installerar WooCommerce via WordPress:<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/fiKUcQ06WEg?rel=0&amp;showinfo=0\" width=\"853\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><strong>&#8211; V\u00e4lj ett passande tema<\/strong><\/p>\n<p>Om du inte valt ett tema redan \u00e4r det nu du b\u00f6r g\u00f6ra det. Det finns tusentals teman att v\u00e4lja mellan, dels i <a href=\"http:\/\/www.woothemes.com\/product-category\/themes\/woocommerce\/\">den officiella temakatalogen<\/a> och s\u00e5 finns det marknadsplatser s\u00e5som <a href=\"http:\/\/themeforest.net\/\">ThemeForest<\/a> f\u00f6r dig som \u00e4r beredd att betala f\u00f6r ett tema.<\/p>\n<p><a href=\"http:\/\/www.woothemes.com\/storefront\/\">WooThemes Storefront<\/a> \u00e4r ett tema som \u00e4r anpassat till WooCommerce och om du v\u00e4ljer ett tema som saknar st\u00f6d f\u00f6r WooCommerce kommer du att se en notis om det. \u00c4r du helt ny p\u00e5 detta, r\u00e4kna med att du f\u00e5r prova dig fram. F\u00f6r att underl\u00e4tta valet av tema kan du b\u00f6rja mata in n\u00e5gra exempelprodukter, s\u00e5 att du kan se hur din WooCommerce-butik kommer att se ut:<\/p>\n<p><strong>&#8211; L\u00e4gg till\/redigera produkt<\/strong><\/p>\n<p>Se menyn till v\u00e4nster: V\u00e4lj menyvalet &#8221;Produkter&#8221; och klicka d\u00e4refter &#8221;L\u00e4gg till produkt&#8221;. Det som nu visas \u00e4r samma som vid hantering av Sidor eller Inl\u00e4gg. WooCommerce har dock adderat n\u00e5gra f\u00e4lt och vi ska nu g\u00e5 igenom dessa:<\/p>\n<p><a href=\"https:\/\/fsdata.se\/manualer\/files\/2015\/03\/2015-produktinmatning.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2134 size-large\" src=\"https:\/\/fsdata.se\/manualer\/files\/2015\/03\/2015-produktinmatning-1024x611.jpg\" alt=\"2015-produktinmatning\" width=\"1024\" height=\"611\" srcset=\"https:\/\/legacy.fsdata.se\/manualer\/files\/2015\/03\/2015-produktinmatning-1024x611.jpg 1024w, https:\/\/legacy.fsdata.se\/manualer\/files\/2015\/03\/2015-produktinmatning-300x179.jpg 300w, https:\/\/legacy.fsdata.se\/manualer\/files\/2015\/03\/2015-produktinmatning.jpg 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><strong>Produktnamn<\/strong> &#8211; H\u00e4r matar vi in produktens namn och h\u00e4r best\u00e4mmer vi vilken titel eller rubrik som v\u00e5r produkt ska ha ut\u00e5t sett i butiken, i s\u00f6kningar och p\u00e5 arkivsidor samt platsh\u00e5llare f\u00f6r kompletterande k\u00f6p och s\u00e5 vidare. Permal\u00e4nken skapas automatiskt av WordPress, precis som n\u00e4r du skapar nya inl\u00e4gg eller sidor. Klicka p\u00e5 Spara utkast om permal\u00e4nken inte autosparas.<\/p>\n<p><strong>Produktbeskrivning<\/strong> &#8211; Den stora inmatningsrutan \u00e4r platsen f\u00f6r v\u00e5r beskrivning av v\u00e5r produkt. H\u00e4r f\u00e5r du plats med b\u00e5de bilder och texter. Du kan t.ex. l\u00e4gga till kod f\u00f6r att b\u00e4dda YouTube-klipp (f\u00f6rslagsvis produktbeskrivningar) och allt annat som du kan l\u00e4gga till n\u00e4r du skapar vanliga WordPress-inl\u00e4gg och sidor.<\/p>\n<p><strong>Kort beskrivning av produkt<\/strong> (p\u00e5 engelska: Product Short Description) en bit ner p\u00e5 sidan (\u00e4r som standard placerat under \u201dEgna f\u00e4lt\u201d) \u00e4r f\u00e4ltet d\u00e4r du anger vad som ska visas intill produkttiteln, priset, lagersaldo mm. Det finns allts\u00e5 tv\u00e5 f\u00e4lt f\u00f6r produktbeskrivning och f\u00f6r att optimera produktsidan ut mot kund b\u00f6r du inte anv\u00e4nda samma text i \u201dProduct Short Description\u201d som i den stora inmatningsrutan.<\/p>\n<p><strong>Produktkategorier <\/strong> &#8211; Se h\u00f6gerkolumnen i gr\u00e4nssnittet under den bl\u00e5 publicera-knappen. H\u00e4r skapar vi en ny produktkategori med det passande namnet &#8221;Arbetsdator&#8221;. Notera att du kan g\u00f6ra detta innan du l\u00e4gger till en produkt och att du kan skapa hierarkier f\u00f6r att sortera dina produkter.<\/p>\n<p><strong>Produktetiketter<\/strong> &#8211; Strax under produktkategorierna har vi f\u00e4ltet f\u00f6r etiketter relaterade till produkten. Vi v\u00e4ljer h\u00e4r n\u00e5gra ord som passar produkten (kontor, apple, b\u00e4sta datorn). Rekommendationen \u00e4r att du v\u00e4ljer endast v\u00e4ljer nyckelord som svarar upp emot produkten och dess egenskaper.<\/p>\n<p><strong>Utvald bild<\/strong> &#8211; Att marknadsf\u00f6ra en produkt utan en beskrivande bild kan vara h\u00e4mmande f\u00f6r f\u00f6rs\u00e4ljningen. Ladda d\u00e4rf\u00f6r upp en bra bild av produkten. L\u00e4gg lite extra tid p\u00e5 bra produktbilder s\u00e5 kommer din e-butik att bli s\u00e5 mycket b\u00e4ttre.<\/p>\n<p><strong>Produktgalleri<\/strong> &#8211; Att kunna se en produkt ur flera vinklar \u00e4r viktigt. Ge produktbilderna samma omsorg som den utvalda bilden.<\/p>\n<p><em>De inmatningar du gjort fram till nu har inte kr\u00e4vt inst\u00e4llningar av WooCommerce. Eftersom standardinst\u00e4llningen i WooCommerce \u00e4r f\u00f6rs\u00e4ljning i Storbritannien med brittiskt pund ska vi nu skifta \u00f6ver till f\u00f6rsta inst\u00e4llningssidan och \u00e4ndra till Sverige och krona.<\/em><\/p>\n<p>Se v\u00e4nstermenyn igen, under &#8221;WooCommerce&#8221; hittar du &#8221;Inst\u00e4llningar&#8221; och h\u00f6gst upp under &#8221;Generella alternativ&#8221; v\u00e4ljer du basland (Sverige). Valutan i den h\u00e4r guiden \u00e4r Svensk krona, s\u00e5 \u00e4ndra till det ocks\u00e5 under &#8221;Valutainst\u00e4llningar&#8221; p\u00e5 samma sida. V\u00e4lj valutapositionen &#8221;H\u00f6ger med mellanrum&#8221;. Klicka p\u00e5 Spara \u00e4ndringar och \u00e5terv\u00e4nd till produktsidan. Ladda om den genom att klicka p\u00e5 Spara utkast.<\/p>\n<p><strong>Produktdata: Generellt<\/strong> &#8211; F\u00f6rsta fliken \u00e4r d\u00e4r du anger artikelnummer, pris och eventuellt reapris. N\u00e4r du \u00e4r klar med produktinmatningen b\u00f6r du f\u00f6rhandsgranska din produktpresentation:<\/p>\n<p><a href=\"https:\/\/fsdata.se\/manualer\/files\/2015\/03\/2015-produktpresentation.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-2135\" src=\"https:\/\/fsdata.se\/manualer\/files\/2015\/03\/2015-produktpresentation-1024x618.jpg\" alt=\"2015-produktpresentation\" width=\"1024\" height=\"618\" srcset=\"https:\/\/legacy.fsdata.se\/manualer\/files\/2015\/03\/2015-produktpresentation-1024x618.jpg 1024w, https:\/\/legacy.fsdata.se\/manualer\/files\/2015\/03\/2015-produktpresentation-300x181.jpg 300w, https:\/\/legacy.fsdata.se\/manualer\/files\/2015\/03\/2015-produktpresentation.jpg 1341w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><strong>&#8211; Ut\u00f6kad Produktdata<\/strong><\/p>\n<p>Vi har ovan g\u00e5tt igenom grunderna f\u00f6r produktinmatning. Vi valde standardinst\u00e4llningarna som \u00e4r att produkten \u00e4r en Enkel produkt. WooCommerce bjuder dock p\u00e5 fler alternativ p\u00e5 den punkten: Grupperad produkt, Extern\/affiliateprodukt och Variabel produkt.<\/p>\n<p><strong>Grupperad produkt<\/strong> &#8211; Den h\u00e4r produkttypen kan du anv\u00e4nda f\u00f6r att ge din kund en m\u00f6jlighet att v\u00e4lja fler relaterade produkter fr\u00e5n en enda produktpresentation. Du g\u00f6r det genom att f\u00f6rst skapa en Parent-produkt och d\u00e4refter Child-produkter. De senare kopplas till Parent-produkten genom att du v\u00e4ljer det under valet L\u00e4nkade produkter i Produktdataf\u00e4ltet. Notera valm\u00f6jligheten att undanta Child-produkterna fr\u00e5n produktkatalogen. En video visar hur du skapar grupperade produkter:<br \/>\n&#8211; VIDEO &#8221;grupperade produkter&#8221;<\/p>\n<p><strong>Extern\/Affiliateprodukt<\/strong> &#8211; Anv\u00e4nd den h\u00e4r produkttypen om du vill l\u00e4nka kunden vidare exempelvis om du driver en affiliatesajt d\u00e4r produktkatalogen l\u00e4sts via en XML-fil. D\u00e5 vill du att kunden klickar sig vidare fr\u00e5n din e-butik till butiken varifr\u00e5n du f\u00e5r din provision. F\u00f6r att importera ett XML-fl\u00f6de i affiliatesyfte kan du anv\u00e4nda WordPress-till\u00e4gget <a href=\"https:\/\/wordpress.org\/plugins\/wp-all-import\/\">WP All Import<\/a> och en add-on f\u00f6r WooCommerce: <a href=\"http:\/\/www.wpallimport.com\/woocommerce-product-import\/\">http:\/\/www.wpallimport.com\/woocommerce-product-import\/<\/a><\/p>\n<p><strong>Variabel produkt<\/strong> &#8211; En produkttyp som du anv\u00e4nder n\u00e4r du vill ge kunden valm\u00f6jligheter i produktpresentationen. Om du s\u00e4ljer ketchupflaskor kan dessa finnas i flera storlekar. Om du s\u00e4ljer kl\u00e4der finns dessa sannolikt i flera olika storlekar.<\/p>\n<p><strong>&#8211; Avslutning<\/strong><\/p>\n<p>Detta sammanfattar den f\u00f6rsta delen i v\u00e5r serie med guider f\u00f6r WooCommerce. Dessa guider har producerats i samarbete med <a href=\"http:\/\/sennbrink.se\/\">WordPress-konsulten Bj\u00f6rn Sennbrink<\/a>. Om du uppskattar v\u00e5ra guider, l\u00e4nka d\u00e5 g\u00e4rna till dem!<\/p>\n<p>H\u00e4r \u00e4r samtliga guider i denna serie:<\/p>\n<p>&#8211; <a href=\"https:\/\/fsdata.se\/manualer\/e-handel\/e-handel-med-wordpress-installera-woocommerce-och-lagg-till-produkter-15\/\">Installera WooCommerce och l\u00e4gg till produkter (1\/5)<\/a><br \/>\n&#8211; <a href=\"https:\/\/fsdata.se\/manualer\/e-handel\/e-handel-med-wordpress-frakt-och-moms-woocommerce-25\/\">Frakt och moms i WooCommerce (2\/5)<\/a><br \/>\n&#8211; <a href=\"https:\/\/fsdata.se\/manualer\/e-handel\/e-handel-med-wordpress-hantera-betalningar-i-woocommerce-35\/\">Hantera betalningar i WooCommerce (3\/5)<\/a><br \/>\n&#8211; <a href=\"https:\/\/fsdata.se\/manualer\/e-handel\/e-handel-med-wordpress-kundorderflode-och-fortnox-woocommerce-45\/\">Kundorderfl\u00f6de och Fortnox i WooCommerce (4\/5)<\/a><br \/>\n&#8211; <a href=\"https:\/\/fsdata.se\/manualer\/e-handel\/e-handel-med-wordpress-woocommerce-appen-bra-tillagg-55\/\">WooCommerce-appen &#038; bra till\u00e4gg (5\/5)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dessa guider visar hur man enkelt startar en e-handel med WordPress och WooCommerce. Detta \u00e4r en kostnadsfri, enkel och snabb e-handelsl\u00f6sning med \u00f6ppen k\u00e4llkod. WooCommerce \u00e4r v\u00e4rldens mest popul\u00e4ra e-handelsplattform idag. I denna guide visar vi hur man installerar WooCommerce, anpassar dess utseende och l\u00e4gger till produkter. Installera WooCommerce och l\u00e4gg till produkter &#8211; Enkel [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":2561,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":""},"_links":{"self":[{"href":"https:\/\/legacy.fsdata.se\/manualer\/wp-json\/wp\/v2\/pages\/2132"}],"collection":[{"href":"https:\/\/legacy.fsdata.se\/manualer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/legacy.fsdata.se\/manualer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/legacy.fsdata.se\/manualer\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/legacy.fsdata.se\/manualer\/wp-json\/wp\/v2\/comments?post=2132"}],"version-history":[{"count":27,"href":"https:\/\/legacy.fsdata.se\/manualer\/wp-json\/wp\/v2\/pages\/2132\/revisions"}],"predecessor-version":[{"id":2242,"href":"https:\/\/legacy.fsdata.se\/manualer\/wp-json\/wp\/v2\/pages\/2132\/revisions\/2242"}],"up":[{"embeddable":true,"href":"https:\/\/legacy.fsdata.se\/manualer\/wp-json\/wp\/v2\/pages\/2561"}],"wp:attachment":[{"href":"https:\/\/legacy.fsdata.se\/manualer\/wp-json\/wp\/v2\/media?parent=2132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}