Op de pagina schrijven en blokken toevoegen

Rechtstreeks schrijven

Klik in een tekst en typ: meer is het niet. Selecteert u een passage, dan verschijnt een kleine balk om die vet of cursief te maken, door te halen, een link toe te voegen, en een ✨-knop om ze met AI bij te werken. In het rechterpaneel biedt het tabblad Blok ook titels, lijsten, citaten en uitlijning.

In deze balk zet de lijst Tekststijl de alinea waarin de cursor staat om: Tekst, Kop 1 tot 4, Bovenkop (een korte regel boven een kop) of Intro (een grotere inleidende alinea). Elke keuze wordt getoond zoals ze zal verschijnen.

De linkkiezer biedt een pagina, een sectie, een e-mailadres of een andere site, en ook een blogartikel, een product of een winkelcollectie (tabbladen Artikel, Product en Collectie). De link volgt het artikel in elke taal van de site en wordt netjes verwijderd als het artikel niet meer is gepubliceerd.

In het tabblad Extern wordt een adres van uw eigen site aanvaard dat met “/” begint (bijvoorbeeld /boutique/ma-collection/): het wordt bij het publiceren in de juiste taal gezet.

Woorden in een kop laten opvallen

Selecteer in een grote kop (Kop 1, Kop 2 of de titel van een Hero-blok) een of twee woorden en klik op Cursief: ze krijgen het accent van de stijl van uw site. Afhankelijk van de stijl is dat een andere kleur, een accentlettertype, soms een kleurverloop, en de woorden staan niet altijd schuin.

Zo geeft u een woord op de juiste manier kleur: het accent volgt de stijl als u die wijzigt, past zich vanzelf aan de lichte en de donkere modus aan en blijft leesbaar. Een met de hand gekozen kleur doet daar niets van.

Een blok toevoegen met de toets ‘/’

1. Plaats de cursor op een lege regel.
2. Typ /: het opdrachtenmenu opent, ingedeeld per categorie (Sectie, Tekst, Media, Inhoud, Actie).
3. Typ een paar letters om te filteren (‘gal’ voor Galerij) en bevestig.

U kunt ook klikken op Object invoegen… in het tabblad Blok van het rechterpaneel.

De belangrijkste blokken

• Tekst en opmaak: titels, lijsten, citaat, Kader, Kolommen (2 tot 4 zones naast elkaar), Scheidingslijn, Witruimte, Tabel, Inhoudsopgave.
• Media: Afbeelding, Galerij, Media (video, audio of inhoud van YouTube, Vimeo, SoundCloud, Spotify…), Voor / na, Insluiten (een webcam, een agenda, een reviewwidget… via het adres of de HTML-code).
• Uw activiteit presenteren: Hero (banner met titel en knoppen), Functies, Kaartenraster, Team, Getuigenissen, Kerncijfers, Tijdlijn, Specificaties, Scrollverhaal, Lichtkrant, Logowand.
• Prijzen: Pakketten & prijzen (kaarten met formules, zo nodig met een Doorgestreepte prijs en een Notitie onder de prijs) en Prijslijst (een lijst met diensten en prijzen per categorie, zoals een menukaart).
• Interactie: CTA-knop, Formulier, FAQ, Kaart, Sociale netwerken, Nieuwsbrief, Reservering, Reacties / Beoordelingen.
• Uitlichten: Producten uit de winkel en Blogberichten.

Het blok Afbeelding biedt vijf maten: XS (hoogstens 150 px, voor een logo of een badge), S, M, L en 100%.

Blogberichten en documentatieartikelen bieden dezelfde blokken als de pagina's, met dezelfde gebaren. Het blok Reacties / beoordelingen wordt echter alleen in blogberichten aangeboden.

Links in Hero en Team

Klik in een Hero-blok op het blok: in het rechterpaneel stelt u de tekst en de bestemming van elke knop in, met de gebruikelijke linkkiezer (een pagina, een sectie, een e-mailadres, een andere site…).

In een Team-blok heeft elk lid een veld Pagina van het lid: foto en naam leiden dan naar een eigen pagina, een sectie of een andere site.

De instelling Fotogrootte van het blok Team gaat van S tot XL. Een lid zonder foto wordt weergegeven met zijn initialen, die zijn naam volgen. Kies Geen voor een bestuur of een contactlijst met alleen naam en functie, zonder foto of initialen.

Het blok Kaart

Het blok Kaart plaatst een kaart op het adres van uw keuze. De Aanbieder is OpenStreetMap of Google Maps. Met Google Maps kiest Type kaart tussen Kaart en Satelliet (de luchtfoto, met straatnamen): dat zijn de twee weergaven die Google zonder sleutel biedt.

Het kaartenraster

Klik op een blok Kaartenraster: het rechterpaneel toont de kaarten. Klap een kaart uit om de titel, tekst, meta, prijs en knoptekst te wijzigen; zo kan ook een kaart die u toevoegt een knop krijgen. Het veld Link van de kaart bepaalt waar ze naartoe leidt. U kunt ook rechtstreeks op de pagina op de tekst van een kaart klikken.

