Spring til indhold
DBR Plugins

DBR Case Builder — Guide

Kom godt i gang med Case Builder

DBR Case Builder er bygget til én ting: at dine udførte opgaver kommer på hjemmesiden mens du stadig står hos kunden. Du tager billederne på mobilen, udfylder et par felter — og casen er live. Ingen computer, ingen upload-besvær bagefter.

1. Installation

  1. Efter dit køb finder du plugin-filen under Min konto → Downloads — og din licensnøgle under Min konto → Mine licenser.
  2. Gå til Plugins → Tilføj nyt → Upload plugin, vælg zip-filen, klik Installér nu og Aktivér. Menupunktet Cases dukker op.
  3. Indsæt licensnøglen under Cases → Indstillinger (bruges til automatiske opdateringer — funktionerne er ikke låst).

2. Dit private mobil-link — VIGTIGT at forstå

Under Cases → Indstillinger finder du dit private mobil-link. Åbner du det på telefonen, får du “Ny case”-skærmen — uden login.

⚠ Linket ER nøglen: Alle, der kender linket, kan oprette cases på dit website. Behandl det som en nøgle til værkstedet:

  • Del det kun med dig selv og dine egne folk — aldrig i mails til kunder, på sociale medier eller lignende.
  • Mister du en telefon, eller stopper en medarbejder: klik “Generér nyt link” under Indstillinger. Det gamle link holder øjeblikkeligt op med at virke — husk så at opdatere genvejen på de øvrige telefoner.
  • Linket kan kun bruges til at oprette cases (maks. 10 billeder pr. case, kun billedfiler, begrænset antal pr. time). Det giver ikke adgang til noget andet på dit website.

3. Føj linket til telefonens hjemmeskærm

Så ligger “Case billeder” som en app på telefonen — med eget ikon, klar med ét tryk.

🍏 iPhone (Safari):

  1. Kopiér mobil-linket og send det til dig selv (fx sms eller mail).
  2. Åbn linket på telefonen — det skal være i Safari (åbner det i en anden browser: kopiér adressen over i Safari).
  3. Tryk på Del-knappen (firkanten med pil op) i bunden af skærmen.
  4. Scroll ned og vælg “Føj til hjemmeskærm”.
  5. Navnet “Case billeder” er udfyldt — tryk “Tilføj”.

🤖 Android (Chrome):

  1. Kopiér mobil-linket og send det til dig selv.
  2. Åbn linket på telefonen i Chrome.
  3. Tryk på menuen (de tre prikker ⋮) øverst til højre.
  4. Vælg “Føj til startskærm” (hedder på nogle telefoner “Installér app”).
  5. Tryk “Tilføj”.

4. Opret din første case fra mobilen

  1. Tryk på “Case billeder” på hjemmeskærmen.
  2. Tag eller vælg op til 10 billeder — de komprimeres automatisk på telefonen, så upload er hurtig selv på byggeplads-net.
  3. Skriv overskrift og en kort beskrivelse. Tilføj evt. kundens udtalelse og navn.
  4. Vælg kategori — eller opret en ny direkte i listen (“＋ Ny kategori”).
  5. Tryk 📍 for at udfylde lokationen med bynavnet automatisk (via GPS), eller skriv den selv.
  6. Tryk “Udgiv casen” — færdig! Vil du hellere godkende først, kan du sætte “Gem som kladde” under Indstillinger.

5. Vis dine cases på websitet

Indsæt shortcoden [dbr_cases] på en side (fx “Seneste projekter”). Vælg mellem 6 visninger under Indstillinger eller pr. side:

  • [dbr_cases layout="cards"] — klassiske kort i grid
  • [dbr_cases layout="overlay"] — tekst ovenpå billedet (magasin-look)
  • [dbr_cases layout="mosaic"] — billedvæg med varierende størrelser
  • [dbr_cases layout="list"] — billede + tekst side om side
  • [dbr_cases layout="spotlight"] — én stor + små
  • [dbr_cases layout="carousel"] — swipe-række

Ekstra muligheder: count="12" (antal), category="terrasse" (fast kategori), filter="no" (skjul filter-pillerne). Vælg siden som Oversigtsside under Indstillinger, så får hver case et “← Alle cases”-link.

Hver case har sin egen side med lightbox-galleri (klik på et billede og bladr med pile eller swipe), kundeudtalelse med “Verificeret kunde”-mærke — og structured data med lokation, så Google kan koble dit arbejde til dit område (lokal SEO).

Tilpas designet med CSS

Visningerne har faste CSS-klasser, så du kan finjustere udseendet fra dit temas stylesheet eller Customizer → Ekstra CSS:

  • .dbrcb-cases — hele visningen. Farver/afstande styres via CSS-variabler: --dbrcb-primary, --dbrcb-primary-light, --dbrcb-ink, --dbrcb-muted, --dbrcb-line, --dbrcb-radius og --dbrcb-gap.
  • .dbrcb-layout-cards, -overlay, -mosaic, -list, -spotlight, -carousel — styling pr. visning.
  • .dbrcb-card med .dbrcb-card-media, .dbrcb-card-label (kategori · lokation), .dbrcb-card-title, .dbrcb-card-excerpt, .dbrcb-card-quote, .dbrcb-card-arrow og .dbrcb-verified.
  • .dbrcb-filter / .dbrcb-filter-btn — kategori-pillerne.
  • Case-siden: .dbrcb-back, .dbrcb-single-meta, .dbrcb-single-gallery, .dbrcb-single-testimonial og .dbrcb-lightbox.

Eksempel — egen accentfarve og mere luft mellem kortene:

.dbrcb-cases { --dbrcb-primary: #b45309; --dbrcb-gap: 28px; }

Fejlfinding

  • Mobil-linket viser “Not found”: Linket er sandsynligvis udskiftet — hent det aktuelle under Cases → Indstillinger og opdatér genvejen på telefonen.
  • Nyt ikon/navn på hjemmeskærmen slår ikke igennem: Telefonen cacher genvejen — slet den gamle og tilføj linket igen.
  • GPS-knappen giver koordinater i stedet for bynavn: Bynavns-opslaget kræver netadgang; koordinaterne er en fallback, og du kan altid bare rette feltet til bynavnet.
  • Casen udgives ikke: Tjek om “Gem som kladde” er valgt under Indstillinger — så ligger den under Cases og venter på godkendelse.

Stadig i tvivl? Skriv til support@digitalbyroed.dk.