Sidbyggare

Med Page Builder kan du bygga och anpassa layouten på dina sidor genom att lägga till, flytta och konfigurera innehållsblock. Du kan skapa unika sidlayouter för förstasidor, kategorisidor, produktsidor, landningssidor och mycket mer - helt utan kodning.

Var hittar jag Page Builder?

Du hittar Page Builder under Design → Page Builder i din Shoporama-administration. Här kan du skapa nya siduppsättningar eller redigera befintliga.

Vilka sidor kan jag använda Page Builder på?

Page Builder kan användas på nästan alla typer av sidor i din webbutik:

• Framsida
• Sidor för kategorier
• Produktsidor
• Landningssidor
• Statiska sidor (t.ex. Om oss, Villkor och bestämmelser)
• Blogginlägg
• Sök-sida
• Shoppingkorg
• Kassasidor (adress, leverans, godkännande, betalning)
• Orderbekräftelse
• Kundsidor (inloggning, orderhistorik, önskelista)
• Returcenter
• 404-sida

Så här skapar du en siduppsättning

1. Gå till Design → Page Builder
2. Klicka på Skapa ny
3. Välj vilken sidtyp som inställningen ska gälla för (t.ex. "Hem" eller "Kategorisidor")
4. Ge eventuellt inställningen ett namn så att du kan känna igen den
5. För produktsidor, kategorisidor och liknande kan du välja om inställningen ska gälla för alla sidor av den typen eller bara för specifika sidor
6. Spara och börja lägga till block

Tillgängliga blocktyper

Vilka blocktyper som är tillgängliga beror på ditt tema. Här är de vanligaste:

• Hero - Stor hero-sektion med rubrik, beskrivning, knapp och bakgrundsbild
• Banner - Bilder i karusell-/liderformat
• Text - Fritextblock med rubrik och formatering
• Textmed bild - Tvåspaltig text med text på ena sidan och bild på den andra
• Tvåkolumnig text - Text uppdelad i två kolumner
• Produktlista - Visa produkter från en kategori, landningssida eller baserat på popularitet/nyaste
• Produktslider - Produkter i karusellformat
• Kategorilista - Visa produktkategorier
• Kategorislider - Kategorier i karusellformat
• Bildgalleri - Galler med bilder med valfria länkar
• Blogglista - Visa de senaste blogginläggen
• Trustpilot - Widget för Trustpilot-recensioner
• Värdeförslag - Lyft fram dina USP:er (t.ex. fri frakt, snabb leverans)
• Knapp - Call-to-action-knapp med länk
• HTML - Ren HTML för full kontroll över innehållet

Dra och släpp

Du kan enkelt ändra ordningen på dina block genom att dra dem uppåt eller nedåt. Ta tag i blockets rubrik och dra den till önskad position. Ordningen sparas automatiskt.

Du kan också kollapsa block för att få en bättre överblick om du har många block på en sida.

Konfiguration av block

Varje block har sina egna inställningar beroende på vilken typ det är. Typiska alternativ är bland annat:

• Text och rubriker - Skriv direkt i en textredigerare
• Bilder - Ladda upp bilder direkt från din dator
• Produktval - Välj specifika produkter, kategorier eller landningssidor
• Länkar och knappar - Lägg till webbadresser och knapptexter
• Upprepningsbara element - I vissa block (t.ex. banners) kan du lägga till flera element i samma block

Du kan ge varje block ett eget namn för att göra det lättare att hålla reda på dem i översikten.

Produktväljare - visa valda produkter (Delaware/DelawareDK)

I Delaware och DelawareDK har flera Page Builder-avsnitt (Product List, Product Slider och Product Feature) ett fält som heter Product Selector. Detta fält används för att ange vilka produkter som ska visas i avsnittet.

Så här använder du produktväljaren

1. Välj först en produkttyp i rullgardinsmenyn - t.ex. "Efter kategoritagg", "Efter landningssidetagg" eller "Efter produkt-ID"
2. Fyll sedan i fältet Product Selector med relevant värde (se nedan)

Om du väljer "Nyaste produkter", "Populära produkter" eller "Mest sålda produkter" som produkttyp behöver du inte fylla i fältet Product Selector - produkterna hämtas automatiskt.

Vad ska jag skriva i fältet?

Det beror på vilken produkttyp som valts:

• By Category Tag - Ange kategoritaggen. Du kan hitta taggen genom att redigera kategorin i admin under fältet "Tagg". Exempel: Sommarerbjudande
• By Landing Page Tag - Ange taggenför landningssidan. Du hittar taggen genom att redigera landningssidan i admin. Exempel: nyheter
• Efter produkt-ID - Skriv in produkt-ID:n åtskilda med kommatecken. Du kan hitta en produkts ID i produktlistan eller i URL:en när du redigerar produkten. Exempel: 123,456,789

Allmänna vs. specifika inställningar

Det finns två sätt att använda Page Builder:

• Allmän inställning - Gäller för alla sidor av en viss typ. Till exempel, en inställning för alla kategorisidor
• Specifik inställning - Gäller endast för utvalda sidor. Till exempel en specifik inställning för en specifik landningssida

Specifika inställningar har företräde. Om en produkt har en egen inställning används den i stället för den allmänna inställningen för produktsidan.

Om du har några frågor om Page Builder kan du kontakta oss på support@shoporama.dk.

Nya sidtyper

Page Builder stöder nu dessa ytterligare sidtyper:

• Retursida (/return) - framsidan för returcentret.
• Inloggningssida (/user-sign-in) - kundens inloggningssida.
• Mina beställningar (/user-orders) - kundens beställningsöversikt.
• Min önskel ista (/user-wishlist) - kundens önskelista.

Namnge dina komponenter

Du kan ge varje Page Builder-komponent ett eget namn för att göra det lättare att hitta dem i översikten. Klicka på komponentens titelfält och skriv in ett beskrivande namn (t.ex. "Hero banner front page" eller "Product grid bestsellers").

Alla moduler på alla sidtyper

Alla 18 Page Builder-moduler finns nu tillgängliga på alla 16 sidtyper i Delaware och DelawareDK. Du är inte längre begränsad till specifika moduler på specifika sidor.