Sidebygger

Med Page Builder kan du bygge og tilpasse layouten på sidene dine ved å legge til, flytte og konfigurere innholdsblokker. Du kan lage unike sideoppsett for forsider, kategorisider, produktsider, destinasjonssider og mye mer - helt uten koding.

Hvor finner jeg Page Builder?

Du finner Page Builder under Design → Page Builder i Shoporama-administrasjonen. Her kan du opprette nye sideoppsett eller redigere eksisterende.

Hvilke sider kan jeg bruke Page Builder på?

Page Builder kan brukes på nesten alle typer sider i nettbutikken din:

• Forsiden
• Kategorisider
• Produktsider
• Landingssider
• Statiske sider (f.eks. Om oss, Vilkår og betingelser)
• Blogginnlegg
• Søkeside
• Handlekurv
• Kassesider (adresse, levering, autorisasjon, betaling)
• Ordrebekreftelse
• Kundesider (innlogging, ordrehistorikk, ønskeliste)
• Retursenter
• 404-side

Slik oppretter du et sideoppsett

1. Gå til Design → Sidebygger
2. Klikk på Opprett ny
3. Velg hvilken sidetype oppsettet skal gjelde for (f.eks. "Hjem" eller "Kategorisider")
4. Gi eventuelt oppsettet et navn slik at du kan gjenkjenne det
5. For produktsider, kategorisider og lignende kan du velge om oppsettet skal gjelde for alle sider av den aktuelle typen eller bare for bestemte sider
6. Lagre og begynn å legge til blokker

Tilgjengelige blokktyper

Hvilke blokktyper som er tilgjengelige, avhenger av temaet ditt. Her er de vanligste:

• Hero - Stor helteseksjon med overskrift, beskrivelse, knapp og bakgrunnsbilde
• Banner - Bilder i karusell-/skyveformat
• Tekst - Fritekstblokk med overskrift og formatering
• Tekst med bilde - To spalter med tekst på den ene siden og bilde på den andre
• Tekst ito kolonner - Tekst delt i to kolonner
• Produktliste - Vis produkter fra en kategori, landingsside eller basert på popularitet/nyeste
• Produktglidebryter - Produkter i karusellformat
• Kategoriliste - Vis produktkategorier
• Kategoriglidebryter - 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 (f.eks. gratis frakt, rask levering)
• Knapp - oppfordringsknapp med lenke
• HTML - ren HTML for full kontroll over innholdet

Dra og slipp

Du kan enkelt endre rekkefølgen på blokkene dine ved å dra dem opp eller ned. Ta tak i overskriften på blokken 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
• 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 - vis valgte produkter (Delaware/DelawareDK)

I Delaware og DelawareDK har flere Page Builder-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. Velg først en produkttype fra rullegardinmenyen - f.eks. "Etter kategorimerke", "Etter landingsside-tag" eller "Etter produktidentifikasjon".
2. Fyll deretter ut Product Selector-feltet med den relevante verdien (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 hvilken produkttype du har valgt:

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

Generelle vs. spesifikke oppsett

Det finnes to måter å bruke Sidebygger 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 én bestemt destinasjonsside

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

Hvis du har spørsmål om Page Builder, kan du kontakte oss på support@shoporama.dk.

Nye sidetyper

Page Builder støtter nå disse nye sidetypene:

• Retursiden (/return) - forsiden til retursenteret.
• Innloggingsside (/user-sign-in) - innloggingssiden for kunden.
• Mine bestillinger (/user-orders) - kundens bestillingsoversikt.
• Min ønskeliste (/user-wishlist) - kundens ønskeliste.

Gi navn til komponentene dine

Du kan gi hver komponent i Page Builder et eget navn for å gjøre det enklere å identifisere dem i oversikten. Klikk på komponentens tittelfelt og skriv inn et beskrivende navn (f.eks. "Hero banner forside" eller "Produktnett bestselgere").

Alle moduler på alle sidetyper

Alle de 18 modulene i Page Builder er nå tilgjengelige på alle de 16 sidetypene i Delaware og DelawareDK. Du er ikke lenger begrenset til bestemte moduler på bestemte sider.