Att lansera nya produkter borde inte innebära att jaga bildlänkar, dubbelkolla produkt-ID:n och ändå missa en galleriuppdatering i värsta möjliga ögonblick. Men det är precis vad som händer när ”kalkylarket är källan till sanningen” och WooCommerce uppdateras för hand.
Den här Sheets WooCommerce-automationen slår först mot e-handelsansvariga, och ärligt talat känner butiksägare och marknadsansvariga av den också. Du får virtuella provbilder som genereras automatiskt och sedan läggs in i rätt produktgalleri utan manuellt merjobb.
Nedan ser du hur arbetsflödet körs, vad det fixar och vad du behöver för att sätta upp det en gång och sedan återanvända vid varje lansering.
Så här fungerar automationen
Hela n8n-arbetsflödet, från trigger till slutresultat:
n8n Workflow Template: Google Sheets + WooCommerce: prova-på-bilder på autopilot
flowchart LR
subgraph sg0["When clicking ‘Test workflow’ Flow"]
direction LR
n0@{ icon: "mdi:play-circle", form: "rounded", label: "When clicking ‘Test workflow’", 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/>Get File image"]
n2["<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/>Get Url image"]
n3["<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/>Get status"]
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/wooCommerce.svg' width='40' height='40' /></div><br/>WooCommerce"]
n5@{ icon: "mdi:database", form: "rounded", label: "Google Sheets", pos: "b", h: 48 }
n6@{ icon: "mdi:cog", form: "rounded", label: "Wait 60 sec.", pos: "b", h: 48 }
n7@{ icon: "mdi:swap-horizontal", form: "rounded", label: "Completed?", pos: "b", h: 48 }
n8@{ icon: "mdi:cog", form: "rounded", label: "Upload Image", pos: "b", h: 48 }
n9@{ icon: "mdi:database", form: "rounded", label: "Update result", pos: "b", h: 48 }
n10@{ icon: "mdi:swap-vertical", form: "rounded", label: "Set data", pos: "b", h: 48 }
n11["<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/>Create Image"]
n12@{ icon: "mdi:swap-vertical", form: "rounded", label: "Loop Over Items", pos: "b", h: 48 }
n10 --> n11
n7 --> n2
n7 --> n6
n3 --> n7
n4 --> n12
n11 --> n6
n8 --> n9
n6 --> n3
n2 --> n1
n5 --> n12
n9 --> n4
n1 --> n8
n12 --> n10
n0 --> n5
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 n7 decision
class n5,n9 database
class n1,n2,n3,n11 api
classDef customIcon fill:none,stroke:none
class n1,n2,n3,n4,n11 customIcon
Problemet: provbilder skalar inte med manuella uppdateringar
Om du säljer kläder känner du redan till den här jobbiga kompromissen. Riktiga fotograferingar ser bra ut, men de är långsamma och dyra. AI-genererade provbilder går snabbare, men ”snabbt”-delen försvinner när arbetsflödet blir en röra av flikar: hämta en modellbildlänk, hämta en produktbildlänk, klistra in båda i ett AI-verktyg, vänta, ladda ner, ladda upp någonstans, uppdatera produktgalleriet och sedan uppdatera kalkylarket så att teamet slutar fråga ”är det klart än?”. Missar du ett produkt-ID eller väljer fel rad publicerar du fel bilder på fel produkt. Det är inte bara irriterande. Det kan rasera förtroendet.
Det bygger snabbt på. Och det skapar oftast fel på samma få ställen.
- Varje SKU blir en flerstegs copy/paste-rutin, vilket gör att lanseringar drar ut från timmar till dagar.
- Bildlänkar blandas ihop mellan rader, så rätt modell får på sig fel plagg.
- WooCommerce-gallerier uppdateras inte konsekvent, så kunder ser inaktuella eller ofullständiga bilder.
- Ingen kan se vad som är ”klart” eftersom kalkylarket inte uppdateras i samma stund som bilden är färdig.
Lösningen: generera provbilder från ett kalkylark och uppdatera sedan WooCommerce
Det här arbetsflödet gör Google Sheets till din kontrollcentral för produktion av provbilder. Du lägger till en rad med en URL till modellbilden, en URL till produktbilden och WooCommerce produkt-ID. Sedan plockar n8n upp alla rader som ännu saknar slutresultat, skickar bilderna till Fal.ai:s Nano Banana-modell och väntar på att AI-jobbet ska bli klart. När resultatet är redo laddar automationen ner den genererade bilden, laddar upp den till en Google Drive-mapp för strukturerad lagring, skriver tillbaka den slutliga bild-URL:en i samma rad i Google Sheets och uppdaterar motsvarande WooCommerce-produkt genom att lägga till bilden i dess galleri. En rad blir en färdig asset och en liveuppdatering av produkten.
Arbetsflödet startar med en manuell körning i n8n, vilket är praktiskt när du vill bearbeta en batch vid begäran. Därifrån loopar det igenom raderna i ditt kalkylark, genererar provbilden och använder en enkel statuskontroll för att vänta tills Fal.ai rapporterar ”COMPLETED”. Till sist skickar det output till Google Drive, uppdaterar kalkylarket och uppdaterar WooCommerce så att din butik visar det nya materialet direkt.
Det här får du: automation vs. resultat
| Vad det här arbetsflödet automatiserar | Resultatet du får |
|---|---|
|
|
Exempel: så här ser det ut i praktiken
Säg att du lanserar 40 nya toppar och vill ha en provbild per produkt. Manuellt är även en ”snabb” process (hämta länkar, generera, ladda ner, ladda upp, uppdatera WooCommerce, uppdatera arket) cirka 10 minuter per SKU, så du landar på ungefär 6–7 timmar repetitivt arbete. Med det här arbetsflödet lägger du cirka 30 minuter på att förbereda arket, sedan kör du batchen och låter den jobba i bakgrunden medan du gör annat. Du väntar fortfarande på AI-genereringstiden, men du behöver inte sitta vid tangentbordet.
Det här behöver du
- n8n-instans (testa n8n Cloud gratis)
- Alternativ för egen drift om du föredrar det (Hostinger fungerar bra)
- Google Sheets för att lagra input och följa upp resultat.
- WooCommerce för att uppdatera produktgallerier automatiskt.
- Fal.ai API-nyckel (hämtas i din fal.ai-dashboard).
Kunskapsnivå: Medel. Du kopplar konton, lägger till autentisering och mappar några fält (ingen kod, men du bör vara bekväm med att klicka runt i n8n).
Vill du inte sätta upp detta själv? Prata med en automationsexpert (gratis 15-minuters konsultation).
Så fungerar det
Google Sheets startar processen. Du kör arbetsflödet manuellt i n8n, och det läser arket efter rader där cellen ”IMAGE RESULT” är tom.
Datan struktureras och mappas. n8n hämtar URL till modellbilden, URL till produktbilden och WooCommerce produkt-ID från varje rad så att nästa steg blir konsekventa.
Fal.ai genererar provbilden. Arbetsflödet skickar en begäran för att skapa bilden, väntar cirka en minut och kontrollerar sedan status tills Fal.ai bekräftar att jobbet är klart. Om den inte är redo väntar det igen.
Resultat går till Drive och WooCommerce. När den är klar laddar n8n ner den genererade bilden, laddar upp den till Google Drive för lagring, skriver tillbaka den slutliga URL:en till Google Sheets och uppdaterar WooCommerce produktgalleri som hör till det produkt-ID:t.
Du kan enkelt ändra prompten och målmappen så att det matchar ditt varumärke och din asset-struktur. Se hela implementeringsguiden nedan för anpassningsalternativ.
Steg-för-steg-guide för implementering
Steg 1: Konfigurera den manuella triggern
Det här arbetsflödet startas manuellt så att ni kan testa den virtuella provningen vid behov.
- Lägg till och behåll noden Manual Start Trigger som startpunkt.
- Koppla Manual Start Trigger till Read Sheet Records.
Steg 2: Anslut Google Sheets
Hämta inmatningsrader som behöver en provbild och förbered dem för bearbetning.
- Öppna Read Sheet Records och välj ditt kalkylark i Document.
- Ställ in Sheet till
Foglio1(gid=0). - Under filter, behåll uppslagskolumnen IMAGE RESULT med uppslagsvärdet
=för att hämta rader som saknar resultat. - Credential Required: Anslut era googleSheetsOAuth2Api-uppgifter.
- Verifiera att Read Sheet Records skickar output till Batch Items Loop för bearbetning rad för rad.
Steg 3: Mappa indatafält och loopa objekt
Förbered modellens och produktbildens URL:er för try-on-API:et.
- Behåll Batch Items Loop efter Read Sheet Records för att bearbeta en rad i taget.
- I Map Input Fields, ställ in model till
{{ $json['IMAGE MODEL'] }}. - Ställ in shirt till
{{ $json['IMAGE PRODUCT'] }}. - Bekräfta att flödet är Batch Items Loop → Map Input Fields → Generate TryOn Image.
IMAGE MODEL och IMAGE PRODUCT, kommer API-förfrågan att skickas med tomma bild-URL:er.Steg 4: Sätt upp try-on-API-förfrågan och statusloop
Skicka bilderna till API:et, vänta på att det blir klart och polla förfrågningsstatus tills det är slutfört.
- I Generate TryOn Image, ställ in URL till
https://queue.fal.run/fal-ai/nano-banana/editoch Method tillPOST. - Ställ in JSON Body till
{ "prompt": "make a photo of the model wearing the submitted clothing item and creating the themed background", "image_urls": [ "{{ $json.model }}", "{{ $json.shirt }}" ] }. - Credential Required: Anslut era httpHeaderAuth-uppgifter i Generate TryOn Image, Check Request Status och Fetch Result URL.
- I Pause for Completion, behåll Amount inställt på
10sekunder. - I Check Request Status, ställ in URL till
https://queue.fal.run/fal-ai/nano-banana/requests/{{ $('Generate TryOn Image').item.json.request_id }}/status. - Konfigurera Status Completed? så att den kontrollerar att Left Value
{{ $json.status }}är lika medCOMPLETED. - Säkerställ att Status Completed? går till Fetch Result URL när den är true och tillbaka till Pause for Completion när den är false.
Steg 5: Ladda ner, lagra och uppdatera resultat
Hämta den slutliga bilden, lagra den i Drive, uppdatera arket och synka WooCommerce-produkten.
- I Fetch Result URL, ställ in URL till
https://queue.fal.run/fal-ai/nano-banana/requests/{{ $json.request_id }}. - I Download Result Image, ställ in URL till
{{ $json.images[0].url }}. - I Upload to Drive, ställ in Name till
{{ $now.format('yyyyLLddHHmmss') }}-{{ $json.images[0].file_name }}och välj er målmapp. - Credential Required: Anslut era googleDriveOAuth2Api-uppgifter i Upload to Drive.
- I Update Sheet Result, ställ in Row till
{{ $('Batch Items Loop').item.json.row_number }}och IMAGE RESULT till{{ $('Download Result Image').item.json.images[0].url }}. - Credential Required: Anslut era googleSheetsOAuth2Api-uppgifter i Update Sheet Result.
- I Update WooCommerce Product, ställ in Product ID till
{{ $('Batch Items Loop').item.json['PRODUCT ID'] }}och bildens src till{{ $('Download Result Image').item.json.images[0].url }}. - Credential Required: Anslut era wooCommerceApi-uppgifter i Update WooCommerce Product.
- Verifiera att loopen stängs med Update WooCommerce Product → Batch Items Loop för att bearbeta nästa rad.
Steg 6: Testa och aktivera ert arbetsflöde
Kör ett manuellt test för att bekräfta att arbetsflödet skapar, lagrar och publicerar provbilden korrekt.
- Klicka på Execute Workflow och trigga Manual Start Trigger.
- Bekräfta att Generate TryOn Image returnerar ett
request_idoch att Status Completed? till slut går vidare till Fetch Result URL. - Kontrollera att Upload to Drive sparar en fil med det tidsstämplade namnet och att Update Sheet Result skriver URL:en för
IMAGE RESULT. - Verifiera att Update WooCommerce Product uppdaterar produktbilden för angivet
PRODUCT ID. - När allt fungerar, slå på arbetsflödet till Active för användning i produktion.
Vanliga fallgropar
- Google Sheets-behörigheter kan vara knepiga med delade enheter. Om det skapar fel, kontrollera först n8n-inloggningen för Google Sheets och delningsinställningarna för kalkylarket.
- Om du använder Wait-noder eller extern rendering varierar bearbetningstider. Öka väntetiden om noder längre fram fallerar på tomma svar.
- WooCommerce REST API-nycklar kan fallera om nyckeln saknar skrivrättigheter eller om butikens URL är lite fel. Dubbelkolla autentiseringen i WooCommerce-noden och bekräfta att nyckeln har läs/skriv-åtkomst.
Vanliga frågor
Cirka en timme om ditt kalkylark och dina WooCommerce API-nycklar är klara.
Ingen kod krävs. Du kopplar Google Sheets, Fal.ai och WooCommerce och mappar sedan några fält, som bild-URL:er och produkt-ID:n.
Ja. n8n har ett gratisalternativ för egen drift 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 Fal.ai API-kostnader, som beror på hur många bilder du genererar.
Två alternativ: n8n Cloud (hanterad tjänst, enklast att komma igång) eller egen drift på en VPS. För egen drift är Hostinger VPS prisvärd och hanterar n8n bra. Egen drift ger obegränsat antal körningar men kräver grundläggande serveradministration.
Ja, och det bör du. Det enklaste stället är HTTP Request-noden ”Generate TryOn Image”, där prompten skickas till Fal.ai; där kan du lägga in varumärkeston, regler för ljussättning eller bakgrunder. Många team lägger till nya kolumner i kalkylarket (som ”STYLE” eller ”CAMPAIGN”) och mappar dem i ”Map Input Fields” så att varje rad styr prompten. Du kan också byta Google Drive-mapp i ”Upload to Drive” för att separera per säsong, kollektion eller kund.
Oftast är det ett API-nyckelproblem eller saknade skrivrättigheter. Skapa om WooCommerce Consumer Key/Secret, bekräfta att den är satt till läs/skriv och se till att butikens URL i WooCommerce-noden matchar din live-sajt (inklusive https). Om du använder Cloudflare eller ett säkerhetsplugin kan det också blockera REST-anrop, så kontrollera loggarna där också.
Några hundra produkter per batch är realistiskt, men begränsningen är oftast AI-genereringstiden och dina körningsgränser (eller serverstorlek om du kör själv).
Ofta ja, eftersom det här arbetsflödet bygger på loopar, väntelägen och polling tills ett asynkront AI-jobb är klart, och de mönstren blir lätt klumpiga (och dyra) i många no-code-verktyg. n8n gör det också enklare att uppdatera flera system i en körning utan att scenariot blir en skör kedja av zaps. En annan praktisk vinst: om du kör själv betalar du inte per litet delsteg. Zapier eller Make kan fortfarande vara bra för lätta 2-stegsuppgifter, men för provbildsgenerering plus filhantering plus WooCommerce-uppdateringar är n8n oftast det lugnare alternativet. Vill du ha en second opinion på din exakta setup? Prata med en automationsexpert.
När det här väl rullar blir kalkylarket din produktionslina och WooCommerce hålls automatiskt synkat. Det är mycket lanseringskaos som försvinner med en enda uppsättning.
Kontakta oss
Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.