Sidedesigner

Med Sidedesigneren bygger du din egen sideoppsett ved å legge til, flytte og konfigurere innholdsblokker. Du kan lage unike oppsett for forsiden, kategorisider, produktsider, destinasjonssider, kassen og mange flere typer sider. Alt uten å måtte kode.

Hvor kan jeg finne Sidedesigner?

Du finner Sidedesigner under Konto " Nettbutikk " Sidedesigner i Shoporama-administrasjonen. Her kan du opprette nye sideoppsett eller redigere eksisterende.

Hvilke typer sider støtter Sidedesigner?

Sidedesigner støtter to grupper av sidetyper. Den første gruppen er dynamiske sider, der du kan velge om oppsettet skal gjelde for alle sider av typen eller bare for utvalgte sider:

• Kategori (inkludert forsiden). Oppsettet for alle kategorisidene og forsiden. Forsiden er den kategorien som er merket som forsidekategori, så hvis du vil ha en bestemt forsideoppsett, oppretter du et bestemt kategorioppsett som peker på den valgte kategorien.
• Produkt. Oppsettet for produktsidene.
• Landingsside. Oppsettet for destinasjonssider.
• Statisk side. Oppsettet for statiske sider, for eksempel Om oss og Vilkår og betingelser.
• Blogginnlegg. Oppsettet for blogginnlegg.

Den andre gruppen er faste sider, der det bare kan være én layout per butikk:

• Søkesiden
• Handlekurven
• Adressesiden (i kassen)
• Fraktside (i kassen)
• Autorisasjonssiden (i kassen)
• Betalingssiden
• Takk for bestillingen-siden
• Forhandler-siden
• Bestillingsside
• Retursenter
• Innloggingsside
• Brukerens bestillinger
• Brukerens ønskeliste

Hvis temaet ditt definerer egendefinerte tematagger (gjenbrukbare innholdsspor), kan du også opprette Sidedesigner-oppsett for dem. De vises i en egen gruppe når de opprettes.

Slik oppretter du et sideoppsett

1. Gå til Konto " Nettbutikk " Sidedesigner.
2. Klikk på Opprett ny.
3. Velg hvilken sidetype oppsettet skal gjelde for.
4. For dynamiske sidetyper (Kategori, Produkt, Landingsside, Statisk side, Blogginnlegg) kan du velge om oppsettet skal gjelde for alle sider av den aktuelle typen eller bare for spesifikke sider. For faste sider kan det bare være én layout per butikk.
5. Du kan eventuelt gi oppsettet et navn slik at du kan gjenkjenne det i listen.
6. Lagre og begynn å legge til blokker.

Slik bygger du forsiden

Forsiden er en vanlig kategori som er merket som en forsidekategori. Hvis du vil gi forsiden et spesielt utseende, kan du gjøre følgende:

1. Sørg for at du har en kategori som er merket som forsidekategori (gjøres på selve kategorien). Les mer i Sette opp forsiden.
2. Gå til Sidedesigner, og klikk på Opprett ny.
3. Velg sidetypen Kategori (inkludert forside).
4. Velg Spesifikke sider, og tilordne forsidens kategori.
5. Legg til blokkene som skal utgjøre forsiden, for eksempel en helteseksjon, en produktglidebryter, verdiforslag og en bloggliste.

Det spesifikke oppsettet brukes nå på forsiden, mens de andre kategoriene dine kjører på det generelle kategorioppsettet (eller temastandarden).

Tilgjengelige blokktyper

Hvilke blokktyper som er tilgjengelige, avhenger av temaet ditt. Her er de vanligste i Delaware, DelawareDK og Montana:

• Helt. Stor helteseksjon med overskrift, beskrivelse, knapp og bakgrunnsbilde.
• Banner. Bilder i karusell-/skyveformat.
• Tekst. Fri tekstblokk med overskrift og formatering.
• Tekst med bilde. To spalter med tekst på den ene siden og bilde på den andre.
• Tekst ito spalter. Tekst delt inn i to kolonner.
• Produktliste. Vis produkter fra en kategori, landingsside eller basert på popularitet/nyeste.
• Produktglidebryter. Produkter i karusellformat.
• Kategoriliste. Vis produktkategorier.
• Glidebryter forkategori. Kategorier i karusellformat.
• Bilderutenett. Rutenett med bilder med valgfrie lenker.
• Bloggliste. Vis de siste blogginnleggene.
• Trustpilot. Widget for Trustpilot-anmeldelser.
• Verdiforslag. Fremhev dine USP-er, for eksempel gratis frakt eller rask levering.
• Knapp. Oppfordring til handling-knapp med lenke.
• RenHTML for full kontroll over innholdet.

Hvis du bruker et annet tema, kan listen se annerledes ut. Klikk på Legg til blokk i et oppsett for å se hvilke blokker temaet ditt faktisk støtter.

Dra og slipp

