Page Builder

Med Page Builder kan du opbygge og tilpasse layoutet på dine sider ved at tilføje, flytte og konfigurere indholdsblokke. Du kan skabe unikke sidelayouts til forsiden, kategorisider, produktsider, landingssider og mange flere — helt uden at skulle kode.

Hvor finder jeg Page Builder?

Du finder Page Builder under Design → Page Builder i din Shoporama-administration. Her kan du oprette nye sideopsætninger eller redigere eksisterende.

Hvilke sider kan jeg bruge Page Builder på?

Page Builder kan bruges på næsten alle sidetyper i din webshop:

• Forsiden
• Kategorisider
• Produktsider
• Landingssider
• Statiske sider (fx Om os, Handelsbetingelser)
• Blogindlæg
• Søgesiden
• Kurven
• Checkout-sider (adresse, levering, godkendelse, betaling)
• Ordrebekræftelse
• Kundesider (login, ordrehistorik, ønskeliste)
• Returcenter
• 404-side

Sådan opretter du en sideopsætning

1. Gå til Design → Page Builder
2. Klik Opret ny
3. Vælg hvilken sidetype opsætningen skal gælde for (fx "Forside" eller "Kategorisider")
4. Giv eventuelt opsætningen et navn, så du kan genkende den
5. For produktsider, kategorisider og lignende kan du vælge om opsætningen skal gælde for alle sider af den type, eller kun for specifikke sider
6. Gem, og begynd at tilføje blokke

Tilgængelige bloktyper

De tilgængelige bloktyper afhænger af dit tema. Her er de mest almindelige:

• Hero — Stor hero-sektion med overskrift, beskrivelse, knap og baggrundsbillede
• Banner — Billeder i karrusel/slider-format
• Tekst — Fritekstblok med overskrift og formatering
• Tekst med billede — To kolonner med tekst på den ene side og billede på den anden
• To-kolonne tekst — Tekst fordelt i to kolonner
• Produktliste — Vis produkter fra en kategori, landingsside eller baseret på popularitet/nyeste
• Produktslider — Produkter i karrusel-format
• Kategoriliste — Vis produktkategorier
• Kategorislider — Kategorier i karrusel-format
• Billedgrid — Gitter af billeder med valgfrie links
• Blogliste — Vis seneste blogindlæg
• Trustpilot — Trustpilot-anmeldelser widget
• Value propositions — Fremhæv dine USP'er (fx gratis fragt, hurtig levering)
• Knap — Call-to-action-knap med link
• HTML — Ren HTML for fuld kontrol over indholdet

Drag and drop

Du kan nemt ændre rækkefølgen af dine blokke ved at trække dem op eller ned. Grib fat i blokkens overskrift og træk den til den ønskede position. Rækkefølgen gemmes automatisk.

Du kan også klappe blokke sammen for at få et bedre overblik, hvis du har mange blokke på en side.

Konfiguration af blokke

Hver blok har sine egne indstillinger, afhængigt af typen. Typiske muligheder inkluderer:

• Tekst og overskrifter — Skriv direkte i en teksteditor
• Billeder — Upload billeder direkte fra din computer
• Produktvalg — Vælg specifikke produkter, kategorier eller landingssider
• Links og knapper — Tilføj URL'er og knaptekster
• Gentagelige elementer — Nogle blokke (fx bannere) tillader at du tilføjer flere elementer i samme blok

Du kan give hver blok et brugerdefineret navn, så det er nemmere at holde styr på dem i oversigten.

Product Selector — vis udvalgte produkter (Delaware/DelawareDK)

I Delaware og DelawareDK har flere Page Builder-sektioner (Produktliste, Produktslider og Produktfeature) et felt kaldet Product Selector. Dette felt bruges til at angive hvilke produkter der skal vises i sektionen.

Sådan bruger du Product Selector

1. Vælg først en Product Type i dropdown-menuen — fx "By Category Tag", "By Landing Page Tag" eller "By Product Ids"
2. Udfyld derefter Product Selector-feltet med den relevante værdi (se nedenfor)

Hvis du vælger "Newest Products", "Popular Products" eller "Most Sold Products" som Product Type, behøver du ikke udfylde Product Selector-feltet — produkterne hentes automatisk.

Hvad skal jeg skrive i feltet?

Det afhænger af den valgte Product Type:

• By Category Tag — Skriv kategoriens tag. Du finder tagget ved at redigere kategorien i admin under feltet "Tag". Eksempel: sommertilbud
• By Landing Page Tag — Skriv landingssidens tag. Du finder tagget ved at redigere landingssiden i admin. Eksempel: nyheder
• By Product Ids — Skriv produkt-ID'erne adskilt med komma. Du finder et produkts ID i produktlisten eller i URL'en når du redigerer produktet. Eksempel: 123,456,789

Generelle vs. specifikke opsætninger

Der er to måder at bruge Page Builder på:

• Generel opsætning — Gælder for alle sider af en given type. Fx én opsætning for alle kategorisider
• Specifik opsætning — Gælder kun for udvalgte sider. Fx en særlig opsætning for én bestemt landingsside

Specifikke opsætninger har forrang. Hvis et produkt har sin egen opsætning, bruges den i stedet for den generelle produktside-opsætning.

Har du spørgsmål til Page Builder, er du velkommen til at kontakte os på support@shoporama.dk.

Nye sidetyper

Page Builder understøtter nu disse ekstra sidetyper:

• Returside (/return) — returcenterets forside.
• Login-side (/user-sign-in) — kundens loginside.
• Mine ordrer (/user-orders) — kundens ordreoversigt.
• Min ønskeliste (/user-wishlist) — kundens ønskeliste.

Navngiv dine komponenter

Du kan give hver Page Builder-komponent et brugerdefineret navn, så det er lettere at identificere dem i oversigten. Klik på komponentens titelfelt og skriv et beskrivende navn (fx "Hero banner forside" eller "Produktgrid bestsellers").

Alle moduler på alle sidetyper

Alle 18 Page Builder-moduler er nu tilgængelige på alle 16 sidetyper i Delaware og DelawareDK. Du er ikke længere begrænset til bestemte moduler på bestemte sider.

Smartere felter i Montana-temaet

Montana-temaet bruger de nyeste Page Builder-felttyper, der gør det nemmere at vælge indhold:

• Produkt-søgning — Søg og vælg flere produkter med det samme. De vises som tags du nemt kan tilføje og fjerne
• Kategori-søgning — Vælg kategorier og vis automatisk produkter derfra
• Landingsside-søgning — Vælg landingssider og hent deres produkter
• Smart link-felt — Søg på tværs af produkter, kategorier, landingssider, statiske sider og blogindlæg. Hvert resultat er markeret med en farvekodet badge

I Montanas Produktliste og Produktslider kan du kombinere produkter fra flere kilder (håndplukkede produkter, kategorier og landingssider) — systemet fjerner automatisk dubletter.

Læs mere i vores blogindlæg: Smartere felttyper i Page Builder.

Split Blocks — blokke over og under indholdet

Hvis dit tema understøtter split blocks, kan du placere blokke i to zoner: over og under sidens hovedindhold. Det giver mere fleksibilitet i layoutet — du kan fx have en hero-banner over produktlisten og anbefalinger under.

Når split blocks er aktivt, viser Page Builder to separate lister med en visuel markering af "Sidens hovedindhold" imellem. Du kan trække blokke frit mellem de to zoner.