De editor in een oogopslag

In de editor bouw je de pagina’s van je winkel. Je ziet elke pagina zoals een bezoeker hem ziet en je past hem aan door dingen te selecteren, te slepen en hun instellingen in te vullen. Niets van wat je hier doet is zichtbaar voor bezoekers totdat je publiceert.

De editor openen

1. Open het dashboard van je site.
2. Klik bovenaan het linkermenu op Site bewerken.

Een gloednieuwe site opent direct in de editor nadat je een ontwerp hebt gekozen. Zie Je eerste site maken.

De vier gebieden

De editor heeft een balk bovenaan en daaronder drie kolommen: het paneel Blokken links, je pagina in het midden (het canvas) en het instellingenpaneel rechts.

De bovenbalk

Van links naar rechts bevat de bovenbalk deze onderdelen:

• Dashboard brengt je terug naar het dashboard van je site.
• De opslagstatus laat zien hoe het met je werk staat. Opgeslagen, niet gepubliceerd betekent dat je wijzigingen in je concept zijn opgeslagen, maar dat je live winkel ze nog niet toont. Opgeslagen en gepubliceerd betekent dat je live winkel overeenkomt met wat je ziet. Na elke wijziging zie je ook heel even Opslaan…, en Opslaan mislukt als het opslaan niet lukt.
• Het vak Sitenaam toont de naam van je winkel. Klik erop om je site te hernoemen.
• De paginakiezer (die de naam toont van de pagina waar je op zit, zoals Home) toont een lijst van je pagina’s. Kies een pagina om hem te bewerken. Met Pagina’s beheren onderaan de lijst open je de paginabeheerder. Zie Pagina’s toevoegen en beheren.

• Met Desktop, Tablet en Mobiel schakel je tussen de schermformaten waarvoor je ontwerpt. Zie Je site er goed laten uitzien op telefoons en tablets.
• Het klokpictogram (Back-ups) opent je opgeslagen back-ups. Zie Wijzigingen ongedaan maken en een eerdere versie terugzetten.
• De twee pijlen zijn Ongedaan maken en Opnieuw.
• Het pictogram met een pijl die uit een vakje komt (Live site bekijken) opent je live winkel in een nieuw tabblad. Het verschijnt zodra je hebt gepubliceerd.
• Voorbeeld toont je hele site, met werkende links en al, in een nieuw tabblad. Zie Je site bekijken voordat je publiceert.
• Met Publiceren zet je je wijzigingen op je live winkel. Zie Je eerste site publiceren.
• Het accountmenu uiterst rechts bevat het thema en de taal van Payly zelf (die veranderen je winkel niet), plus Instellingen, Payly-homepage en Uitloggen.

Het paneel Blokken

De linkerkolom begint met Blokken, de bouwstenen die je aan een pagina kunt toevoegen, ingedeeld in groepen: Basis, Media, Indeling, Winkel, Marketing en Menu’s en formulieren. Sleep een blok naar de pagina, of klik erop om het toe te voegen aan het einde van de huidige sectie. Zie Blokken toevoegen, verplaatsen en vergroten of verkleinen.

Scroll in dezelfde kolom omlaag naar Structuur, een lijst met de header, de secties van de huidige pagina en de footer, met een knop Sectie toevoegen. Zie Werken met secties.

Het canvas

Het midden van het scherm is je pagina. Die wordt getekend met dezelfde code als je live winkel, dus wat je ziet is wat bezoekers krijgen. Klik op een blok of sectie om het te selecteren. Een geselecteerd blok krijgt een blauwe omlijning, grepen om de grootte aan te passen en een kleine werkbalk met de knoppen Dupliceren, Rotatie en Verwijderen. Links op het canvas openen niet als je erop klikt.

Het instellingenpaneel

De rechterkolom heeft twee tabbladen:

• Selectie toont de instellingen van wat je hebt geselecteerd. Als er niets is geselecteerd, zie je de instellingen van de pagina zelf: de Browsertitel, de Zoekomschrijving en de schakelaar Dit is de winkelpagina. Selecteer je een blok, dan zie je de instellingen van dat blok, gegroepeerd onder koppen zoals Algemeen, Typografie, Grootte en positie en Beheren. Klik op een kop om hem te openen. Om terug te gaan naar de pagina-instellingen klik je bovenaan het paneel op Pagina-instellingen, druk je op Esc of klik je op het grijze gebied naast de pagina.
• Siteontwerp bevat de kleuren, lettertypen en indelingsinstellingen die voor elke pagina gelden. Zie Je kleuren, lettertypen en indeling instellen.

Hoe opslaan werkt

De editor slaat automatisch voor je op. Even nadat je iets niet meer wijzigt, wordt je concept opgeslagen en keert de status in de bovenbalk terug naar Opgeslagen, niet gepubliceerd. Er is geen knop Opslaan.

Een opgeslagen wijziging is nog niet live. Je bezoekers blijven je laatst gepubliceerde versie zien totdat je op Publiceren klikt.

Ongedaan maken en opnieuw

Klik op Ongedaan maken om je laatste wijziging terug te draaien en op Opnieuw om hem weer terug te halen. Ze onthouden de wijzigingen die je hebt gemaakt sinds je de editor opende. Als je de editor sluit of opnieuw laadt, begint die geschiedenis weer vanaf de opgeslagen versie.

Sneltoetsen

Gebruik op een Mac Cmd in plaats van Ctrl.

Gerelateerde artikelen

• Blokken toevoegen, verplaatsen en vergroten of verkleinen
• Werken met secties
• Je kleuren, lettertypen en indeling instellen
• Pagina’s toevoegen en beheren