Att skriva sju slides som faktiskt hänger ihop och sedan göra dem till varumärkesanpassade bilder är den sortens ”snabba uppgift” som i tysthet stjäl hela eftermiddagen. Det värsta är alla kontextbyten: skriva utkast, redigera, formatera, designa, exportera, döpa om, ladda upp. Om och om igen.
Den här Grok-karusellautomationen träffar marknadsförare som publicerar ofta, men byråägare och solokreatörer känner av det lika mycket. Du vill ha konsekventa karuseller utan det ständiga ”var sparade jag slide 4?”-kaoset. Resultatet är enkelt: ett färdigt 7-slide-set med numrerade PNG:er i Google Drive.
Nedan ser du hur flödet gör om ett tema och en CTA till en polerad karusell, hur lång tid det tar i praktiken och vad du kan justera för att matcha din tonalitet.
Så fungerar automationen
Se hur detta löser problemet:
n8n Workflow Template: Grok till Google Drive: karuseller klara att posta
flowchart LR
subgraph sg0["Manual Execution Start Flow"]
direction LR
n0["<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/webhook.dark.svg' width='40' height='40' /></div><br/>Incoming Webhook Trigger"]
n1@{ icon: "mdi:play-circle", form: "rounded", label: "Manual Execution Start", pos: "b", h: 48 }
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/code.svg' width='40' height='40' /></div><br/>Sample Parameter Builder"]
n3@{ icon: "mdi:swap-vertical", form: "rounded", label: "Capture Theme & CTA", pos: "b", h: 48 }
n4@{ icon: "mdi:robot", form: "rounded", label: "AI Content Agent", pos: "b", h: 48 }
n5@{ icon: "mdi:brain", form: "rounded", label: "Grok Chat Engine", pos: "b", h: 48 }
n6@{ icon: "mdi:robot", form: "rounded", label: "Parse Structured Output", pos: "b", h: 48 }
n7["<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/>Style Config Script"]
n8@{ icon: "mdi:cog", form: "rounded", label: "Download Background Asset", pos: "b", h: 48 }
n9@{ icon: "mdi:swap-vertical", form: "rounded", label: "Compile Slides & Settings", pos: "b", h: 48 }
n10@{ icon: "mdi:swap-vertical", form: "rounded", label: "Distribute Slide Items", pos: "b", h: 48 }
n11@{ icon: "mdi:swap-vertical", form: "rounded", label: "Batch Iterator", pos: "b", h: 48 }
n12["<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/webhook.dark.svg' width='40' height='40' /></div><br/>Return Webhook Result"]
n13@{ icon: "mdi:cog", form: "rounded", label: "Title Text Overlay", pos: "b", h: 48 }
n14@{ icon: "mdi:cog", form: "rounded", label: "Description Text Overlay", pos: "b", h: 48 }
n15@{ icon: "mdi:cog", form: "rounded", label: "Upload Image Asset", pos: "b", h: 48 }
n0 --> n3
n4 --> n7
n10 --> n11
n2 --> n3
n15 --> n11
n8 --> n9
n13 --> n14
n11 --> n12
n11 --> n13
n7 --> n8
n5 -.-> n4
n14 --> n15
n3 --> n4
n6 -.-> n4
n9 --> n10
n1 --> n2
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 n1 trigger
class n4,n6 ai
class n5 aiModel
class n0,n12 api
class n2,n7 code
classDef customIcon fill:none,stroke:none
class n0,n2,n7,n12 customIcon
Utmaningen: att göra karusellidéer till färdiga slides
Du kan oftast komma på ett vettigt tema och en CTA ganska snabbt. Tidsstölderna är allt som kommer efter: att skriva sju tydliga slides som inte upprepar varandra, hålla hooken skarp och få tempot att kännas ”viralt” utan att låta som en mall. Sedan öppnar du ett designverktyg, klistrar in text i rutor, flyttar runt saker, exporterar sju bilder, döper om dem och laddar till sist upp dem någonstans där teamet hittar dem. En liten ändring (ton, teckenstorlek, radavstånd) kan starta hela loopen på nytt.
Det drar iväg snabbt. Här är var det faller isär.
- Slide-skrivandet drar ut på tiden eftersom du försöker vara både vass och konsekvent samtidigt.
- Designarbetet blir repetitivt ”linjeringsjobb”, särskilt när varje karusell använder samma bakgrundsstil.
- Exporterna får röriga filnamn, så publiceringen blir en skattjakt i Slack eller Drive.
- När du har mycket att göra skippar du karuseller helt, eftersom produktionsprocessen känns för tung.
Lösningen: generera 7 varumärkesanpassade slides och spara dem i Drive
Det här n8n-flödet börjar med en enkel input: ett tema och en call-to-action. Därifrån använder det xAI Grok (via en AI Agent) för att skriva en karusell i ”viral stil” som strukturerad output, så att varje slide får en titel och en beskrivning som är tänkt att få folk att fortsätta svepa. Därefter hämtar det din valda bakgrundsmall från Google Drive och applicerar dina stilinställningar (teckenstorlek, färg, placering) så att designen håller sig konsekvent. Sedan loopar det igenom alla sju slides, lägger titeln som textoverlay, lägger beskrivningen som textoverlay och exporterar varje slide som en numrerad PNG. Till sist laddar det upp alla sju bilder till en Google Drive-mapp du väljer, redo för dig eller ditt team att publicera.
Flödet startar via webhook eller manuell körning. Grok genererar copy, n8n bygger bilderna ovanpå din bakgrund och Google Drive tar emot den färdiga uppsättningen som 1.png till 7.png. Inget letande. Inga omexporter.
Vad som förändras: före vs. efter
| Det här eliminerar du | Effekten du märker |
|---|---|
|
|
Effekt i verkligheten
Säg att du publicerar tre karuseller i veckan. Manuellt ser en typisk vända ut som ungefär 40 minuter skrivande (sju slides tar längre tid än du tror), plus cirka 30 minuter design och export, och sedan ytterligare 10 minuter för att döpa om och ladda upp. Räkna med runt 80 minuter per karusell, alltså ungefär 4 timmar i veckan. Med det här flödet lägger du kanske 5 minuter på tema och CTA, och väntar sedan på generering och uppladdningar. Under tiden kan du göra riktigt arbete medan Drive fylls med publiceringsklara slides.
Krav
- n8n-instans (testa n8n Cloud gratis)
- Alternativ för self-hosting om du föredrar det (Hostinger fungerar bra)
- xAI Grok för att generera strukturerad karusell-copy
- Google Drive för att hämta bakgrunden och lagra slides
- xAI API-nyckel (hämta den i din xAI developer dashboard)
Svårighetsgrad: Nybörjare. Du kopplar konton, klistrar in en API-nyckel och byter ett Drive File ID samt en mapp.
Behöver du hjälp att implementera detta? Prata med en automationsexpert (gratis 15-minuters konsultation).
Flödet i workflowet
Ett tema och en CTA startar allt. Du kan köra det manuellt för test, eller skicka input via en webhook när du vill generera en ny karusell vid begäran.
Grok skriver karusellen som strukturerat innehåll. AI Agent genererar sju slides med titel och beskrivning för varje, vilket gör nästa steg förutsägbara i stället för röriga textklumpar.
Din designmall hämtas från Google Drive. Flödet laddar ner en bakgrundsbild (din varumärkesanpassade tomma slide), applicerar stilinställningar och delar sedan upp de sju slidesen i enskilda objekt så att n8n kan processa dem en i taget.
Varje slide blir en bild och hamnar sedan tillbaka i Drive. Stegen Edit Image lägger titeltext och beskrivningstext ovanpå bakgrunden, exporterar en numrerad PNG och laddar upp den till Drive-mappen du har valt.
Du kan enkelt justera AI-personan så att den matchar din tonalitet utifrån dina behov. Se hela implementationsguiden nedan för anpassningsalternativ.
Steg-för-steg-guide för implementation
Steg 1: konfigurera webhook-triggern
Konfigurera den inkommande förfrågan som skickar in tema, CTA och smeknamn för att bygga karusellen.
- Lägg till och öppna Incoming Webhook Trigger.
- Ställ in HTTP Method på
POST. - Ställ in Path på
ai-carousel-generator. - Ställ in Response Mode på
responseNodeså att Return Webhook Result kan svara.
Steg 2: anslut Google Drive
Autentisera Google Drive för att ladda ned bakgrundsbilden och ladda upp genererade bilder.
- Öppna Download Background Asset och anslut autentiseringsuppgifter.
- Autentiseringsuppgifter krävs: anslut era googleDriveOAuth2Api-autentiseringsuppgifter.
- Öppna Upload Image Asset och anslut autentiseringsuppgifter.
- Autentiseringsuppgifter krävs: anslut era googleDriveOAuth2Api-autentiseringsuppgifter.
- Bekräfta att Upload Image Asset har Drive inställt på
My Driveoch Folder inställt på er utdatamapp (ersätt[YOUR_ID]i mappvalet).
[YOUR_ID]-platshållare i Google Drive-mapp- och fil-URL:er innan ni kör arbetsflödet.Steg 3: konfigurera AI-generering av innehåll
Konfigurera AI-agenten som genererar bildtitlar och beskrivningar, och säkerställ att Grok-modellen är ansluten.
- Öppna Capture Theme & CTA och verifiera att tilldelningarna mappar från webhook-body: theme =
{{ $json.body.theme }}, cta ={{ $json.body.cta }}, nickname ={{ $json.body.nickname }}. - Öppna AI Content Agent och bekräfta att Text är inställd på
The carousel theme is about: {{ $json.theme }} The Call to action (CTA): {{ $json.cta }}. - Öppna Grok Chat Engine och anslut autentiseringsuppgifter.
- Autentiseringsuppgifter krävs: anslut era xAiApi-autentiseringsuppgifter.
- Bekräfta att Parse Structured Output är kopplad till AI Content Agent som output-parser; lägg till autentiseringsuppgifter (om det krävs) på AI Content Agent, inte på parsern.
Steg 4: bygg styling och ladda ned bakgrunder
Bygg stylingkonfigurationen och hämta bakgrundsbilden från Google Drive.
- Öppna Style Config Script och verifiera JSON:en den returnerar, särskilt
paramsConfig,nicknameochbackgroundImage. - Ersätt
[YOUR_ID]ibackgroundImagemed det faktiska Google Drive-fil-ID:t. - Öppna Download Background Asset och bekräfta att Operation är inställd på
downloadoch att fil-ID:t använder{{ $json.body.backgroundImage }}. - Öppna Compile Slides & Settings och säkerställ att den mappar slides till
{{ $json.body.slides }}, paramsConfig till{{ $json.body.paramsConfig }}och nickname till{{ $json.body.nickname }}.
Steg 5: rendera bilder och ladda upp tillgångar
Dela upp bilderna i enskilda objekt, lägg text ovanpå och ladda upp varje genererad bild.
- Öppna Distribute Slide Items och ställ in Field to Split Out på
slides. - Ställ in Fields to Include på
paramsConfig,nickname,carouselFolder,isPremiumUser,bucketName. - Öppna Batch Iterator och lämna standardinställningarna, och säkerställ att den itererar över varje bild.
- I Title Text Overlay bekräftar ni text- och stylingbindningarna: Text
{{ $json.slides.title }}, Font Size{{ $json.paramsConfig.title.fontSize }}, Font Color{{ $json.paramsConfig.title.fontColor }}, Position X{{ $json.paramsConfig.title.positionX }}, Position Y{{ $json.paramsConfig.title.positionY }}, Line Length{{ $json.paramsConfig.title.maxLineLength }}. - I Description Text Overlay bekräftar ni: Text
{{ $json.slides.description }}, Font Size{{ $json.paramsConfig.description.fontSize }}, Font Color{{ $json.paramsConfig.description.fontColor }}, Position X{{ $json.paramsConfig.description.positionX }}, Position Y{{ $json.paramsConfig.description.positionY }}, Line Length{{ $json.paramsConfig.description.maxLineLength }}och File Name{{ $runIndex + 1 }}.png. - Öppna Upload Image Asset och bekräfta att Name är
{{ $binary.data.fileName }}.
Steg 6: returnera webhook-svaret
Returnera ett svar till anroparen efter att bearbetningen är klar.
- Öppna Return Webhook Result och behåll standardinställningarna för svaret.
- Bekräfta att flödet kopplar Batch Iterator till Return Webhook Result för det slutliga svaret.
Steg 7: testa och aktivera ert arbetsflöde
Kör ett manuellt test och aktivera sedan webhooken för produktion.
- Klicka på Manual Execution Start för att trigga Sample Parameter Builder och testa pipelinen.
- Verifiera att AI Content Agent producerar en
slides-array, att Download Background Asset laddar ned bilden och att Upload Image Asset skapar bildfiler i er Drive-mapp. - Skicka en POST-förfrågan till webhook-sökvägen
/ai-carousel-generatormed en JSON-body som matchartheme,ctaochnicknameför att bekräfta körning i verklig användning. - När det fungerar, slå om arbetsflödet till Active så att webhooken kan användas i produktion.
Se upp för
- Google Drive-inloggningen kan gå ut eller kräva specifika behörigheter. Om saker slutar fungera, kontrollera Google-kopplingen i n8n:s lista över Credentials och autentisera på nytt först.
- Om du använder Wait-noder eller extern rendering varierar bearbetningstiderna. Öka väntetiden om noder längre fram fallerar på tomma svar.
- Standardprompter i AI-noder är generiska. Lägg in din tonalitet tidigt, annars kommer du att redigera output för alltid.
Vanliga frågor
Cirka 30 minuter om dina konton är redo.
Ja. Du kopplar Google Drive, klistrar in din xAI-nyckel och uppdaterar ett fil-ID samt målmappen.
Ja. n8n har ett gratis self-hosted-alternativ och en gratis provperiod på n8n Cloud. Cloud-planer börjar på $20/månad för högre volym. Du behöver också räkna in kostnader för xAI API-användning för Grok-anrop.
Två alternativ: n8n Cloud (hanterat, enklast att komma igång) eller self-hosting på en VPS. För self-hosting är Hostinger VPS prisvärt och hanterar n8n bra. Self-hosting ger dig obegränsat antal körningar men kräver grundläggande serverhantering.
Du kan ändra röst och struktur i AI Agentens systemprompt och sedan justera typografi i stilkonfigurationen (teckenstorlek, färg och X/Y-positioner) så att det passar din bakgrundsmall. Om du vill ha andra output kan du byta Google Drive-steget ”Download Background Asset” så att det pekar på en ny mall, eller ändra uppladdningsmapp per kampanj. Vanliga justeringar är en kortare hook på slide 1, striktare CTA-formulering på slide 7 och andra avståndsregler för långa beskrivningar.
Oftast beror det på att OAuth-auktoriseringen har gått ut, eller att det anslutna Google-kontot inte längre har åtkomst till målfilen eller mappen. Återanslut Google Drive i n8n och bekräfta sedan att bakgrundens File ID fortfarande finns och att behörigheterna för uppladdningsmappen är korrekta. Om det bara fallerar ibland kan du också slå i API-gränser när du kör många genereringar direkt efter varandra.
Mer än nog för en vanlig innehållskalender: sju bilder per körning, så ofta du vill.
Ofta, ja, eftersom det här inte bara är ”flytta data från A till B”. Du genererar strukturerat innehåll, loopar över sju objekt och bygger bilder, vilket är den typen av flerstegsflöde som blir klumpigt (och dyrt) i enklare automationsverktyg. n8n ger dig dessutom möjlighet till self-hosting, så content ops med hög volym innebär inte automatiskt dyrare abonnemangsnivåer. Zapier eller Make kan fortfarande vara helt okej om du bara behöver ett tvåstegsflöde som ”ny rad i Sheets → skicka Slack-meddelande”. Om du är osäker, prata med en automationsexpert och mappa det mot din faktiska publiceringsprocess.
När detta väl är på plats blir ”skapa en karusell” en liten input, inte ett produktionsprojekt. Din Drive-mapp håller sig organiserad och din publiceringstakt blir mycket enklare att upprätthålla.
Kontakta oss
Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.