Webflow til Shopify: adskil design, CMS og handel

En Webflow-løsning er ofte både hjemmeside, indholdsunivers og webshop. Ved en flytning til Shopify skal de tre dele vurderes hver for sig: Produkterne kan eksporteres som CSV, CMS-indholdet skal have en ny struktur, og designet skal genskabes i et Shopify-tema.

Den første beslutning er, om hele sitet skal flyttes, eller om Shopify kun skal overtage handlen. Det valg påvirker drift, søgetrafik og hvem der vedligeholder hvad bagefter.

Produkter og varianter eksporteres som CSV

Webflow kan eksportere produkter, varianter og kategorier til CSV fra Designeren. Filen har kolonner til op til tre optioner, og variantbilleder ligger i en separat kolonne. Se Webflows vejledning til produkteksport. Ordrer har en særskilt CSV-eksport.

Shopify understøtter også op til tre optioner pr. produkt, så variantstrukturen kan som regel overføres. Kolonnerne skal dog omsættes til Shopifys skabelon, og billeder skal hentes, så Shopify har egne kopier. Kontrollér priser, kategorier og billeder efter en prøveimport.

En kodeeksport er ikke en butik

Webflows kodeeksport indeholder HTML, CSS, JavaScript og filer. CMS-indhold, Ecommerce, brugerkonti, formularbehandling, sitesøgning og oversatte sider kommer ikke med, og kodeeksport kræver et Workspace-abonnement. Se Webflows beskrivelse af kodeeksport.

Brug derfor designet som et dokumenteret udgangspunkt. Notér typografi, afstande og de interaktioner, der hjælper kunden, og byg dem i et Shopify-tema. En animation er mindre vigtig end en variantvælger, kunden kan bruge på en telefon.

CMS-samlinger kræver en målmodel

CMS-samlinger som artikler, brands og købsguides kan eksporteres som CSV, men relationerne mellem dem skal have en ny plads i Shopify. Et link mellem en artikel og et brand er ikke et standardfelt. Det løses typisk med metafelter eller metaobjekter og en kontrolleret import.

Gennemgå redaktørernes opgaver: Hvem opretter sider, hvilke felter udfyldes, og hvordan hænger siderne sammen? Test oprettelse og ændring, før designet godkendes.

Hele sitet eller en delt løsning

Flytter både indhold og handel til Shopify, samles driften ét sted. En delt løsning bevarer Webflow til indhold og bruger Shopify til handel. Det kræver en arkitektur for domæner, navigation, produktdata, analyse og kunderejse og to systemer, der skal vedligeholdes. Vurder det ud fra ansvar og omkostninger, ikke kun for at bevare designet. Se platformstrategi.

URL’er og lancering

Kortlæg statiske sider, CMS-adresser og produktadresser. En indholdsrig Webflow-side kan have vigtige links uden for produktkataloget. Lav redirects, og kontrollér interne links, metadata og sprogversioner. Shopify omdirigerer kun fra adresser, der ellers giver en fejlside. Se Shopifys vejledning til redirects.

Sådan gør du

1. Beslut, om Shopify skal overtage hele sitet eller kun handlen.
2. Eksportér produkter og CMS-samlinger som CSV, og hent billederne.
3. Design datamodellen for CMS-relationer i Shopify.
4. Byg de vigtigste sidetyper i temaet, og test på mobil.
5. Test køb, betaling, fragt og refundering.
6. Opret redirects, skift domænet, og følg fejl og trafik.

Jeg hjælper med platformstrategi og migrering, så butikken både virker for kunderne og kan vedligeholdes af teamet.