De pagina-editor

In de pagina-editor bouw je een pagina op uit bouwblokken. Je opent hem door bij een pagina op Aanpassen te klikken.

Wat je in het midden ziet, is je echte pagina. Je bewerkt rechtstreeks op het ontwerp: wat je ziet, is wat je krijgt. Bovenaan vind je de werkbalk:

• Pagina's (links): terug naar je pagina-overzicht. Wat je nog niet had opgeslagen, wordt eerst opgeslagen.
• De naam van de pagina die je bewerkt.
• Twee pijltjes, Ongedaan maken en Opnieuw: draai je laatste stappen terug of zet ze weer terug (zie hieronder).
• Opslaan: legt je wijzigingen meteen vast. De knop kleurt even groen en toont Opgeslagen.
• Preview: kies Op groot scherm (opent je pagina in een nieuw tabblad) of Op telefoon (toont de pagina in een telefoonkader).
• De knop Live of Concept: zet live: staat de pagina live, dan haal je hem met een klik offline (concept). Staat hij op concept, dan zet je hem met Concept: zet live zichtbaar voor bezoekers.

Automatisch opslaan

Je hoeft niet bang te zijn dat je werk verloren gaat: de editor slaat je wijzigingen automatisch op.

• Een blok toevoegen, verplaatsen, verbergen of verwijderen wordt meteen bewaard.
• Tekst, foto's en andere aanpassingen worden vanzelf opgeslagen zodra je even niets bewerkt (ongeveer elke 15 seconden).
• Ga je met Pagina's terug of sluit je het tabblad, dan wordt wat nog openstond eerst opgeslagen. Je krijgt dus geen "weet je het zeker?"-melding.
• Wil je het direct vastleggen, klik dan zelf op Opslaan.

Opgeslagen wijzigingen op een live pagina zijn meteen zichtbaar op je website.

Ongedaan maken en opnieuw

Rechtsboven in de werkbalk, naast Opslaan, staan twee pijltjes. Met Ongedaan maken (pijltje naar links) draai je je laatste stap terug, met Opnieuw (pijltje naar rechts) zet je hem weer terug.

• Een stap is een blok toevoegen, bewerken, verwijderen, verbergen, verplaatsen, dupliceren of plakken. Beweeg je over een pijltje, dan zie je welke stap het is en wanneer je hem deed, bijvoorbeeld "Blok 'Tekst' verwijderd".
• Doortypen in hetzelfde blok binnen een paar minuten telt als één stap.
• Per pagina bewaart GO! de laatste 30 stappen, tot een maand oud. Ze blijven bewaard als je de bouwer sluit, dus je kunt ook morgen nog iets terugdraaien.
• Sneltoetsen: Ctrl+Z (Mac: Cmd+Z) is ongedaan maken, Ctrl+Shift+Z of Ctrl+Y is opnieuw. Sta je met je cursor in een tekst, dan werkt Ctrl+Z alleen binnen die tekst.
• Doe je na het terugdraaien iets nieuws, dan vervallen de stappen die je met Opnieuw had kunnen terugzetten.
• De pijltjes staan alleen in je standaardtaal. In een andere taal (bij een meertalige site) zie je ze niet.
• Na het terugdraaien laadt de pagina even opnieuw, op dezelfde plek.

Een blok verwijderen gaat zonder "weet je het zeker?"-vraag. Het pijltje Ongedaan maken licht dan even op: daar haal je het blok terug. Een hele pagina die je op het Pagina's-overzicht verwijdert, kun je niet terughalen.

Een blok toevoegen

Beweeg met je muis tussen twee blokken (of boven het eerste blok) en klik op de +-knop (Blok invoegen). Rechts schuift een paneel open met alle blokken, met een voorbeeldje erbij. Bovenin zoek je met Zoek een blok… (bijvoorbeeld "openingstijden"), of spring je met de knoppen Basis, Media, Bedrijf, Verkoop en Contact naar een categorie. Klik op het blok dat je wilt; het wordt op die plek toegevoegd. Een overzicht van alle blokken vind je op Alle bouwblokken.

Een blok bewerken

Je bewerkt een blok meestal op de plek zelf. Twee dingen die samenwerken:

