Hur man enkelt integrerar Shopify med WordPress (steg för steg)

Shopify är en populär e-handelsplattform för att sätta upp en onlinebutik. Den har ett användarvänligt gränssnitt och ett brett utbud av verktyg för att hantera din verksamhet, men den kanske inte är det bästa fristående alternativet för din onlineverksamhet.

Det är därför vi rekommenderar att använda Shopify med WordPress. Det gör att du kan kombinera e-handelsfunktionerna i Shopify med den mest kraftfulla webbplatsbyggaren på marknaden, vilket ger dig mer flexibilitet att växa din verksamhet.

Vi har använt WordPress för våra onlinebutiker och har sett i första hand hur skalbart det är. Vi har också testat Shopify många gånger. Detta har gjort det möjligt för oss att jämföra deras styrkor och svagheter, och vi har funnit att i många fall kan det vara ditt bästa alternativ att använda dem tillsammans.

I den här artikeln visar vi dig hur du enkelt kan koppla Shopify med WordPress för att växa din verksamhet.

Varför använda Shopify med WordPress?

WordPress är den bästa webbplatsbyggaren i världen och driver mer än 43% av alla webbplatser på internet.

Det är otroligt enkelt att använda och ger dig tillgång till tusentals gratis och betalda WordPress-teman och plugins (appar för din webbplats).

Å andra sidan är Shopify en populär ehandelsplattform som hjälper dig att sälja produkter online.

Du kan använda WordPress med WooCommerce för att skapa din webbutik, men vissa användare kanske vill använda Shopify för sin butik och WordPress för sin webbplats.

För mer information, se vår jämförelse av Shopify vs. WooCommerce med för- och nackdelar med båda verktygen.

Att kombinera Shopify och WordPress ger dig fördelarna med båda plattformarna. Du kan sälja produkter med Shopify samtidigt som du njuter av flexibiliteten och friheten med WordPress för att hantera din webbplats.

Detta ger dig fullständig kontroll över din webbplatsdesign, utökar din marknadsräckvidd och låter dig hantera båda plattformarna från en enda instrumentpanel.

Med det sagt, låt oss titta på hur du enkelt kan använda Shopify med WordPress. Du kan använda snabblänkarna nedan för att navigera genom den här handledningen:

• Steg 1: Konfigurera din Shopify-butik och WordPress-webbplats
• Steg 2: Anslut WordPress till din Shopify-butik
• Steg 3: Visa Shopify-produkter i WordPress
• Steg 4: Anpassa din WordPress-webbplats
• Steg 5: Lägg till ett kontaktformulär på din WordPress-webbplats
• Steg 6: Lägg till kundrecensioner i din webbutik
• Steg 7: Utöka din WordPress-webbplats och Shopify-butik
• Vanliga frågor

Steg 1: Konfigurera din Shopify-butik och WordPress-webbplats

Om du inte redan har gjort det, måste du först gå och skapa din Shopify-butik.

Efter det, lägg till några produkter och kom sedan tillbaka hit.

Därefter måste du ställa in din WordPress-webbplats. Tänk på att det finns två typer av WordPress.

Först finns WordPress.com, som är en webbhotelltjänst. Sedan har du WordPress.org, även kallat självhostat WordPress.

Du behöver WordPress.org eftersom det ger dig omedelbar tillgång till alla WordPress-funktioner direkt. För mer information, se vår jämförelse av WordPress.com vs. WordPress.org.

För att skapa en WordPress.org-webbplats behöver du ett domännamn, som kommer att vara din webbplats namn på internet, och ett webbhotellskonto där din webbplats kommer att lagra all sin data.

Ett domännamn kostar cirka 14,99 USD per år, och WordPress-hosting-planer börjar vanligtvis på 7,99 USD per månad (oftast betalas årligen).

Våra vänner på Bluehost har gått med på att erbjuda WPBeginner-användare ett gratis domännamn med en generös rabatt på hosting. I grund och botten kan du komma igång för så lite som $2.99 per månad.

