Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här skapar du enkelt en T-shirtbutik i WordPress (steg för steg)

Att starta en T-shirtbutik online är ett utmärkt sätt att förvandla dina kreativa mönster till en blomstrande e-handelsverksamhet.

Vi har dock hört från otaliga webbplatsägare som känner sig rädda av tanken på att navigera i alla komplexiteter inom tryck, frakt och kundservice.

Skulle det inte vara trevligt om du helt enkelt kunde ladda upp din t-shirtdesign till en tredjepartsplattform och låta någon sköta allt annat?

I den här artikeln kommer vi att visa dig hur du gör exakt det. Oavsett om du är en konstnär som vill visa upp dina mönster eller en företagare som syftar till att utnyttja klädmarknaden, kommer den här guiden att visa dig hur du skapar en t-shirtbutik i WordPress med Spreadshirt och lägger till den i din blogg.

Easily Create a T-Shirt Shop in WordPress

Varför bygga din T-Shirt Shop i WordPress med Spreadshirt?

Varför kombinera WordPress och Spreadshirt för din online-t-shirtbutik? Enkelt uttryckt hanterar Spreadshirt alla tunga lyft – inventering, utskrift, frakt, betalningar och mer.

Med Spreadshirt kan vem som helst ladda upp sina egna mönster och skriva ut dem på t-shirts och andra produkter. Du får betalt för designen och provisionen för varje produkt du säljer. Så detta gör att du kan tjäna pengar på din blogg genom att sälja dina specialdesignade t-shirts och tillbehör.

Att använda denna Print-On-Demand (POD) -metod för din t-shirt-verksamhet sänker dina initiala kostnader eftersom du inte behöver köpa någon tryckutrustning, det minskar risken för osåld inventering och det är super skalbart.

När du har skapat din butik kan du bädda in den på din WordPress-webbplats. Detta ger dig mer kontroll över ditt varumärke och kundupplevelsen. Du kan t.ex. anpassa din shop med teman och plugins, lägga till funktioner som dedikerade landningssidor, marknadsföringsverktyg och funktioner för kundengagemang. Det är det bästa av två världar!

Preview of a spreadshop embedded in a WordPress site

Dessutom kan inbäddning av Spreadshirt-innehåll öka din SEO och driva organisk trafik direkt till din WordPress-blogg eller webbplats. Till skillnad från att bara förlita sig på en marknadsplats bygger du en tillgång som kan hjälpa dig att växa ditt varumärke.

Kom igång med WordPress och Spreadshirt

Spreadshirt ger dig möjlighet att skapa en egen Spreadshop (en butikssida på Spreadshirts webbplats) med en unik webbadress. På denna sida kan du sedan visa upp dina mönster och produkter.

Tänk dock på att du inte kommer att ha samma designflexibilitet på en Spreadshop-sida som du får med en webbplatsbyggare. Dessutom har du inte full kontroll över att optimera ditt innehåll för att få mer trafik från sökmotorer. Det är därför vi visar dig hur du bäddar in ditt Spreadshop-innehåll i WordPress.

Om du inte redan har en webbplats rekommenderar vi att du använder self-hosting WordPress.org som bloggplattform. Det finns många hemsidebyggare, men WordPress sticker ut för alla som söker en användarvänlig, säker och budgetvänlig lösning.

För det första är WordPress öppen källkod så det är gratis att ladda ner och använda. Genom att ta bort onödiga utgifter på det här sättet får du behålla mer av din vinst. WordPress låter dig installera tillägg som kallas plugins. Det är programvaror som ger WordPress extra funktionalitet, bland annat många som är perfekta för e-handelsbutiker.

För mer information kan du kolla in vårt inlägg om WordPress.com vs. WordPress.org.

För att starta en WordPress.org website med egen server måste du skaffa ett domain name och ett webbhotell account. Vi rekommenderar att du använder Bluehost eftersom de är en officiellt rekommenderad hosting provider för WordPress.

Bluehost offer for WPBeginner readers

Ännu viktigare är att de erbjuder WPBeginners användare en generös rabatt med ett gratis domain name och ett SSL-certifikat. För att komma igång, klicka bara på knappen under.

När du har köpt webbhotell kan du följa vår Step-by-Step guide om hur du skapar en website. På så sätt kommer you att vara igång och run på nolltid.

Med detta sagt, låt oss ta en titt på hur du skapar din t-shirtbutik med Spreadshirt och add to your WordPress site.

Så här skapar du en T-shirtbutik i WordPress med Spreadshirt

För att skapa en t-shirtbutik måste du först besöka Spreadshirts website.