De link van een kaart kiest u zoals de andere links in TOWeb: een pagina van de site, een artikel, een product, een winkelcollectie, een bestand of een extern adres. De instelling Tekstuitlijning centreert de tekst van de kaarten.

Zijn er minder kaarten dan kolommen, dan vertelt een aanwijzing onder Kolommen hoeveel kaarten u moet toevoegen om de rij te vullen.

Het blok Pakketten & prijzen

Klik op een blok Pakketten & prijzen: het rechterpaneel somt de pakketten op. De instelling Knop plaatst de knop van elk pakket Onder de prijs, op dezelfde hoogte op alle kaarten, zodat hij zichtbaar blijft zonder te scrollen, of Onderaan de kaart.

In de Kenmerken van een pakket kan elk punt een link dragen: klik op het pictogram Link bij dit punt en kies dan een pagina van de site, een anker of een extern adres. Met een Linktekst (“Bekijk de demo”, bijvoorbeeld) verschijnt hij als kleine link na de tekst van het punt; zonder linktekst wordt het hele punt de link.

Bewerken, verplaatsen, verwijderen

Klik op een blok: de instellingen verschijnen in het tabblad Blok van het rechterpaneel. Sleep de greep links van het blok om het te verplaatsen; een klik erop opent het menu Omhoog, Omlaag, Dupliceren, Verwijderen.

Ook titels en alinea’s hebben hun handgreep ⋮⋮, die verschijnt wanneer u eroverheen beweegt: sleep hem om de tekst elders op de pagina te zetten, of klik erop om hetzelfde menu te openen. Een blok Kolommen heeft er een eigen wanneer u over de tekst beweegt. De tekst van een kolom, een tabel of een kader heeft er geen: het blok eromheen is wat verschuift.

Om een Kolommen-blok op te heffen, klikt u erop en daarna in de instellingen op Kolommen opheffen: de inhoud van de kolommen blijft behouden, onder elkaar, over de volle breedte, en een lege kolom verdwijnt.

De inhoudsopgave van een pagina

Het blok Inhoudsopgave toont de koppen van een pagina, een blogartikel of een documentatieartikel, met een link naar elke kop. Typ / en dan ‘inhoudsopgave’ of ‘inhoud’, of voeg het toe via het tabblad Toevoegen.

Het bouwt zichzelf op uit de koppen die erop volgen: zet Opgenomen koppen op H2 en H3 of Alleen H2. Het wordt bij elke publicatie bijgewerkt en verschijnt in de taal van elke pagina, met dezelfde links in alle talen. Blijft de Titel leeg, dan wordt die ‘Inhoudsopgave’, ook vertaald. Op een telefoon blijft het ingeklapt tot iemand erop tikt.

In de editor toont de kaart de huidige koppen. Zolang er geen kop op volgt, blijft het leeg en wordt het niet op de site getoond.

Het contactformulier

Typ / en kies Formulier. Klik op het blok: de instellingen verschijnen op het tabblad Blok van het rechterpaneel.

Om het formulier in groepen te verdelen (“Uw gegevens”, “Uw project”), voegt u een veld van het type Kop toe: een vaste tekst die de bezoeker niets vraagt.

• Velden: voeg ze een voor een toe (tekst, e-mail, telefoon, tekstvak, keuzelijst, enkele keuze, selectievakje, datum, bestand) en geef aan of ze verplicht zijn.
• Link van het label: bij een selectievakje leidt het label naar een document, bijvoorbeeld uw algemene voorwaarden. Het opent in een nieuw tabblad, zonder dat het formulier verloren gaat.
• Tekst van de knop: wat de verzendknop toont.
• Na het verzenden: Een bericht tonen (het Bevestigingsbericht verschijnt in plaats van het formulier) of Naar een pagina gaan: zodra het bericht is verzonden, komt de bezoeker op de gekozen pagina, in zijn taal.
• Onderwerp van de e-mail: eigen aan elk formulier; het dient als onderwerp van de ontvangen berichten wanneer de bezoeker er geen heeft ingevuld, zodat u ze in één oogopslag sorteert (‘Offerte’, ‘Inschrijving’…).

In een veld Keuzelijst of Keuzerondje veranderen de pijlen Optie omhoog en Optie omlaag de volgorde van de opties, met de muis en met het toetsenbord.

Berichten komen aan op het ontvangstadres van de formulieren, eenmalig ingesteld voor de hele site in Instellingen › i-Services. Wilt u dat een formulier naar een ander adres schrijft, vul dan het E-mailadres ontvanger in bij de instellingen van het blok.

Op de gepubliceerde site wordt onder een e-mailveld (contactformulier, nieuwsbrief, bestelling, reservering) een typfout in het adres van een grote webmaildienst (gmail.vom, hotmial.com…) aan de bezoeker gemeld met “Bedoelde je …?”: één klik verbetert hem. Het getypte adres wordt altijd ook zo aanvaard.

Uw formulieren beschermen tegen spam

