Dina produktbilder ser bra ut. Tills du ser dem tillsammans på en kategorisida. En har en grå skugga, en annan har en stökig bakgrund, en tredje är beskuren lite annorlunda – och plötsligt känns din butik… billigare än den är.
E-handelsansvariga känner av det här när de försöker skala upp listningar utan att anställa en bildredigerare. Butiksägare märker det när konverteringen dippar men inget “verkar” trasigt. Och marknadsförare fastnar med kalkylbladsjobb i stället för kampanjer. Den här automatiseringen för Sheets WooCommerce-bilder rensar upp bilder i bulk och uppdaterar dina listningar utan den oändliga fram-och-tillbaka-processen.
Nedan hittar du exakt arbetsflöde, vad det automatiserar och hur det förvandlar en rörig bildbacklogg till strukturerade, konsekventa produktlistningar du faktiskt kan lita på.
Så här fungerar automatiseringen
Hela n8n-flödet, från trigger till slutligt resultat:
n8n Workflow Template: Google Sheets + WooCommerce: rensade produktbilder
flowchart LR
subgraph sg0["Manual Launch Flow"]
direction LR
n0@{ icon: "mdi:play-circle", form: "rounded", label: "Manual Launch Trigger", pos: "b", h: 48 }
n1["<div style='background:#f5f5f5;padding:10px;border-radius:8px;display:inline-block;border:1px solid #e0e0e0'><img src='https://flowpast.com/wp-content/uploads/n8n-workflow-icons/httprequest.dark.svg' width='40' height='40' /></div><br/>Background Removal API"]
n2@{ icon: "mdi:cog", form: "rounded", label: "Upload via FTP", pos: "b", h: 48 }
n3@{ icon: "mdi:swap-vertical", form: "rounded", label: "Batch Iterate Items", pos: "b", h: 48 }
n4["<div style='background:#f5f5f5;padding:10px;border-radius:8px;display:inline-block;border:1px solid #e0e0e0'><img src='https://flowpast.com/wp-content/uploads/n8n-workflow-icons/code.svg' width='40' height='40' /></div><br/>Extract File Label"]
n5@{ icon: "mdi:swap-vertical", form: "rounded", label: "Compose New Image Link", pos: "b", h: 48 }
n6["<div style='background:#f5f5f5;padding:10px;border-radius:8px;display:inline-block;border:1px solid #e0e0e0'><img src='https://flowpast.com/wp-content/uploads/n8n-workflow-icons/wooCommerce.svg' width='40' height='40' /></div><br/>Modify WooCommerce Item"]
n7@{ icon: "mdi:swap-vertical", form: "rounded", label: "Map Product Fields", pos: "b", h: 48 }
n8@{ icon: "mdi:database", form: "rounded", label: "Retrieve Product Sheet", pos: "b", h: 48 }
n9@{ icon: "mdi:database", form: "rounded", label: "Update Tracking Sheet", pos: "b", h: 48 }
n2 --> n5
n8 --> n3
n4 --> n2
n9 --> n3
n5 --> n6
n6 --> n9
n3 --> n7
n7 --> n1
n1 --> n4
n0 --> n8
end
%% Styling
classDef trigger fill:#e8f5e9,stroke:#388e3c,stroke-width:2px
classDef ai fill:#e3f2fd,stroke:#1976d2,stroke-width:2px
classDef aiModel fill:#e8eaf6,stroke:#3f51b5,stroke-width:2px
classDef decision fill:#fff8e1,stroke:#f9a825,stroke-width:2px
classDef database fill:#fce4ec,stroke:#c2185b,stroke-width:2px
classDef api fill:#fff3e0,stroke:#e65100,stroke-width:2px
classDef code fill:#f3e5f5,stroke:#7b1fa2,stroke-width:2px
classDef disabled stroke-dasharray: 5 5,opacity: 0.5
class n0 trigger
class n8,n9 database
class n1 api
class n4 code
classDef customIcon fill:none,stroke:none
class n1,n4,n6 customIcon
Problemet: inkonsekventa produktbilder skalar inte
Bakgrundsborttagning låter som en “nice-to-have” tills du uppdaterar 50 produkter och inser att varje bild behöver hanteras på olika sätt. Du laddar ner bilden, öppnar en editor, tar bort bakgrunden, exporterar, laddar upp någonstans och klistrar sedan in den nya länken tillbaka i WooCommerce. Repetera. Och repetera. En enda avbrott och du tappar bort vad som är klart, vad som ligger live och vad som fortfarande har den gamla bilden. Det handlar inte bara om tid. Det är den mentala belastningen av att hålla allt korrekt samtidigt som butiken fortfarande måste rulla.
Det växer snabbt. Så här faller det isär i verkliga butiker.
- Du hamnar i att redigera om bilder eftersom filnamn och länkar glider iväg från det kalkylblad du började med.
- Att ladda upp och byta bilder en och en i WooCommerce går långsamt, och misstag är lätta när produkter ser lika ut.
- Team tappar förtroendet för katalogen eftersom det inte finns ett enda ställe där man ser vad som uppdaterats och vad som hoppats över.
- Bulkändringar skjuts upp, så butiken förblir visuellt inkonsekvent i veckor.
Lösningen: bakgrundsborttagning i bulk + automatiska Woo-uppdateringar
Det här arbetsflödet gör ett enkelt Google Sheet till din “kö för bildrensning”. Du listar varje produkts WooCommerce-ID och dess nuvarande bild-URL. När du kör arbetsflödet hämtar n8n bara raderna som inte är markerade som klara och bearbetar dem i batcher. Varje bild-URL skickas till BackgroundCut API för att ta bort bakgrunden, och sedan laddas den rensade bilden upp till din FTP-server med originalfilnamnet bevarat. Därifrån genererar arbetsflödet den nya hostade bild-URL:en, uppdaterar produkten i WooCommerce och skriver till sist tillbaka den nya URL:en i arket med en tydlig “DONE”-flagga. Du får renare listningar och tydlig spårning samtidigt.
Arbetsflödet startar med en manuell körning i n8n. Det hämtar raderna från arket, loopar igenom dem på ett säkert sätt och hanterar den stökiga mitten (API-bearbetning, filnamngivning, filuppladdning). I slutet är WooCommerce uppdaterat och ditt Google Sheet blir din revisionslogg.
Det du får: automatisering vs. resultat
| Vad det här arbetsflödet automatiserar | Resultat du får |
|---|---|
|
|
Exempel: så här ser det ut
Säg att du har 120 produkter med stökiga bakgrunder. Manuellt kan du lägga cirka 5 minuter per bild på att ladda ner, frilägga, exportera, ladda upp och byta URL i WooCommerce, vilket blir ungefär 10 timmar av monotont arbete. Med det här arbetsflödet klistrar du in 120 bild-URL:er i Google Sheets en gång, trycker på kör och låter det beta igenom batchen. Realistiskt lägger du cirka 20–30 minuter på att få arket rätt och kontrollera några produkter efter körningen. Resten är bara bearbetningstid i bakgrunden.
Det här behöver du
- n8n-instans (testa n8n Cloud gratis)
- Alternativ för egen hosting om du föredrar det (Hostinger fungerar bra)
- Google Sheets för att lagra produkt-ID:n och bild-URL:er.
- WooCommerce för att uppdatera produktbilder via produkt-ID.
- BackgroundCut API-nyckel (hämta den från BackgroundCut.co-dashboarden)
Kunskapsnivå: Medel. Du kopplar konton, lägger till inloggningsuppgifter och klistrar in din FTP/CDN-bas-URL.
Vill du inte sätta upp detta själv? Prata med en automationsexpert (gratis 15-minuters konsultation).
Så fungerar det
Du startar det manuellt från n8n. Det är avsiktligt, eftersom bulkändringar av bilder är en typ av jobb du oftast vill köra när du är redo – inte varje gång en enskild rad ändras.
Google Sheets blir filter och kö. Arbetsflödet läser ditt ark, tar bara rader som saknar “DONE”-markering och grupperar dem i batcher så att du inte överbelastar WooCommerce eller bild-API:t.
Bilden rensas, namnges och hostas. n8n skickar bild-URL:en till BackgroundCut, tar emot den redigerade filen, plockar fram ett vettigt filnamn och laddar sedan upp resultatet till din FTP-server. Uppladdningssteget gör den rensade bilden stabil för WooCommerce (du kontrollerar hosting).
WooCommerce uppdateras och arket markeras. Produktens bild-URL byts i WooCommerce, och sedan skriver arbetsflödet tillbaka den nya URL:en i kalkylbladet och markerar raden som klar så att den inte bearbetas två gånger.
Du kan enkelt ändra lagringsplatsen för att använda ett annat CDN eller filhotell utifrån dina behov. Se hela implementationsguiden nedan för alternativ för anpassning.
Steg-för-steg-implementeringsguide
Steg 1: konfigurera den manuella triggern
Konfigurera den manuella triggern för att starta arbetsflödet vid behov medan ni verifierar dataflödet och stegen för bildbearbetning.
- Lägg till och behåll Manual Launch Trigger som den första noden i arbetsflödet.
- Säkerställ att Manual Launch Trigger är ansluten till Retrieve Product Sheet för att starta datahämtningen.
- Lämna alla parametrar på standardvärden eftersom den här noden inte kräver någon konfiguration.
Steg 2: anslut Google Sheets
Konfigurera arket som innehåller URL:er till produktbilder och sätt upp spårningsuppdateringen för bearbetade poster.
- Öppna Retrieve Product Sheet och ställ in Document till
1DxiZTvam_4oHHnZVBj_3K3pmWRld8T7l2v_DMuGsqssoch Sheet tillgid=0. - I Retrieve Product Sheet, behåll filtret med lookupColumn inställd på
DONEför att rikta in er på obearbetade rader. - Inloggningsuppgifter krävs: Anslut era googleSheetsOAuth2Api-inloggningsuppgifter i Retrieve Product Sheet.
- Öppna Update Tracking Sheet och ställ in Operation till
update, Document till1DxiZTvam_4oHHnZVBj_3K3pmWRld8T7l2v_DMuGsqssoch Sheet tillgid=0. - I Update Tracking Sheet ställer ni in kolumnvärden: DONE till
x, NEW IMAGE till{{ $('Compose New Image Link').item.json.image_url }}och row_number till{{ $('Map Product Fields').item.json.row_number }}. - Inloggningsuppgifter krävs: Anslut era googleSheetsOAuth2Api-inloggningsuppgifter i Update Tracking Sheet.
Steg 3: konfigurera batchbearbetning och bakgrundsborttagning
Bearbeta produkter i batchar och skicka varje bild till tjänsten för bakgrundsborttagning.
- Anslut Retrieve Product Sheet till Batch Iterate Items för att möjliggöra bearbetning rad för rad.
- Öppna Map Product Fields och bekräfta tilldelningar: image_url inställd på
{{ $json.IMAGE }}och product_id inställd på{{ $json.ID }}. - Säkerställ att Map Product Fields är ansluten till Background Removal API för bildbearbetning.
- I Background Removal API ställer ni in URL till
https://api.backgroundcut.co/v2/cut/och Method tillPOST. - Ställ in Content Type till
multipart-form-dataoch lägg till body-parametern image_file_url med värdet{{ $json.image_url }}. - Inloggningsuppgifter krävs: Anslut era httpHeaderAuth-inloggningsuppgifter i Background Removal API.
Steg 4: extrahera filnamn, ladda upp och bygg den nya bild-URL:en
Skapa ett rent filnamn, ladda upp den bearbetade bilden till FTP och generera en ny publik bild-URL.
- I Extract File Label behåller ni JavaScript-koden som tilldelar
fileNamefrån$json.image_urltill varje post. - Öppna Upload via FTP och ställ in Operation till
upload. - Ställ in Path till
=/test/{{ $json.fileName }}så att uppladdningen använder det extraherade filnamnet. - Inloggningsuppgifter krävs: Anslut era ftp-inloggningsuppgifter i Upload via FTP.
- I Compose New Image Link ställer ni in image_url till
=https://YOUR_FTP_URL/{{ $json.fileName }}.
https://YOUR_FTP_URL med er faktiska publika FTP-bas-URL, annars kommer WooCommerce att få en trasig bildlänk.Steg 5: konfigurera WooCommerce-uppdatering och spårningsloop
Uppdatera WooCommerce-produktbilden och skriv tillbaka bearbetningsstatusen till arket innan batchloopen fortsätter.
- I Modify WooCommerce Item ställer ni in Resource till
productoch Operation tillupdate. - Ställ in Product ID till
{{ $('Map Product Fields').item.json.ID }}. - Under Images ställer ni in src till
{{ $json.image_url }}för att använda filen som ligger på FTP. - Inloggningsuppgifter krävs: Anslut era wooCommerceApi-inloggningsuppgifter i Modify WooCommerce Item.
- Säkerställ att Modify WooCommerce Item är ansluten till Update Tracking Sheet, och att Update Tracking Sheet är ansluten tillbaka till Batch Iterate Items för att fortsätta bearbetningen.
Steg 6: testa och aktivera ert arbetsflöde
Kör ett manuellt test för att verifiera bakgrundsborttagning, FTP-uppladdning, WooCommerce-uppdatering och spårningsuppdateringar innan ni går live.
- Klicka på Execute Workflow på Manual Launch Trigger för att köra en testbatch.
- Verifiera att Background Removal API returnerar en bearbetad bild och att Upload via FTP skriver filen till katalogen
/test/. - Bekräfta att Modify WooCommerce Item uppdaterar produktbilden och att Update Tracking Sheet skriver
xi DONE samt den nya URL:en i NEW IMAGE. - När testet lyckas, växla arbetsflödet till Active för produktionsanvändning.
Vanliga fallgropar
- WooCommerce-inloggningar kan löpa ut eller kräva specifika behörigheter. Om saker slutar fungera, kontrollera först WooCommerce REST API-nycklarna i din WordPress-admin (och bekräfta att nyckeln fortfarande har läs/skriv-åtkomst).
- Om du använder Wait-noder eller extern rendering varierar bearbetningstiderna. Öka väntetiden om nedströms noder misslyckas på tomma svar.
- BackgroundCut-resultatet beror mycket på källbilden. Om originalen har låg upplösning eller är “stökiga”, justera API-inställningarna (eller byt leverantör) och testa på 5 produkter innan du kör 500.
Vanliga frågor
Cirka en timme om du redan har dina API-nycklar och WooCommerce-åtkomst redo.
Nej. Du klistrar in inloggningsuppgifter i n8n och mappar några fält från ditt Google Sheet till WooCommerce.
Ja. n8n har ett gratis alternativ för egen hosting och en gratis provperiod på n8n Cloud. Cloud-planer börjar på 20 USD/månad för högre volym. Du behöver också räkna med kostnader för BackgroundCut API (oftast en liten kostnad per bild beroende på din plan).
Två alternativ: n8n Cloud (hanterat, enklast att komma igång) eller egen hosting på en VPS. För egen hosting är Hostinger VPS prisvärt och hanterar n8n bra. Egen hosting ger dig obegränsade körningar men kräver grundläggande serveradministration.
Ja, men då byter du ut FTP-uppladdningssteget mot en uppladdning till Google Drive och ändrar sedan mappningen för “Compose New Image Link” så att den använder den Drive-hostade URL:en (eller din CDN-länk). Vanliga anpassningar är att byta leverantör för bakgrundsborttagning, uppdatera flera bilder per produkt och skriva tillbaka extra kolumner till Google Sheet för QA-anteckningar.
Oftast är det ett API-nyckelproblem i WooCommerce: nyckeln har raderats, tappat skrivbehörighet eller så har webbplatsens URL ändrats och n8n anropar fortfarande den gamla bas-URL:en. Det kan också blockeras av säkerhetsplugins eller basic auth-regler i din butik, särskilt i stagingmiljöer. Kontrollera inställningarna för WooCommerce REST API i WordPress och bekräfta sedan att noden “Update product” pekar på rätt butiks-URL. Om fel bara uppstår på stora batcher kan du slå i rate limits, så minska batchstorleken och kör igen.
Hundratals, utan problem.
Ofta, ja. Det här arbetsflödet kräver loopar, filhantering och ett pålitligt “markera som klart”-mönster, och n8n är helt enkelt bättre på den typen av bulkjobb utan krångliga workarounds. Du får också möjligheten att hosta själv, vilket spelar roll när du vill köra stora batcher utan att bevaka task-limits. Zapier eller Make kan fungera för små volymer, men bakgrundsborttagning plus filuppladdning plus Woo-uppdateringar är där de börjar kännas sköra. Prata med en automationsexpert om du vill ha hjälp att välja den enklaste vägen för din butik.
Korrekt formaterade produktbilder är en sådan där “liten” detalj som i tysthet lyfter hela butiken. Sätt upp detta en gång, kör det när du behöver och håll katalogen konsekvent utan att leva i en editor.
Kontakta oss
Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.