Wat de AI Builder is en wanneer hij past

Module 1: Voordat je begint · Leestijd: 9 minuten

Leerdoel: Na deze les kun je uitleggen hoe de AI Builder werkt, wat hij wel en niet kan bouwen, en beoordelen of hij past bij jouw plan of dat een andere route beter is.

Kernbegrippen: AI Builder, beschrijving, eerste versie, bouwer, chat, bewerking, informatieve website, widget, contactformulier, webshop, inlogomgeving, verhuisbaarheid

Wat de AI Builder doet

De AI Builder is een websitebouwer waarin een AI het eerste werk doet. Je vertelt in gewone taal wat je doet, voor wie en waar. Of je geeft het adres van je huidige site. Binnen een paar minuten (meestal twee tot vier) staat er een complete site klaar: meestal drie tot zes pagina's, met teksten, foto's, een menu, een contactformulier en een huisstijl. Dat heet de eerste versie.

Daarna werk je verder in de bouwer. Links staat een rail met panelen (Chat, Pagina's, Onderdelen, Media, Menu, Artikelen, Huisstijl, Beveiliging, SEO, en onderaan Geheugen, Versies en Instellingen). Rechts zie je je site zoals een bezoeker hem ziet. Je past hem op twee manieren aan:

• Zelf: in het voorbeeld klik je op een tekst of knop en typ je, je kiest foto's, versleept secties en kiest kleuren. Dat is gratis.
• Via de AI: in de chat typ je een opdracht, zoals "maak de kop korter" of "voeg een pagina over onze werkwijze toe". De AI maakt een voorstel dat je houdt of weggooit. Zo'n opdracht kost een bewerking (les 1.2).

De teksten van je site worden gemaakt en bewerkt door een AI-model van OpenAI. Site en mail staan op servers van WebOké in Nederland. Je start de bouwer in Mijn WebOké, via het menu-item AI Builder direct onder Dashboard (of via Mijn Sitebuilders, tabblad AI Builder).

Wat de AI Builder oplevert, is een snelle site zonder plugins en zonder updates die je zelf moet bijhouden. In een pakket staat je site als gewone HTML-bestanden op je eigen domein.

Waar hij goed in is

De AI Builder is gemaakt voor informatieve websites: een site die vertelt wie je bent, wat je doet, wat het kost en hoe iemand contact opneemt. Denk aan:

• een zzp'er of klein bedrijf (schilder, coach, fotograaf, kapper, adviseur);
• een vereniging of stichting met nieuws en een agenda;
• een portfolio of een eenvoudige blog.

Neem Schildersbedrijf Example: een schilder met twee medewerkers in een klein dorp. Hij wil laten zien wat hij doet (binnen- en buitenschilderwerk, behangen), een paar foto's van werk, zijn werkgebied en een formulier voor een offerteaanvraag. Hij heeft geen tijd voor plugins en updates. Dit is precies waar de AI Builder voor bedoeld is.

Wat hij niet bouwt

Eerlijk zijn over grenzen bespaart je later een verhuizing. De AI Builder maakt websites, geen apps of platforms. Dit kan hij niet bouwen:

• Een webshop met winkelwagen en afrekenen. Producten met een prijs tonen kan wel, maar een bezoeker kan niet zelf bestellen en betalen op je site.
• Inloggen: accounts of profielen voor bezoekers, een ledenomgeving.
• Een eigen database of iets wat invoer van bezoekers bewaart of verstuurt, zoals een bestelling of een gedeelde score.
• Een eigen agenda waarin bezoekers zelf een tijd boeken.

Ook het contactformulier heeft grenzen. Het heeft hoogstens acht velden, van deze soorten: tekst, keuze (een uitklapmenu), e-mail, telefoon, lange tekst, datum en getal. Een veld om een bestand te uploaden (een foto van de klus, een cv) is er niet. Wil Schildersbedrijf Example foto's van een muur ontvangen, dan vraagt hij in de bevestiging of de klant die per mail of WhatsApp stuurt.

Verder zijn er vaste grenzen per site: hoogstens 30 pagina's, 40 secties per pagina, 300 foto's en 200 artikelen. Een exportfunctie of omzetting naar WordPress is er niet. Met een pakket staan de HTML-bestanden wel in je eigen hostingpakket en kun je ze downloaden, maar wie later naar WordPress wil, bouwt de site daar opnieuw op met zijn eigen teksten en foto's.

Wat wel kan via een widget

Veel van wat de bouwer zelf niet doet, regel je met een widget: een stukje van een andere dienst dat je in je site zet. Van een flink aantal diensten is de link genoeg en maakt de bouwer de speler of het formulier zelf, bijvoorbeeld YouTube, Vimeo, Spotify, Google Maps (het adres is genoeg), Calendly, Google Agenda, Instagram, TikTok, Typeform, Tally, Google Formulieren, Microsoft Forms, Jotform, een Mailchimp-aanmeldformulier, Eventbrite en Zenchef. Van andere diensten (zoals Salonized, Formitable, Treatwell of Trustpilot) plak je de code die je bij die dienst krijgt.

Zo kun je toch:

• afspraken laten boeken met een boekingsdienst als Calendly of een salonplanner;
• bestanden laten aanleveren via een formulier van een andere dienst die uploads toestaat;
• een bestel- of betaalmodule van een externe dienst tonen.

Let op twee dingen. Een widget laadt pas als de bezoeker toestemming geeft voor cookies van die soort, en de dienst komt vanzelf in je cookiemelding en privacyverklaring (module 7). En op de gratis site werken alleen widgets van bekende diensten, zonder formulier of eigen script (les 1.2). De widget zelf leer je plaatsen in les 4.3.

Wanneer een andere route beter past

Een paar voorbeelden:

Combineren mag. De bakkerij uit de buurt van Schildersbedrijf Example wil een nette site met haar assortiment en daarnaast taarten laten bestellen. Een informatieve site met de AI Builder plus een bestelformulier of bestelmodule van een andere dienst als widget kan genoeg zijn. Wil ze echt een winkel met honderden producten en afrekenen, dan is een webshop beter, en hoort de AI Builder daar niet bij.

Denk ook aan de uitgang: wie zijn domeinnaam en e-mail op zijn eigen naam houdt, kan later wisselen van bouwer zonder dat klanten hem kwijtraken.

In de bouwer: zo kijk je zelf

1. Open in Mijn WebOké AI Builder.
2. Klik op het startscherm op Hulp (rechtsboven in de startkaart). Je ziet Hulp bij de AI Builder: alle functies per groep, doorzoekbaar.
3. Zoek op "widget" en op "formulier" en lees wat er staat.
4. Twijfel je of iets kan? Stel de vraag in de chat van de bouwer. Vragen kosten geen bewerkingen en veranderen niets aan je site.

Samenvatting

• De AI Builder maakt uit een beschrijving of een bestaande site een complete eerste versie; daarna pas je alles aan, zelf of via de chat.
• Hij is gemaakt voor informatieve websites, niet voor een webshop met afrekenen, inloggen, een eigen database of een eigen boekingsagenda.
• Het contactformulier heeft hoogstens acht velden en geen bestandsupload.
• Veel extra's (boeken, video, kaarten, formulieren met upload) regel je met een widget van een andere dienst.
• Past je plan niet, kies dan WordPress, een webshop of een andere bouwer; combineren kan.

Quiz

Opdracht

Opdracht D1.1: Past de AI Builder bij jouw plan? Beoordeel je eigen plan met wat je in deze les leerde.

Checklist:

• [ ] je hebt in een paar zinnen opgeschreven wat je site moet doen;
• [ ] je hebt elke functie die je nodig hebt naast de lijst "wat hij niet bouwt" gelegd;
• [ ] je hebt voor elke functie die de bouwer niet zelf doet een widget of andere dienst gezocht;
• [ ] je hebt in Hulp bij de AI Builder of in de chat minstens één twijfelpunt nagevraagd;
• [ ] je hebt bekeken of WordPress, een webshop of een andere bouwer beter past.

Vragen:

1. Wat moet je site doen, in drie zinnen?
2. Welke functies uit je plan bouwt de AI Builder niet zelf, en hoe los je ze op?
3. Wat is je keuze, en waarom past een andere route minder goed?

Na "gedaan" zie je een voorbeeldantwoord: Schildersbedrijf Example wil diensten, foto's van werk, een werkgebied en offerteaanvragen; foto's van klanten ontvangen kan niet in het contactformulier, dus vraagt hij in de bevestigingsmail om ze per mail te sturen; keuze AI Builder, omdat er geen winkel of inlog nodig is en hij geen plugins wil bijhouden.

Verder lezen

• Sitebuilder en AI Builder: welke kies je en hoe open je hem?
• Online verkopen: eigen webshop, gehost platform, marktplaats of betaallink?
• Gratis cursus: een webshop met WooCommerce 1.1: Wanneer WooCommerce wel of niet past
• Gratis WordPress-cursus 1.1: Wat is WordPress (en wat niet)?
• De AI Builder en de prijzen (productpagina): https://www.weboke.nl/ai-website-builder