In Instellingen › i-Services beschermt het onderdeel Antispambeveiliging contactformulieren, blogreacties en productbeoordelingen. Kies de CAPTCHA-provider (Cloudflare Turnstile of Google reCAPTCHA) en plak dan de Sitesleutel en de Geheime sleutel die u van deze provider hebt gekregen.

Bij het publiceren controleert TOWeb bij Google of Cloudflare of de geheime sleutel wordt aanvaard: een geweigerde sleutel zou spam ongemerkt doorlaten. Het scherm Publiceren meldt het, met de plaats waar u de sleutel corrigeert. Het meldt ook een half ingestelde beveiliging, wanneer de sitesleutel of de geheime sleutel ontbreekt. Zonder verbinding gaat de publicatie door zonder te wachten.

Op de gepubliceerde site controleert de server van de site elke inzending. Met reCAPTCHA v3 wordt een inzending die Google als geautomatiseerd beoordeelt geweigerd; antwoordt Google niet, dan wordt de inzending aanvaard, zodat geen enkel bericht van uw klanten verloren gaat. Met Turnstile wordt een validatie die op een andere site is verkregen geweigerd.

Op een met een wachtwoord beveiligde pagina toont een formulier geen captcha: alleen bezoekers die het wachtwoord hebben ingevoerd, kunnen het verzenden.

De site beperkt ook massaal verzenden, zelfs als een robot al zijn verzoeken tegelijk stuurt. De ontvangstbevestiging die naar de bezoeker gaat, kopieert zijn bericht alleen als de site een spambeveiliging heeft: zonder die zou een robot uw site kunnen gebruiken om e-mails naar derden te sturen.

Inschrijven voor de nieuwsbrief

Met het blok Nieuwsbrief ontvangt de bezoeker die zijn adres invoert een bevestigingsmail. De link daarin opent een pagina van uw site met de knop Mijn inschrijving bevestigen: alleen die knop schrijft het adres in. Een e-mailvirusscanner die de links van ontvangen e-mails opent, kan dus geen inschrijving bevestigen in plaats van de persoon.

Een externe dienst insluiten

Een webcam, een online agenda, een reviewwidget, een weersverwachting, een formulier van een andere dienst: het blok Insluiten plaatst ze overal op uw pagina’s.

1. Typ op een lege regel / en daarna Insluiten.
2. Kies in het rechterpaneel wat u insluit: Een adres (de pagina van de dienst, getoond in een kader waarvan u de hoogte instelt) of HTML-code (de code die de dienst u geeft, ongewijzigd te kopiëren en plakken).
3. Beschrijf in een paar woorden Wat de insluiting toont: dat lezen schermlezers voor.
4. Open het Voorbeeld om het resultaat te zien: in de editor verschijnt het blok als een kaart.

In de modus HTML-code typt u de code rechtstreeks in het blok, in kleur, en het tabblad Voorbeeld toont het resultaat. De code mag tot 1 MB groot zijn, voor diensten die een lange code leveren.

Plaatst de dienst cookies of volgt hij uw bezoekers, kies dan zijn categorie bij Toestemming van de bezoeker: Bezoekersmeting of Marketing en sociale media. Het blok wacht dan tot de bezoeker deze categorie in de cookiebanner accepteert; tot dan staat er een melding op zijn plaats, met een link om cookies te beheren. Dit werkt met de banner van TOWeb en met die van WebLegal.

De code kan ook PHP bevatten, zoals een .php-pagina in TOWeb 14: de pagina die de code bevat, wordt gepubliceerd als index.php, op hetzelfde adres. Voor het publiceren controleert TOWeb de syntaxis van de code: een fout stopt de publicatie en noemt de pagina en de regel. De code wordt uitgevoerd op uw hosting, onder uw verantwoordelijkheid, en bij de lokale test; in het voorbeeld staat er een kader op zijn plaats. Op een met een wachtwoord beveiligde pagina wordt hij niet gepubliceerd. Om te controleren of uw hosting PHP uitvoert, gebruikt u Publiceren › Server testen.

Een passage kopiëren of dupliceren

Een titel, de tekst en een afbeelding worden samen gekopieerd, zoals in een tekstverwerker:

1. Selecteer de passage met de muis, van het begin van de titel tot het einde van het laatste element. U kunt ook aan het begin klikken en daarna Shift + klik aan het einde.
2. Kopieer: ⌘C (Mac) of Ctrl+C (Windows).
3. Klik aan het einde van de regel waarna de kopie moet komen en druk op Enter: er ontstaat een lege regel.
4. Plak: ⌘V (Mac) of Ctrl+V (Windows).

Om een hele sectie met haar achtergrond en al haar inhoud te herhalen, gebruikt u beter Dupliceren in haar opdrachten: zie het artikel Secties.

Een blok tonen per scherm

Onderaan het paneel van elk blok kiest Tonen op de schermen waarop het verschijnt: Desktop, Tablet en Mobiel. Een blok dat voor een scherm is uitgezet, verschijnt daar niet op de gepubliceerde site, maar blijft zichtbaar in de editor met een label. Het voorbeeld per apparaat toont het resultaat.