Allt du behöver göra är att klicka på vår Bluehost-länk ovan och klicka på knappen 'Kom igång nu' på nästa skärm.

Därefter kommer du att komma till Bluehosts prissida.

För onlineföretag rekommenderas det att välja planen 'eCommerce Essentials', men du kan välja vilken du vill. Du kan alltid uppgradera till en högre plan vid behov.

Klicka på 'Välj plan' på den plan du väljer.

Därefter måste du välja ett domännamn eller ansluta ett befintligt till din WordPress-webbplats.

Du kan också hoppa över det här steget genom att klicka på länken 'Välj domän senare'.

Gå sedan vidare och ange din betalningsinformation för att slutföra köpet.

Du kommer att bli ombedd att ange din kontoinformation, inklusive din företags e-postadress, namn, land, telefonnummer och mer.

Bluehost kommer sedan att skicka dig instruktioner via e-post om hur du loggar in på värddashbordet.

När du har loggat in, gå till fliken 'Webbplatser'. Du kommer att se att Bluehost har installerat en ny WordPress-webbplats åt dig.

Klicka helt enkelt på knappen 'Redigera webbplats' för att komma åt din WordPress admininstrumentpanel.

Så här kommer det att se ut:

Steg 2: Anslut WordPress till din Shopify-butik

Nu är nästa steg att ansluta din WordPress-webbplats till din Shopify-butik.

För det behöver du ShopWP. Det är ett Shopify-plugin för WordPress som låter dig enkelt ansluta WordPress till ditt Shopify-konto.

Först måste du installera och aktivera ShopWP-pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering, besök sidan ShopWP Pro » Connect och klicka på knappen 'Starta anslutningsprocessen'.

Detta startar anslutningsguiden.

Du kommer att bli ombedd att ange ditt myshopify.com-domännamn här. Klicka sedan bara på knappen 'Anslut din Shopify-butik' för att fortsätta.

För att hitta din Shopify-domän måste du besöka din onlinebutiks instrumentpanel och växla till fliken 'Inställningar' från vänster kolumn.

Detta öppnar en ny sida på skärmen, där du kan se ditt domännamn under din butiks namn längst upp till vänster.

När du anger din domän i installationsguiden kommer du att tas till sidan 'Min butik', där ShopWP kommer att be om tillåtelse att se dina personliga data.

Klicka här bara på knappen 'Installera'.

Du kommer sedan att omdirigeras till din WordPress-instrumentpanel. Här visas meddelandet 'Ansluten' på skärmen om processen lyckades.

Klicka på knappen 'Fortsätt till nästa steg'.

Nu kommer du att bli ombedd att konfigurera olika inställningar för din butik, med början med de sidor du vill använda för dina Shopify-produkter.

Du kan aktivera listningssidor och sedan välja en WordPress-sida eller använda standardsidan ShopWP Products.

På samma sätt kan du aktivera samlingssidor och enskilda produktdetaljsidor.

I nästa steg kan du välja vad som händer när användare klickar på produkterna.

Till exempel kan du visa produkten i en modal eller omdirigera användare till Shopify eller WordPress produktdetaljsida.

Därefter kan du aktivera inställningen ‘Ladda kundvagn’. Detta gör det möjligt för kunder att lägga produkter i en kundvagn och slutföra köpet direkt på din WordPress-webbplats.

Om du lämnar den här inställningen avstängd skickas kunderna till din Shopify-butik för att slutföra sitt köp.

Slutligen, klicka på knappen ‘Spara och avsluta installationen’.

Du kommer nu att dirigeras till din WordPress-instrumentpanel. Härifrån går du till sidan ShopWP Pro » Synkronisering.

Väl där, klicka på knapparna 'Synkronisera detaljsidor' och 'Anslut autosynkronisering'. Detta gör att pluginet kan hämta produktinformation när du lägger till nya produkter i din Shopify-butik.

Du har nu framgångsrikt anslutit din Shopify-butik till WordPress.

Steg 3: Visa Shopify-produkter i WordPress

ShopWP låter dig enkelt visa dina Shopify-produkter var som helst på din WordPress-webbplats.