• Klik op de inhoud: klik op een tekst, titel of foto in het blok en pas hem direct aan. Bij tekst verschijnt de tekstbalk (zie hieronder); klik je op een foto, dan kies je een andere foto of upload je een nieuwe.
• Het werkbalkje van het blok: beweeg over een blok en er verschijnt een balkje met de naam van het blok en de opties ervoor. Daar zitten ook de blok-specifieke keuzes, zoals het aantal kolommen of welk album je toont. Keuzes die bij een foto horen, zoals de hoogte of beeldverhouding, vind je als klein knopje op de foto zelf. Welke opties je krijgt, verschilt per blok (zie Alle bouwblokken).

Foto's kiezen

Klik je op een foto, dan opent Foto kiezen met twee mogelijkheden:

• Eigen foto: upload een foto vanaf je computer, telefoon of tablet (JPG, PNG, GIF, WebP of HEIC van een iPhone; HEIC wordt vanzelf omgezet).
• Stockfoto: zoek in de gratis fotobibliotheek van Pexels, bijvoorbeeld op "bakkerij" of "tuin". Met Meer laden zie je meer resultaten. Deze foto's mag je gratis gebruiken, ook commercieel.

Bijsnijden

Heeft het fotovak een vaste vorm (bijvoorbeeld 4:3 of vierkant) en past je foto daar niet precies in, dan opent het venster Afbeelding bijsnijden. Bovenin staat de verhouding van het vak.

• Sleep de foto om hem goed te zetten en scroll om in en uit te zoomen.
• Met ↺ en ↻ draai je de foto een kwartslag.
• Bijsnijden & uploaden plaatst de uitsnede. Wat je in het vak ziet, is precies het bestand dat op je site staat.
• Overslaan plaatst de foto zonder bij te snijden.

Heeft je foto al precies de goede verhouding, of staat het vak op Origineel (niet bijsnijden), dan wordt hij meteen geplaatst zonder dit venster. Wil je een andere uitsnede van een foto die er al staat, kies de foto dan opnieuw. Bij veel fotoblokken staat op de foto een knopje voor de beeldverhouding of hoogte; welke keuzes er zijn, lees je per blok bij Alle bouwblokken.

Aangepaste foto voor mobiel

Bij de grote openingsfoto (banner) en het blok Afbeelding staat linksboven op de foto, onder het balkje Blok verplaatsen, het knopje Aangepaste foto voor mobiel. Daarmee kies je een aparte foto voor telefoons, bijvoorbeeld een staande foto als de brede foto op een telefoon te smal wordt. Telefoons tonen die foto helemaal, in zijn eigen verhouding, zonder bijsnijden. Laat je hem leeg, dan schaalt de gewone foto mee. Met het kruisje naast het knopje haal je de mobiele foto weer weg.

De tekstbalk

Klik je in een tekst, dan verschijnt een zwevende balk met deze knoppen:

• Titel: maak van een regel een kop (Heading 1, Heading 2 of Heading 3) of weer gewone tekst (Alinea).
• B (vet) en I (cursief).
• De linkknop: maak van geselecteerde tekst een link (zie hieronder).
• Opsomming: een gewone lijst met bolletjes.
• Lijst met vinkjes: dezelfde lijst, maar met ronde vinkjes in je hoofdkleur. Handig voor een rijtje voordelen of wat er bij een dienst inbegrepen is. Wil je toch weer bolletjes, klik dan op Opsomming. Beide soorten mogen op één pagina naast elkaar staan.
• Genummerde lijst: een lijst met 1, 2, 3.
• Scheidingslijn: een horizontale lijn tussen twee stukken tekst.
• Schrijf en Check: laat de AI een tekst schrijven of je tekst nakijken. Zie AI-tekstassistent.
• Ω (Speciale tekens): accenten, valuta en symbolen, interpunctie en breuken die niet op je toetsenbord staan.
• Links uitlijnen en Gecentreerd.
• Opslaan (met vinkje): sla op en sluit de tekstbalk.

Een link of knop maken

Selecteer de tekst en klik op de linkknop. In het venster Link invoegen kies je eerst het type link: Pagina (een pagina van je site), URL (een ander webadres), WhatsApp, E-mail, Telefoon, Webshop (een artikel), Galerij (een album) of Bestand (een download). Vink eventueel Openen in nieuw tabblad aan en klik op Link invoegen. Een bestaande link haal je weg met Link verwijderen.

Vink je Weergeven als knop aan, dan wordt de link een knop. Je kiest dan de Knoptekst, de Knopvorm (Gevuld of Outline) en de Kleur (wit of een van je vijf kleuren).