Du kan enkelt endre rekkefølgen på blokkene dine ved å dra dem opp eller ned. Ta tak i blokkens topptekst og dra den til ønsket posisjon. Rekkefølgen lagres automatisk.

Du kan også skjule blokker for å få bedre oversikt hvis du har mange blokker på en side.

Konfigurasjon av blokker

Hver blokk har sine egne innstillinger avhengig av type. Typiske alternativer er blant annet

• Tekst og overskrifter. Skriv direkte i et tekstredigeringsprogram.
• Bilder. Last opp bilder direkte fra datamaskinen din.
• Bakgrunnsvideo. Last opp eller velg en MP4/WebM-video, for eksempel som bakgrunn i et heltebanner. Videoen spilles av automatisk, lydløst og i en loop på alle enheter.
• Produktvalg. Velg spesifikke produkter, kategorier eller landingssider.
• Lenker og knapper. Legg til nettadresser og knapptekster.
• Repeterbare elementer. Noen blokker (f.eks. bannere) lar deg legge til flere elementer i samme blokk.

Du kan gi hver blokk et egendefinert navn for å gjøre det enklere å holde oversikt over dem i oversikten.

Produktvelger i Delaware/DelawareDK

I Delaware og DelawareDK har flere av sidedesignerens seksjoner (Produktliste, Produktglidebryter og Produktfunksjon) et felt som heter Produktvelger. Dette feltet brukes til å angi hvilke produkter som skal vises i seksjonen.

Slik bruker du produktvelgeren

1. Først velger du en produkttype fra rullegardinmenyen, for eksempel "Etter kategorimerke", "Etter landingsside-tag" eller "Etter produktidentifikasjon".
2. Fyll deretter ut feltet Produktvelger med riktig verdi (se nedenfor).

Hvis du velger "Nyeste produkter", "Populære produkter" eller "Mest solgte produkter" som produkttype, trenger du ikke å fylle ut Product Selector-feltet. Produktene hentes automatisk.

Hva skal jeg skrive i feltet?

Det avhenger av den valgte produkttypen:

• Etter kategorimerke. Skriv inn kategorikoden. Du finner taggen ved å redigere kategorien i admin under feltet "Tag". Eksempel: sommertilbud
• Etter landingsside-tag. Skriv inn taggen for destinasjonssiden. Du finner taggen ved å redigere landingssiden i admin. Eksempel: nyheter
• Etterprodukt-ID-er. Skriv inn produkt-ID-ene atskilt med komma. Du finner et produkts ID i produktlisten eller i URL-adressen når du redigerer produktet. Eksempel: 123,456,789

Generelle vs. spesifikke oppsett

For dynamiske sidetyper finnes det to måter å bruke Sidedesigner på:

• Generelt oppsett. Gjelder for alle sider av en gitt type. For eksempel ett oppsett for alle kategorisider.
• Spesifikt oppsett. Gjelder bare for utvalgte sider. For eksempel et spesifikt oppsett for en bestemt destinasjonsside eller for forsidens kategori.

Spesifikke oppsett har forrang. Hvis et produkt har sitt eget oppsett, brukes det i stedet for det generelle produktsideoppsettet.

Smartere felt i Montana-temaet

Montana-temaet bruker de nyeste felttypene i Page Designer, som gjør det enklere å velge innhold:

• Produktsøk. Søk og velg flere produkter samtidig. De vises som tagger som du enkelt kan legge til og fjerne.
• Kategorisøk. Velg kategorier og vis automatisk produkter derfra.
• Søk etterdestinasjonssider. Velg destinasjonssider og få opp produktene deres.
• Smart lenkefelt. Søk på tvers av produkter, kategorier, destinasjonssider, statiske sider og blogginnlegg. Hvert resultat er merket med et fargekodet merke.
• Videofelt. Last opp eller velg en bakgrunnsvideo direkte i seksjonen, f.eks. til heltebanneret. Støtter MP4 og WebM, og bruker et bilde i samme seksjon som oppføringene.

I Montanas produktliste og produktglidebryter kan du kombinere produkter fra flere kilder (håndplukkede produkter, kategorier og landingssider). Systemet fjerner automatisk duplikater.

Les mer i blogginnlegget vårt: Smartere felttyper i Page Designer.

Delte blokker: blokker over og under innholdet

Hvis temaet ditt støtter delte blokker, kan du plassere blokker i to soner: over og under hovedinnholdet på siden. Dette gir deg mer fleksibilitet i oppsettet. Du kan for eksempel ha et heltebanner over produktlisten og anbefalinger under.

Når delte blokker er aktive, viser Sidedesigner to separate lister med en visuell markør for "Hovedsideinnhold" imellom. Du kan dra blokker fritt mellom de to sonene.

Forhåndsvisningslenke: Del utkast med kolleger og kunder

Når du jobber med en ny versjon av et sideoppsett, kan det hende du har behov for å vise resultatet til en kollega eller kunde før du går live. Dette kan du gjøre med forhåndsvisningslenken: en delbar lenke som viser oppsettet ditt i nettbutikken, selv om det er frakoblet.