Om du använder standardinställningarna kommer pluginet att skapa en ShopWP Produktsida åt dig, som kommer att visa dina Shopify-produkter.

Du kan också visa produkter på vilket WordPress-inlägg eller sida som helst genom att helt enkelt redigera det och lägga till blocket Produkter.

För mer information kan du se vår guide om hur du använder WordPress blockredigerare.

Blocken levereras med en mängd inställningar som du kan konfigurera för att ändra utseendet på produkter.

Inställningarna inkluderar layout, färger, produktinformation som ska visas och mer. Du kan också ändra produktens prissättning, beskrivning, titel och bild härifrån.

På liknande sätt kan du också lägga till ett block för en enskild produkt för att visa en enskild produkt.

Du kommer att kunna hitta produkten du vill visa genom att skriva in produkttiteln i blockinställningarna.

Pluginet har kraftfulla visningsalternativ som du kan styra i blockpanelen eller på pluginets inställningssida.

Nu, om du använder gratisversionen av verktyget, är detta alla block som kommer att vara tillgängliga för dig. Vid uppgradering till proversionen kan du dock lägga till blocken för kundvagn, beskrivning, samling, titel och sökning på din sida.

Dessa block är mer lämpade för att skapa separata sidor för varje produkt där du vill lägga till en köpknapp, titel, beskrivning och bild med hjälp av olika block.

Du kan också använda blocket 'Samling' för att visa dina Shopify-produkter som ingår i en specifik grupp.

Om du vill skapa en huvudsaklig butikssida som visar alla dina produkter tillsammans i ett rutnät, då är blocket 'Produkter' det perfekta verktyget för jobbet.

När du är klar, glöm inte att klicka på knappen 'Uppdatera' eller 'Publicera' för att spara dina inställningar.

Steg 4: Anpassa din WordPress-webbplats

Nu när du har anslutit din Shopify-butik till din webbplats är nästa steg att anpassa din WordPress-webbplats ordentligt.

Först vill du välja ett visuellt tilltalande tema för din butik. Detta tema kommer att styra din webbplats övergripande design och layout.

Det finns tusentals premium- och gratis WordPress-teman att välja mellan. För att komma igång kan du titta på vår sammanställning av de mest populära WordPress-teman. Vi har också handplockat en lista över de bästa WordPress-teman för klädbutiker.

Du kan dock också designa ditt eget anpassade tema med SeedProd. Det är en dra-och-släpp-temabyggare som låter dig skapa ditt eget anpassade tema utan att skriva någon kod.

Därefter vill du skapa innehåll för din WordPress-webbplats.

Du kan använda sidor för att skapa din webbplatsstruktur genom att lägga till startsida, blogg, butik, kontakt och om-sidor. Se vår lista över viktiga sidor att skapa i WordPress.

Därefter kan du lägga till sidor i navigeringsmenyn i WordPress.

För mer information kan du se vår handledning om hur du anpassar ditt WordPress-tema.

Steg 5: Lägg till ett kontaktformulär på din WordPress-webbplats

När webbplatsanpassningen är klar är det en bra idé att lägga till ett kontaktformulär på din webbplats. Detta gör det möjligt för kunder att kontakta dig om de har frågor eller vill rapportera ett fel.

För detta rekommenderar vi WPForms. Det är den bästa WordPress-kontaktformulärplugin på marknaden som kommer med en dra-och-släpp-byggare, över 2000+ färdiga mallar och komplett spam-skydd.

Vi har använt det på WPBeginner för att skapa ett kontaktformulär och årliga undersökningar. För detaljer, se vår detaljerade WPForms-recension.

Efter aktivering, använd bara WPForms-mallen 'Enkelt kontaktformulär' och lägg sedan till den på valfri sida eller inlägg med WPForms-blocket.

För detaljer, se vår handledning om hur man skapar ett kontaktformulär i WordPress.

För att ge kunderna ytterligare ett sätt att komma i kontakt kan du även lägga till en företagstelefontjänst så att användare kan kontakta dig direkt via telefon.

