Mobil- og desktopversjon, slik lager du egne tilpassede versjoner.

I denne videoen viser jeg en enkel metode for å skape skreddersydde opplevelser for både mobil- og desktopbrukere. Ved hjelp av "Section Settings - Hide Section" kan lage egne varianter av en nettside om den besøkende kommer via mobil eller desktop

I denne videoen lærer du:
- Å skape skreddersydde opplevelser for både mobil- og desktopbrukere.
- Hvordan du enkelt tilpasser innhold og layout for mobil og desktop
- Hvordan du bruker "Section Settings - Hide Section"

Denne videoen er perfekt for:
- De som ønsker å forbedre brukeropplevelsen på tvers av enheter.

Det er helt avgjørende å tilpasse nettsiden din for både desktop og mobil fordi brukerne dine forventer en sømløs opplevelse, uansett hvilken enhet de bruker. Faktisk viser statistikk at rundt 7 av 10 besøkende surfer på nett via mobilen ‌6‌. Hvis nettsiden din ikke er mobilvennlig, risikerer du å miste potensielle kunder fordi de opplever dårlig navigasjon, uleselig tekst eller feilplasserte bilder. En mobiltilpasset nettside gir en profesjonell brukeropplevelse som kan øke konverteringer og bygge tillit til merkevaren din.

Fordeler med mobiltilpasning

1. Bedre brukeropplevelse:

   • En mobilvennlig nettside gjør det enkelt for besøkende å finne informasjon, navigere og gjennomføre handlinger som kjøp eller påmelding.

2. Høyere konverteringsrate:

   • Når brukerne enkelt kan navigere og handle på mobilen, øker sannsynligheten for at de fullfører kjøp eller registreringer.

3. SEO-fordeler:

   • Google prioriterer mobilvennlige nettsider i søkeresultatene, noe som kan gi deg bedre synlighet og mer organisk trafikk.

4. Profesjonelt inntrykk:

   • En nettside som ser bra ut på både mobil og desktop, signaliserer at du tar virksomheten din og kundene dine på alvor.

Hvordan løse dette med "Hide Section" i Kajabi

Kajabi har en genial funksjon som heter "Hide Section", som lar deg lage skreddersydde opplevelser for mobil og desktop. Slik fungerer det:

1. Lag separate seksjoner for mobil og desktop:

   • Når du bygger en side i Kajabi, kan du lage to versjoner av samme seksjon – én for mobil og én for desktop.
   • For eksempel kan du lage en seksjon med store bilder og mye tekst for desktop, og en enklere, mer kompakt versjon for mobil.

2. Bruk "Hide Section" for å skjule seksjoner:

   • Gå til seksjonsinnstillingene (Section Settings) i Kajabi.
   • Under Visibility, velg om seksjonen skal vises på Desktop Only eller Mobile Only.
   • Dette gjør at mobilbrukere kun ser den mobiloptimaliserte versjonen, mens desktopbrukere ser den mer detaljerte versjonen.

3. Test og juster:

   • Etter at du har satt opp seksjonene, test nettsiden din på både mobil og desktop for å sikre at alt ser bra ut og fungerer som det skal.

Eksempel

La oss si at du har en landingsside for et kurs. På desktop kan du bruke en bred bannerseksjon med et stort bilde og en lang beskrivelse. På mobil kan du lage en enklere versjon med en kortere tekst og et mindre bilde for å unngå unødvendig scrolling. Ved å bruke "Hide Section" kan du skjule desktopversjonen på mobil og vice versa, slik at brukerne alltid får en optimal opplevelse.

Tips for mobiltilpasning

• Hold det enkelt: Lange tekster og komplekse layouter fungerer dårlig på mobil. Kom raskt til poenget.
• Plasser Call-to-Action tidlig: Sørg for at viktige knapper som "Kjøp nå" eller "Meld deg på" er lett tilgjengelige uten mye scrolling.
• Optimaliser bilder: Bilder som ser bra ut på desktop, kan bli for store eller feilplassert på mobil. Juster størrelsen og plasseringen for hver enhet.