Shopdesign

Uw shop draagt uw merk. Het thema bepaalt de basisstijl, de shopdesigner bouwt startpagina, header en footer uit bouwstenen. U werkt in een concept en publiceert als het klopt.

1

Thema

Het thema kiest u in de installatiewizard of altijd onder Instellingen → Algemeen → Themakeuze.

Themakeuze in de instellingen met Modern en Basic

Modern

Strak, elegant, donkere accenten. Voor een hoogwaardige uitstraling.

Basic

Fris en vriendelijk. De bewezen klassieker.

Wisselen zonder verlies

Een themawissel verandert stijl en lettertypen. Uw inhoud, pagina's en menu's blijven.

2

De shopdesigner

Onder Shopdesign opent de designer. Links de bouwstenen, in het midden het voorbeeld, rechts de eigenschappen van het aangeklikte element.

Shopdesigner met vlakken startpagina, header, mobiele header, footer, design; elementen links, opslaan en publiceren rechts
  1. 1Vlakken: startpagina, header, mobiele header, footer en design. Elk vlak heeft zijn eigen concept.
  2. 2Elementen, blokken, structuur: bouwstenen slepen, kant-en-klare blokken invoegen, de boom van de pagina zien.
  3. 3Opslaan maakt een concept. De shop blijft zoals hij is.
  4. 4Publiceren zet het concept live.

Elementen

Sectie, container, slider, kop, tekst, afbeelding, knop, afstand, scheidingslijn, rich text. Shopelementen: toegangscodeformulier, portfolio, FAQ, afspraak boeken, contactformulier, contactinfo. Header en footer hebben eigen elementen: logo, navigatie, winkelwagen, account, social media, menulijst, copyright.

Blokken

Kant-en-klare combinaties: hero klassiek, minimaal, met slider. Header klassiek en mobiel. Footer klassiek, minimaal, gecentreerd. Paginablokken voor contact, over ons, juridisch.

Eigenschappen

Rechts: inhoud, stijl, geavanceerd. Typografie, afstanden, afmetingen, achtergrond, rand. Wijzigingen per apparaat: desktop, tablet, mobiel, elk apart te verbergen.

Voorbeeld

Het voorbeeld in het midden is de echte shop met uw gegevens. Bovenaan wisselt u tussen desktop, tablet en mobiel.

De blokkenbibliotheek

Onder Blokken staan kant-en-klare secties: hero, toegangscode, portfolio, prijzen, contact en meer. U sleept een blok in de voorvertoning of klikt erop, dan staat het op de juiste plek. Elk blok blijft daarna volledig bewerkbaar, niets ligt vast.

Blokkenbibliotheek met voorbeelden van kant-en-klare secties
  1. 1Blokken: de bibliotheek met kant-en-klare secties
  2. 2De volledige keuze aan blokken openen

De structuur

Structuur toont de pagina als boom: sectie, container, element. Via de boom selecteert u wat in de voorvertoning lastig te raken is en verplaatst u hele secties naar een nieuwe volgorde.

Structuurboom met secties en elementen
  1. 1Structuur: de pagina als boom

Losse elementen

Onder Elementen staan de bouwstenen zelf: kop, tekst, afbeelding, knop, tussenruimte, scheidingslijn, toegangscodeformulier, afspraken en contactformulier. Daarmee bouwt u een sectie vanaf nul als geen kant-en-klaar blok past.

Elementenlijst met de losse bouwstenen
  1. 1Elementen: de losse bouwstenen

Vier vlakken, één editor

Bovenaan wisselt u tussen startpagina, header, mobiele header en footer. Elk vlak heeft eigen blokken, de editor blijft dezelfde.

3

Kleuren en lettertypen

Het vlak Design bundelt de globale instellingen. Ze gelden voor alle pagina's en alle vlakken.

Vlak Design met primaire kleur, secundaire kleur, achtergrond, koppen, lettertypen en knoppen

Kleuren

Primaire en secundaire kleur, pagina-achtergrond, koppen, lopende tekst, primaire en secundaire knoppen, kaartstijl, badges.

Lettertypen

Letterpaar voor koppen en tekst. Het voorbeeld rechts toont het effect meteen.


4

Opslaan, publiceren, resetten

Twee stappen beschermen de lopende shop.

Opslaan

Schrijft het concept. Bij het wisselen van vlak slaat de designer automatisch op. Ouders blijven de gepubliceerde versie zien.

Publiceren

Alleen de eigenaar kan publiceren. Het concept wordt de live versie, direct zichtbaar op uw shopadres.

Fabrieksinstellingen

Zet startpagina, header en footer terug naar het sjabloon. Vereist het woord RESET. Producten, pagina's en instellingen blijven.


5

Het resultaat

De gepubliceerde startpagina met toegangscodeformulier, headermenu en footer. Ouders voeren hier de code van de kaart in.

Gepubliceerde shopstartpagina met toegangscodeformulier

Pagina's en menu's

Colofon, contact, over ons en meer pagina's maakt u aan onder Pagina's en vormt u in de designer. Header- en footermenu's beheert u onder Menu's.

Shop vormgegeven. Nu verkopen.

Bestellingen, betalingen en facturen in één oogopslag.