Slik fungerer det:

1. Finn oppsettet i sidedesignerens oversikt, eller åpne det for redigering.
2. Klikk på øyeikonet i listen eller på forhåndsvisningsknappen øverst i redigeringsvisningen. Koblingen åpner butikken i en ny fane med innstillingene dine aktivert.
3. Hvis du vil dele lenken med en kollega eller kunde, kan du kopiere den fra adressefeltet eller bruke Innstillinger-fanen, der den vises som et felt du enkelt kan kopiere.

Forhåndsvisningslenker indekseres ikke av Google eller andre søkemotorer, så du kan trygt dele dem uten at de dukker opp i søkeresultatene.

Hvis en lenke må trekkes tilbake, for eksempel fordi den har blitt delt med noen som ikke lenger skal ha tilgang til den, kan du klikke på Ny lenke ved siden av URL-feltet. Den gamle lenken slutter å fungere umiddelbart, og en ny genereres.

Ofte stilte spørsmål

Kan jeg opprette en egen layout for forsiden?

Ja, det kan du. Forsiden er den kategorien som er merket som forsidekategori. Opprett et Sidedesigner-oppsett av typen Kategori, velg "spesifikke sider" og tilordne forsidens kategori. Da brukes dette oppsettet bare på forsiden, mens det generelle kategorioppsettet brukes på alle andre kategorisider.

Finnes det en 404-side i Sidedesigner?

Nei. 404-siden er ikke en sidetype som støttes i Sidedesigner. Den styres via temaet ditt. Hvis du vil endre utseendet på 404-siden, må du justere temamalene eller spørre temautvikleren din.

Hvilke blokker kan jeg velge mellom?

Det avhenger av temaet ditt. Delaware, DelawareDK og Montana har Hero, Banner, Tekst, Tekst med bilde, Produktliste, Produktglidebryter, Kategoriliste, Bilderutenett, Bloggliste, Trustpilot, Verdiforslag, Knapp og en HTML-blokk med fri kode. Klikk på Legg til blokk i et oppsett for å se hele listen som gjelder for temaet ditt.

Ser Sidedesigner-sidene mine bra ut på mobil?

Ja, det gjør de. Standardblokkene i Delaware, DelawareDK og Montana er fullt responsive og tilpasser seg automatisk til mobilskjermer. Heltebilder skaleres ned, kolonner stables under hverandre, og produktglidebrytere blir til sveipbare karuseller. Bruk komprimerte bilder slik at nettstedet også er raskt på mobildata.

Hvor mange spesifikke oppsett kan jeg ha?

Det finnes ingen øvre grense. Du kan opprette så mange spesifikke oppsett du vil. Hvert oppsett kan knyttes til ett eller flere spesifikke produkter, kategorier, destinasjonssider, statiske sider eller blogginnlegg.

Påvirker mange Sidedesigner-blokker sidehastigheten?

Sidedesignerens utdata bufres, så selve gjengivelsen er rask. Det som vanligvis påvirker hastigheten, er antallet bilder og videoer på siden. Bruk komprimerte bilder og lazy loading der det er mulig.

Kan jeg flytte en blokk mellom to oppsett?

Nei, blokker er knyttet til oppsettet de er opprettet i. Du kan imidlertid duplisere en blokk i samme oppsett og kopiere innholdet manuelt til et annet oppsett.

Kan jeg se hvordan siden ser ut mens jeg redigerer?

Ja, det kan du. Du kan klikke på Forhåndsvisning-knappen øverst i redigeringsvisningen, så åpnes en forhåndsvisningslenke til butikken i en ny fane. Sidedesigneren lagrer endringene automatisk, så du trenger bare å oppdatere forhåndsvisningsfanen etter hver endring for å se resultatet. Selv om oppsettet er offline, kan du se det via forhåndsvisningslenken - og du kan dele lenken med kolleger eller kunder.

Kan jeg designe kassen med Page Designer?

Ja, det kan du. Hvert trinn i kassen (adressesiden, fraktsiden, godkjenningssiden, betalingssiden og takkesiden) er en fast sidetype der du kan legge til Trustpilot-widgeter, verdiforslag, infobokser og en HTML-blokk med ekstra sikkerhetssignaler. Selve kassefeltene styres imidlertid av temaet, ikke blokkene.

Hva er forskjellen mellom en "dynamisk" og en "fast" sidetype?

Dynamiske sidetyper (kategori, produkt, destinasjonsside, statisk side, blogginnlegg) er mange, slik at du kan ha både et generelt oppsett og flere spesifikke. Faste sider (handlekurv, kassetrinn, ordreside, innlogging osv.) er bare én per butikk, så de kan bare ha én layout.

Hvis du har spørsmål om Page Designer, er du velkommen til å kontakte oss på support@shoporama.dk.