• Knop aanpassen: klik op het potloodje op de knop (Knop bewerken). Je kunt dan de tekst, het adres, de vorm en de kleur wijzigen, of met Link verwijderen de knop weghalen.
• Twee knoppen naast elkaar: klik op de eerste knop en maak dan een nieuwe knop. Die komt rechts naast de aangeklikte knop; de bestaande knop blijft gewoon staan.
• Geen plek meer: sommige teksten hebben een maximum aantal regels, zoals de tekst onder de grote titel van een banner (drie regels, tekst en knoppen samen). Past er geen knop meer bij, dan zie je de melding "Hier past geen knop meer bij". Pas dan een bestaande knop aan via het potloodje, of haal een regel tekst weg.
• In de editor opent een klik op een knop of link nooit de pagina waar hij heen gaat: de klik is om te bewerken. Probeer je links uit via Preview.

Label boven de kop

Boven de kop van de meeste blokken staat in de editor een vage tekst + label boven de kop. Klik erop om een klein sectielabel te typen, zoals "Over ons". Op je site zie je het alleen als je het hebt ingevuld.

De werkbalk per blok

Beweeg over een blok en er verschijnen twee balkjes: links Blok verplaatsen en rechts de werkbalk. Daarmee kun je:

• Eén plek opschuiven: met de pijltjes naast Blok verplaatsen (linksboven) zet je het blok één plek omhoog of omlaag. Handig bij grote blokken of op een kleiner scherm, waar slepen lastig is.
• Slepen om te ordenen: pak het sleep-icoon (twee streepjes, Verslepen) vast en versleep het blok omhoog of omlaag. Het sleep-icoon staat zowel links als rechts.
• Achtergrondkleur kiezen: met de gekleurde bolletjes zet je de achtergrond van dat blok op wit of op een zachte tint uit je schema (Tint 1 t/m Tint 5). Het half witte, half gekleurde bolletje (Automatisch (om en om)) wisselt netjes wit en tint af. Bij blokken zoals de grote openingsfoto en een actieblok kies je uit je volle kleuren (Kleur 1 t/m Kleur 5). Wil je die volle kleuren bij alle blokken kunnen kiezen, zet dan Volle huisstijlkleuren ook als blokachtergrond aan bij Stijl & kleuren.
• Blokopties: knopjes die bij dit soort blok horen, zoals het aantal kolommen, de T om de titel te tonen of te verbergen, of een andere weergave. Welke er zijn, lees je per blok bij Alle bouwblokken.
• Verbergen of tonen: met het oog-icoon zet je een blok tijdelijk uit zonder het te verwijderen. Bezoekers zien het dan niet.
• Dupliceren: het icoon met de twee blaadjes (Blok dupliceren) maakt na een bevestiging een kopie van het blok. De kopie komt direct onder het origineel, zodat je hem meteen kunt aanpassen.
• Naar een andere pagina: wil je een blok op een andere pagina hebben? Klik op het icoon met de twee blaadjes en kies onderin het venster Kopiëren (het origineel blijft staan) of Verplaatsen (het origineel gaat mee). Kies daarna de pagina en klik op Ga naar pagina. Op die pagina zie je bovenin een blauwe balk met uitleg: klik op het plusje (+) tussen de blokken waar het blok moet komen en kies Hier plakken. Bij verplaatsen verdwijnt het blok pas van de oude pagina als je het hebt geplakt. Kies je Later, dan blijft het blok klaarstaan en kun je het op elke pagina van je site plakken (tot 24 uur). Bedacht je je? Klik dan op Annuleren in de blauwe balk. Beide pagina's krijgen een stap bij Ongedaan maken.
• Verwijderen: het prullenbak-icoon haalt het blok weg. Was dat per ongeluk, klik dan bovenin op het pijltje Ongedaan maken.

Kaarten binnen een blok verplaatsen

Blokken met losse kaarten of foto's, zoals Diensten, Team, Klantreviews, Stappen, Kolommen, USP's en het fotoraster, hebben op elke kaart kleine pijltjes. Beweeg over een kaart en schuif hem met de pijltjes naar links of rechts (bij een lijst onder elkaar: omhoog of omlaag). Het pijltje aan het uiteinde is grijs: de eerste kaart kan niet verder naar links. De nieuwe volgorde wordt meteen opgeslagen.

Bewerken in een andere taal

Heeft je site meerdere talen, dan staat in de werkbalk een rijtje taalknoppen (bijvoorbeeld NL EN). Kies een taal om de pagina in die taal te bekijken en de vertaalde teksten zelf bij te schaven. Meer hierover op Meertaligheid & vertalen.