För detta rekommenderar vi Nextiva, som är den bästa VoIP-telefontjänsten för småföretag. Dessutom har den andra funktioner som online-fax, livechatt, online-undersökningar, CRM, samtalsanalys och mer.

För detaljer, se vår handledning om hur man ställer in ett automatiskt telefonsystem för din webbplats.

Steg 6: Lägg till kundrecensioner i din webbutik

Visa sedan kundrecensioner i din webbutik för att bygga förtroende bland användarna och uppmuntra dem att göra ett köp.

Om du till exempel redan har recensioner på Yelp, Facebook eller Google, kan du lägga till dem på din webbplats med hjälp av pluginet Smash Balloon Reviews Feed Pro .

Det är det bästa WordPress-pluginet för kundrecensioner på marknaden som låter dig lägga till recensioner i en visuellt tilltalande layout.

För mer ingående instruktioner, se vår handledning om hur man visar Google-, Facebook- och Yelp-recensioner i WordPress.

Steg 7: Utöka din WordPress-webbplats och Shopify-butik

Det bästa med att använda WordPress är att det kommer med tusentals plugins och fungerar med alla marknadsföringsverktyg som du behöver för att växa din verksamhet.

Följande är några viktiga verktyg och plugins som du kanske vill installera direkt:

• OptinMonster – Den bästa programvaran för konverteringsoptimering, OptinMonster låter dig konvertera webbplatsbesökare till kunder. Den levereras med verktyg som klibbiga banderoller, nedräkningstimrar, lightbox-popups och mer.
• All in One SEO – den bästa WordPress SEO-pluginen på marknaden. Den låter dig enkelt optimera din webbplats för sökmotorer och få mer trafik till din webbplats.
• MonsterInsights – Vill du se var din trafik kommer ifrån? MonsterInsights hjälper dig att installera Google Analytics och enkelt ställa in förbättrad e-handelspårning.
• TrustPulse – Lägger till socialt bevis till din e-handelsbutik genom att visa riktade meddelanden till användare med realtidsanvändaråtgärder på din webbplats. TrustPulse fungerar med både WordPress och Shopify.
• PushEngage – Den bästa programvaran för webbpushnotiser som hjälper dig att ansluta till besökare efter att de har lämnat din webbplats via pushnotiser.

För fler rekommendationer, se vår lista över väsentliga WordPress-plugins för företagswebbplatser.

Vanliga frågor

Här är några frågor som våra läsare ofta ställer om integrationen av WordPress och Shopify:

Behöver jag betala för både Shopify och WordPress-hosting?

Ja, du behöver separata planer för båda plattformarna. Shopify är en helt hostad tjänst som kräver sitt eget abonnemang.

Du behöver också ett separat webbhotellskonto för din självhostade WordPress.org-webbplats.

Varför inte bara använda WooCommerce istället för den här metoden?

Medan WooCommerce är ett utmärkt e-handelsplugin för WordPress, föredrar vissa användare Shopifys specifika backend för att hantera betalningar, frakt och lager.

Denna integration ger det bästa av två världar. Du får Shopifys strömlinjeformade butikshantering och WordPress kraftfulla webbplatsbyggande funktioner.

Kan jag använda mitt befintliga domännamn?

Absolut. Du kan använda ditt huvudsakliga domännamn för WordPress-delen av din webbplats, vilket är vad besökare vanligtvis ser först.

Du kan sedan peka din Shopify-butik till en underdomän, som t.ex. shop.dindomän.com, för att skapa en sömlös upplevelse.

Kommer mina Shopify-produkter att synkroniseras automatiskt med WordPress?

Ja, ShopWP-pluginet är utformat för att automatiskt synkronisera dina produkter.

När du har slutfört installationen kommer alla ändringar eller nya produkter som läggs till i Shopify att visas på din WordPress-webbplats.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt integrerar Shopify med WordPress. Du kanske också vill se vår nybörjarguide om hur du korrekt flyttar från Shopify till WooCommerce (steg för steg) och våra toppval för bästa Shopify-alternativen.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.