Skip to main content

Charming Theme

DA
Custom Shopify homepage with hero tiles on desktop and mobile

Jonas driver KANTE, et direct-to-consumer-brand inden for herrepleje fra Berlin. Hans Shopify-butik havde gode produkter, ærlige priser og et premium-tema. Alligevel landede de fleste besøgende på forsiden, så ét stort banner og gik igen. ”Vores forside ligner en skabelon,” skrev han til os. ”Jeg vil have, at den sælger som vores bedste Instagram-annoncer.”

Her er historien om, hvordan vi gjorde forsiden til butikkens bedste sælger med tre skræddersyede Shopify-sektioner, uden nyt tema og uden en eneste ny app.

Om denne historie: KANTE er et fiktivt brand. Projektet samler rigtigt Shopify-arbejde, vi har leveret, med ændrede navne, produkter og detaljer. Sektionerne, problemerne og løsningerne er ægte.

Skræddersyet Shopify-forside med hero-fliser på computer og mobil
Den nye KANTE-forside på computer og mobil. (Illustration.)
KundeKANTE, herrepleje, Berlin (fiktiv)
ButikShopify, tysk butik, premium Online Store 2.0-tema
LeveretHero-fliser, spotlight-karrusel med læg-i-kurv, feature-slider
Nye appsIngen
Redigeres afKANTE-teamet, i tema-editoren
Vil du have sektioner som disse i din Shopify-butik?

Fortæl os, hvad du har brug for. Du får en fast pris, et preview-link før lancering og kode, du selv ejer.

Få et fast tilbudGratis og uforpligtende. Vi svarer som regel inden for én hverdag.

Problemet: en forside, der viser, men ikke sælger

Den gamle forside havde ét slideshow og et produktgitter. Pænt, men uden grund til at klikke videre: ingen klar kampagne, ingen genvej til sættene og ingen forklaring på, hvorfor en KANTE-trimmer er prisen værd. Tyske kunder sammenligner grundigt, før de køber, så det manglende ”hvorfor” kostede salg.

Sektion 1: hero-fliser, der giver alle besøgende en vej

Shopify-sektion med hero-fliser: stor kampagneflise og to linkfliser
Én stor kampagneflise plus to genveje til sæt og bestsellere. (Illustration.)

I stedet for ét banner har forsiden nu en stor kampagneflise med badge, stærk overskrift og knap, plus stablede fliser, der fører direkte til sæt og bestsellere. Besøgende, der ikke er interesserede i kampagnen, er stadig ét klik fra de mest solgte produkter.

Alt indstilles i tema-editoren: bredder, separate højder på computer og mobil, tekstplacering, overlay og farver. Sektionen bruger ingen JavaScript, så den vigtigste del af siden indlæses med det samme.

Sektion 2: en spotlight-karrusel, der forklarer og sælger

Shopify spotlight-karrusel med centreret slide og produktbjælke med læg-i-kurv
Hver slide forklarer én fordel og har sin egen købsknap. (Illustration.)

Karrusellen viser én teknisk fordel pr. slide (motor, hudkomfort, vandtæthed) med en produktbjælke og en læg-i-kurv-knap direkte på sliden. Den aktive slide er centreret, og naboerne kigger ind fra siderne, hvilket inviterer til at swipe på mobilen.

Den understøtter swipe, træk, piletaster, autoplay og loop og åbner temaets egen kurv-skuffe, så et køb føles præcis som på en produktside.

Shopify tema-editor med indstillinger for afstand mellem slides
Afstand, bredde og autoplay er helt almindelige indstillinger i editoren. (Illustration.)

Fejlen, som ethvert premium-tema kan give

Efter første installation var karrusellens overskrift usynlig i den live butik. Temaet tegner sektionsbaggrunde med et positioneret lag, der dækkede vores indhold, og Shopify leverede stadig et gammelt, cachet stylesheet. Vi løftede indholdet over laget, lagde den kritiske CSS inline og gav hver indstilling en sikker standardværdi. Sådanne detaljer viser sig kun i en rigtig butik; derfor tester vi altid på en kopi af dit live-tema.

Liquid-kode og skema for en skræddersyet Shopify-sektion
Ren Liquid med sikre standardværdier. (Illustration.)

Sektion 3: en feature-slider til tommelfingeren

På mobilen erstattede en swipebar række feature-kort med produktlinks en lang, statisk tekstblok. Hvert kort er en blok i editoren, så teamet tilføjer et kort til hver lancering på få sekunder.

Mobilvisning af hero-fliserne på Shopify-forsiden
På mobil stables fliserne med egen højde, så kampagnen ses uden at scrolle. (Illustration.)

Hvad KANTE fik, og hvad der måles

  • En forside med klar kampagne og ét-kliks-veje til sæt og bestsellere
  • Læg i kurv direkte fra forsiden
  • Tre sektioner, teamet genbruger til hver kampagne, uden månedlige gebyrer
  • Ren, hurtig kode i det eksisterende tema

Vi offentliggør ikke kunders konverteringstal. I stedet fastlægger vi klare målepunkter til sammenligning med sidste sæson: klik på hero-fliserne, læg-i-kurv fra karrusellen og andelen af ordrer med et sæt.

Kan en skræddersyet forside betale sig for din butik?

Hvis din forside får trafik, men få klik videre til produkterne, er skræddersyede sektioner som regel den hurtigste løsning. Du beholder dit tema, dine apps og dit checkout og får en forside bygget til, hvordan dine kunder handler.

En forside, der sælger

Hero-fliser, spotlight-karruseller, feature-slidere eller den sektion, dit tema mangler. Fast pris og preview før lancering.

Få et tilbudVi svarer som regel inden for én hverdag.

Ofte stillede spørgsmål

Hvor lang tid tager en skræddersyet forside-sektion?

En enkelt sektion tager typisk nogle få dage fra godkendt tilbud til preview. Et fuldt forside-sæt tager længere; den præcise tidsplan står i tilbuddet.

Virker det med mit tema?

Ja, med ethvert Online Store 2.0-tema. Vi matcher temaets skrifttyper, knapper og produktkort.

Kan jeg selv ændre indholdet senere?

Ja. Hver tekst, hvert billede, produkt, farve og afstand er en indstilling i tema-editoren.

Skal jeg bruge en app?

Nej. Alt er bygget ind i dit tema, uden månedlige gebyrer.

Del denne artikel