Kodexport - Webflow hjälp

På betalda Workspace-planer kan du exportera din sajts HTML, CSS, JavaScript och tillgångar för att säkerhetskopiera din kod, ge den till din klient eller vara värd för den var du vill — ingen attribution krävs.

Hur du exporterar din kod

1. Öppna din sajt i Webflow
2. Gå till Huvudmeny > Kodexport (klicka på "W"-logotypen i det övre vänstra hörnet för att öppna huvudmenyn), eller tryck på Shift + E
3. Klicka på Förbered ZIP
4. Ladda ner ZIP-filen

Hur du exporterar minifierad HTML

Att minifiera din HTML kan hjälpa till att förbättra sidladdningstider genom att ta bort blanksteg, kommentarer och andra kodelement som webbläsare inte behöver för att ladda sidan. För att exportera minifierad HTML:

1. Öppna din sajt i Webflow
2. Gå till Huvudmeny > Kodexport (klicka på "W"-logotypen i det övre vänstra hörnet), eller tryck på Shift + E
3. Tryck på Command + O (på Mac) eller Control + O (på Windows)
4. Markera kryssrutan Minifiera HTML som visas i exportfönstret
5. Klicka på Förbered ZIP
6. Ladda ner ZIP-filen

Vad dina exporterade filer innehåller

Den nedladdade ZIP-filen innehåller alla dina sidor, stilar, skript och bilder:

• En CSS-mapp med alla dina sidors stilar inkluderade i 3 .css-filer: - en CSS-fil (t.ex. your-site-name.css) som innehåller alla dina anpassade stilar - webflow.css som innehåller gemensamma grundstilar för Webflow-layoutkomponenter - normalize.css som gör att webbläsare renderar alla element mer konsekvent
• En JS-mapp med alla JavaScript-filer för din webbplats. Element och funktioner som formulär, navigeringsfält, reglage, flikar och interaktioner är beroende av dessa filer. Om du tar bort dessa filer kan sidan se korrekt ut, men den kommer inte att fungera som förväntat.
• En bildmapp med alla bilder som laddats upp i din webbplats tillgångspanel
• .html-filer för alla dina sidor (inklusive tomma samlingstemplatesidor)

Bra att veta

Om du vill se ett exempel på koden som Webflow exporterar, visa källkoden för hemsidan — den är helt byggd i Webflow!

Vad dina exporterade filer inte innehåller

Följande funktioner och innehåll ingår inte i exporterad kod och kommer inte att fungera som förväntat på exporterade webbplatser:

• CMS-innehåll och funktionalitet (inklusive samlingsobjekt och samlingslistor)
• Användarkontoinnehåll och funktionalitet (inklusive användare och åtkomstgrupper)
• E-handelsinnehåll och funktionalitet (inklusive produkter och kassa)
• Webbplats- och/eller sidolösenordsskydd
• Formulärbearbetning
• Befintliga formulärinlämningar (kan exporteras separat)
• reCAPTCHA-element inom formulär
• Webbplatssökning
• Lokaliserat innehåll (endast din webbplats primära lokals sidor, element och innehåll ingår)
• Kodkomponenter

FAQ och felsökningstips

Varför finns det ett "w-" prefix framför klassnamn?

Webflow lägger till komponent-specifika klasser med "w-" för att undvika konflikter med andra kodramverk.

Kan jag välja att exportera bara en del av min webbplats kod?

För närvarande kan du inte välja vad som exporteras. Varje exporterbar del av din webbplats kommer att inkluderas i varje export.

Kan jag redigera koden efter att jag exporterat den?

Du kan redigera koden efter export. Manuella ändringar i exporterade filer kan bryta vissa Webflow-komponenter.

Kan jag ta bort .html-tilläggen från URL:en på mina exporterade sidor?

Om du vill ta bort .html-tilläggen från dina exporterade sidor kan du göra det med en .htaccess-fil.

Behöver jag ge attribution till Webflow om jag hostar min webbplats externt?

Nej, du behöver inte ge attribution till Webflow eller behålla en Webflow-plan för att din exporterade webbplats ska fungera på din egen server.

Inkluderar den exporterade koden mitt CMS, medlemskap och e-handelsinnehåll?

Nej. CMS, användarkonton och e-handelsinnehåll (databaser) ingår inte i exporterad kod. Samlingslistor kommer att visa det tomma tillståndet.

Inkluderar den exporterade koden mina lokaliserade sidor, element och innehåll?

Nej. Lokaliserade sidor, element och innehåll ingår inte i exporterad kod. Exporterad kod inkluderar endast den primära lokaliteten.

Kommer lösenordsskyddade sidor fortfarande vara skyddade efter att jag exporterar min kod?

Nej. Lösenordsskyddade sidor på din webbplats kommer inte att vara skyddade efter kodexport. Din webbplats måste vara värd hos Webflow för att lösenordsskydd ska fungera som förväntat.

Kommer alla element att fungera på min webbplats om jag är värd för koden någon annanstans?

CMS, användarkonton, e-handelsinnehåll och funktionalitet samt lokaliserade sidor, element och innehåll ingår inte i exporterad kod. Dessa funktioner kräver hosting för att fungera som förväntat. Dessutom kommer webbplatssökning och formulär (inklusive filuppladdning och reCAPTCHA) inte att fungera på exporterade webbplatser för att följa GDPR.

Varför fungerar inte mina Lottie-animationer lokalt när jag exporterar min webbplats?

Av säkerhetsskäl kommer Lottie JSON-filer inte att laddas från ditt lokala filsystem, så Lottie-animationer kommer inte att visas när du laddar din webbplats lokalt — de behöver en webbserver för att fungera som förväntat.

Tillbaka till webflow hjälp