När du är där klickar du på knappen “Starta försäljning” högst upp.

Click the Start Selling button on the Spreadshirt website

Detta tar dig till en annan vy, där du måste välja om du vill öppna en Spreadshop eller sälja dina t-shirts på marknadsplatsen.

Vi rekommenderar att du klickar på knappen “Open Your Own Spreadshop” eftersom det blir som en onlinebutik där du kan tjäna provision och sätta dina priser. Tänk dock på att du också kommer att vara ansvarig för att locka besökare och förbättra din sökmotorrankning.

Select the Open your own Spreadshop option

Du kommer nu att ledas till en new page. Här kan du börja med att skriva in ett namn för ditt t-shirtföretag.

Tips: Om du inte har bestämt dig för ett namn på din butik ännu kan du använda vår gratis generator för företagsnamn för att hitta några bra idéer.

Därefter lägger du till din email address och ditt password och klickar sedan på knappen “Kom igång nu”.

Create a Spreadshirt account

När du har gjort det kommer du att tas till din Spreadshop-instrumentpanel.

Här klickar du bara på alternativet “Skapa produkter” i sektionen “Din checklista” för att komma igång.

Select the Create Products option

Därefter uppmanas du att ladda upp din designbild från din dator.

Om du inte har valt någon bild ännu kan du klicka på knappen “Try Now”. I den här handledningen kommer vi att ladda upp en grafisk bild för vår t-shirt från datorn.

Experttips: Om du vill sätta ditt företags logotyp på kläderna, kanske du vill se vår guide om hur du får en customze logga för ditt företag.

Add your t-shirt design image from the computer or create one by clicking Try Now

När du har gjort det kommer du till sidan “Designs”, där du ser den image som du just har uploadat.

Här klickar du på pennikonen på imagen för att komma till nästa steg.

Click the pencil icon on the t-shirt design image

Nu kommer du att bli ombedd att välja de produkter där du vill add to din grafik eller design.

Du kan lägga till bilden på en t-shirt, huvtröja, sweatshirt, mugg, tygväska, förkläde eller vattenflaska. Klicka bara på pennikonen ovanför den produkt där du vill lägga till bilden.

Choose the product where you want to add the graphic design or image

Detta öppnar Spreadshirt Editor, där du kan ändra designens storlek och position efter vad du gillar.

You can also switch to the ‘Product Color’ tabs if you want to change your t-shirt color. Efter det klickar du på knappen “Klar” högst upp.

Design t-shirt in the editor

Du kommer att omdirigeras till sidan “Välj och designa produkter”, där du kan välja ytterligare produkter och anpassa dem med hjälp av redigeraren. Om du vill ta bort några av produkterna kan du klicka på ikonen “X” ovanpå deras kort.

Om du till exempel inte vill sälja de utskurna klistermärkena för din design kan du klicka på ikonen “X”, så tas den bort från din produktlista.

Efter det behöver du bara klicka på knappen “Nästa” högst upp.

Design all the products and click 'Next'

Detta leder dig till vyn “Describe your design”, där du kan add to ett namn, taggar och description för designen. Beskrivningen kommer att visas i förhandsgranskningen av länkar på Google medan taggarna hjälper till att förbättra din sökmotorsoptimering.

När du är klar klickar du bara på knappen “Skapa”.

Add description and tags for your t-shirts

Nu när du har skapat dina t-shirts är det dags för dig att konfigurera din Spreadshop.

För att göra detta måste du clicka på alternativet “Set up Spreadshop” i prompten på din vy.

Click the Set up Spreadshop option

Detta öppnar Spreadshop editor, där du kommer att se en shop preview till höger med några inställningar till vänster.

Härifrån kan du add to en logga och ändra färgerna för bakgrund, knappar, navigation menu, text med mera. När du har customize din butik klickar du bara på knappen “Save” för att spara dina settings.

Customize your shop colors

När nästa fråga visas klickar du på “Activate Spreadshop”.

Välj sedan “Fortsätt”.

Select the Activate Spreadshop option

Du kommer nu till en new vy, där du måste clicka på shop icon i vänstra hörnet.

Detta öppnar Column ‘Shop Settings’. Gå nu vidare och förstora tabben “Prices & Promos”.

Expand the Prices and Promos tab

Du kommer nu att se några nya inställningar. Här väljer du helt enkelt “Shop pricing” för att se och justera priser och provision för varje produkt.

Kom ihåg att klicka på “Spara” när du har gjort dina ändringar.

Configure your t-shirts' pricing

Därefter klickar du på butikens icon igen för att öppna Column ‘Shop Settings’. Den här gången måste du förstora tabben “Allmänt”.

När du har gjort det klickar du på alternativet “Avaktivera/aktivera butik”.

Expand the De/activate shop tab

För att starta din Spreadshop, öppna de nya inställningarna och klicka på “Online”. Du kommer att uppmanas att ange ditt företagsnamn, adress och postnummer.

När du har angett det kommer din Spreadshop att vara live och redo att börja sälja t-shirts!

Select Online option to make your Spreadshop live

Så här addar du din Spreadshirt-butik i WordPress

Nu när du har designat dina t-shirts och skapat din Spreadshirt-butik är det dags att add to din WordPress site.

För att göra detta måste du installera och aktivera Spreadshop plugin. För detaljer, se vår guide för nybörjare om hur man installerar ett plugin för WordPress.

Vid aktivering, besök “Spreadshop” meny tabs från WordPress dashboard och enter din butik ID. När du har gjort det måste du klicka på knappen “Anslut”.

Add the Spreadshop ID

Om du inte känner till ditt Spreadshop-ID kan du gå till din Spreadshirt-instrumentpanel och klicka på butiksikonen till vänster. Då kommer du till sidan “Butiksinställningar”.

Här är de siffror som du ser i sidans URL din butiks ID. Kopiera helt enkelt dessa siffror och klistra in dem i fältet “Shop Name or ID” i din WordPress-panel.

Copy ID from the Spreadshop URL

När Spreadshop plugin ansluter din webbplats till plattformen, kommer den automatiskt att hämta några av din butiks detaljer och visa dem på sidan.

Gå sedan igenom detaljerna och klicka sedan på knappen “Confirm Connection”.

Click the Confirm Connection button

Gå nu till den sida där du vill visa din Spreadshop och öppna den i WordPress innehållsredigerare. Klicka sedan på knappen “+” för att lägga till block i det övre vänstra hörnet.

Härifrån drar och släpper du kortkodsblocket på sidan. Kopiera och klistra sedan in följande kortkod.

[spreadshop]

Add the Spreadshop shortcode in the block editor

När du är klar klickar du bara på knappen “Update” eller “Publicera” för att lagra dina settings.

Nu kan du besöka din WordPress-webbplats för att se Spreadshop i action. Visitors kommer att kunna preview dina produkter, och klicka på bilderna eller “Shop Now” -knappen tar dem till din Spreadshop page.

Preview of a spreadshop embedded in a WordPress site

Bonus: Öka trafiken på webbplatsen till din T-Shirt Shop

Att driva trafik till din Spreadshop kan vara en utmaning, särskilt för små företag eller bloggar.

Av den anledningen bör du komma igång med sökmotoroptimering (SEO) direkt. Vi rekommenderar att du använder ett plugin som All in One SEO (AIOSEO) för att optimera ditt innehåll och förbättra din sökmotorrankning. Detta kommer att hjälpa dig att få fler besökare, vilket innebär mer försäljning.

För att lära dig mer, kolla in vår fullständiga AIOSEO-recension.

All in One SEO

Sedan, när människor är på din webbplats, kommer du att vilja rikta dem mot din Spreadshop-butik. Du kan till exempel använda OptinMonster för att skapa popup-fönster och banners som marknadsför din t-shirtbutik.

You can add to CTAs and discount offers that will motivate users to check out your Spreadshop and place an order. För mer information kan du se vår tutorial om hur du gör en banner för en website.

OptinMonster website

På samma sätt kan du vara värd för giveaways där besökare kan vinna en gratis t-shirt. Detta kommer att öka medvetenheten bland dina besökare och övertyga dem om att besöka din butik.

För att göra detta rekommenderar vi RafflePress, som är det bästa giveaway-pluginet på marknaden. Det kommer med en dra-och-släpp-byggare, färdiga mallar och skydd mot bedrägerier, vilket gör det till ett utmärkt val.

RafflePress

Vill du lära dig mer? Vi har skapat en omfattande RafflePress-recension som har all information du behöver.

Dessutom kan du skicka nyhetsbrev, marknadsföra din butik på sociala medier, köra annonser och till och med skapa ett affiliate-program så att andra människor kommer att marknadsföra dina produkter åt dig.

För fler tips kan du se vår guide om hur du kan öka det genomsnittliga ordervärdet med WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en t-shirtbutik i WordPress med Spreadshirt. Du kanske också vill se vår steg-för-steg-guide om hur mycket e-handelswebbplatser kostar och vår lista över skäl till varför du ska använda WordPress för din webbplats.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.