Je website

Je AI bouwt je website en zet hem online op Company of One. Je ziet eerst een voorbeeld. Hij gaat pas live na jouw ja, met een betaald abonnement.

Waar is mijn website?

Op Home staat een kaart "Je website". Daar staat "Live op" met het adres zodra de site live is, of "Privé" zolang alleen jij hem ziet. "Adres kopiëren" kopieert het, en "Voorbeeld" opent het nieuwste voorbeeld.
Settings, "Je websites" toont elke site met "je gratis adres" en een eigen domein als je dat hebt.
Je gratis adres is gemaakt van de korte naam van je bedrijf. Je hoeft geen domein te kopen om er een te hebben.
Je hoofdwebsite is die op Home. Andere sites of pagina's die je AI maakte, zijn extra.
Tijdens de gratis proefperiode blijft de site privé. Met een betaald abonnement gaat hij live na jouw ja.

"Not connected", "Not set up" en "Hosted on"

Vertrouw op de kaart op Home: die leest je echte site.
De lijsten met tools (in Marketing, "Website & pages", en bij de tools van elke afdeling) lezen je eigen lijst met tools. Daar kan "Not connected" of "Not set up" staan terwijl je site live is, omdat die lijst niet is ingevuld. Er is niets mis met de site.
"Hosted on" is waar een tool woont. Voor een site die hier gemaakt is, en als je nooit een website had, schrijf je Company of One.

De woorden, foto's en uitstraling aanpassen

Vandaag past je AI de woorden en foto's op je site aan. Zeg wat er moet veranderen, bekijk het voorbeeld en zeg ja. Het kantoor heeft nog geen eigen pagina-editor.
Je foto's: upload ze in Media en zeg je AI welke hij waar moet gebruiken.
Je telefoonnummer, prijzen of openingstijden: zeg het je AI, en hij zet ze op de pagina.
Settings, "Je uitstraling" toont je kleuren, lettertypes en logo. Wil je ze anders, vraag het je AI: hij kiest een van de kant-en-klare stijlen of past een kleur aan, en vraagt je ja.
Een site die al gebouwd is, verandert niet vanzelf als je uitstraling of je richting verandert. Vraag je AI hem opnieuw te bouwen, bekijk het voorbeeld en zeg ja.
De taal van je site: zeg het je AI. Een pagina is in het Engels, tenzij je AI hem een taal geeft.
Elke site krijgt een privacypagina en een pagina met voorwaarden. Een Impressum-pagina, ingevuld uit je bedrijfsgegevens en gelinkt in elke voettekst, komt binnenkort.

Hoe een site gebouwd wordt

Er zijn twee manieren, en ze komen allebei op hetzelfde uit:

De makkelijke manier: je AI beschrijft de pagina in een bestand page.json en het kantoor bouwt hem, formulieren en al. De vaardigheid build-a-landing-page doet dit. Gebruik die als je AI geen code kan uitvoeren. De page.json heeft een brand nodig (de kleuren en lettertypen van de pagina), zoals in de voorbeeld-page.json van de vaardigheid. Zonder lang is de pagina in het Engels.
Met de hand: je AI schrijft de HTML-, CSS- en JS-bestanden zelf en stuurt ze met deploy_site.

Elke site heeft een index.html, zijn voorpagina. De eerste deploy stuurt elk bestand. Daarna stuurt je AI alleen de gewijzigde bestanden, met base ingesteld op de versie waarop hij voortbouwt.

De volgende drie delen zijn voor je AI. Ze noemen elke regel die het kantoor controleert als een site online gaat, zodat je AI het meteen goed doet. Jij hoeft ze niet te leren.

Soorten bestanden en groottes

Tekstbestanden: html, css, js, mjs, json, webmanifest, txt, xml, map en svg. Stuur ze als gewone tekst.
Afbeeldingen, lettertypen, pdf's en 3D: png, jpg, gif, webp, avif, ico, woff, woff2, ttf, otf, pdf, glb, bin (met de .gltf die hem noemt), hdr, ktx2 en wasm. Stuur ze als base64. Een .gltf is tekst.
Films en geluid gaan in de mediabibliotheek, nooit in de site.
Foto's die al in je mediabibliotheek staan: media: [{ path, asset_id }] zet van elke foto een webformaat (.webp) in de site, op dat pad.
Groottes horen bij je abonnement: tot 25 MB per bestand, en van 2.000 bestanden en 250 MB per site in de proefperiode tot 20.000 bestanden en 2 GB bij Growth. deploy_site met read: true laat de jouwe zien. Eén aanroep draagt ongeveer 3 MB: stuur de rest in meer aanroepen, met base. Meer nodig? Mail hello@companyofone.eu en we verhogen het.
Paden gebruiken alleen letters, cijfers en . _ - /, zonder / aan het begin en zonder ...

Je eigen code: trackers, widgets en embeds

Elke website werkt hier, zoals bij Kajabi: plak je tracking- of widgetcode in de head, de footer of een codeblok.

Elke pagina: de page.json van de voorpagina krijgt site_code (head, footer). Eén pagina: haar page.json krijgt code (head, footer, block, één codeblok in de pagina). Een pagina die je AI zelf schrijft, krijgt code waar ook in haar HTML.
Scripts, embeds, 3D-scènes (three.js, WebGL), animatie, lettertypen en media van elk https-adres werken op je openbare pagina's.
Google Analytics, Google Tag Manager, de Meta-pixel en andere pixels, met lead- en aankoopevents: de skill tracking zet ze erop met onze eigen cookiebanner, zodat niets een bezoeker volgt voor diens ja. De EU-wet vraagt dat, en als eigenaar van de site is het jouw plicht; de skill doet het goed.
Voor iets live gaat, laat de ja-kaart zien wat de code laadt en waarvandaan ("Deze pagina voegt code toe van: ..."). Elke versie kun je terugdraaien.
Pop-ups en afteltimers staan uit, tenzij je erom vraagt. Dan zet je AI één rustige pop-up neer, of een afteltimer tot een echte einddatum.

Je ledenomgeving heeft een eigen adres

Je leden loggen in, zien wat ze kochten en beheren hun abonnement op een eigen afgeschermd adres (members--anna.companyofone.site). Code van andere sites draait daar nooit, dus die kan nooit bij de inlog of betalingen van een lid. Betalen gebeurt op de eigen pagina van Stripe.
Links naar /members/ op je site gaan daar vanzelf heen.
Voor je AI: pagina's onder members/ draaien alleen de eigen .js-bestanden van de site (geen code in de pagina, geen scripts van andere adressen: kopieer een bibliotheek in de site), en hun code roept alleen /api/v1/... aan of een host in co1-app.json allowedHosts.connect.

Nooit op een site

Om je bezoekers veilig te houden, wordt dit geweigerd als een site online gaat en elke dag opnieuw gecontroleerd: velden voor wachtwoorden, kaarten, bankgegevens of eenmalige codes; een pagina die bezoekers meteen naar een andere site stuurt; code die cryptomunten delft; scripts van adressen die bekendstaan om malware; en programma's of archieven als bestand. Formulieren hebben hun eigen regels: zie "Formulieren op je website".

Verkopen op je site

Een koopknop heeft drie dingen nodig: co1-app.json met checkout.create in de permissions, een ledenomgeving op members/index.html waar kopers na het betalen terechtkomen, en producten met een prijs. De vaardigheid build-a-landing-page regelt alle drie voor je.

Een gratis download is een product dat als gratis is gemarkeerd en geen prijs heeft: elk lid dat inlogt krijgt het, en jij ziet wie het nam. Weggeven wacht op jouw ja, zoals elk product. Wie iets gratis nam, heeft niet ingestemd met e-mails: mail ze alleen als ze zich bij je lijst hebben aangemeld.

Bijwerken, terugdraaien en verwijderen

deploy_site met read: true toont de huidige versie van de site, de adressen, en de sleutel voor de botcontrole op formulieren.
read en undo gaan alleen, zonder bestanden. undo: true gaat terug naar de versie die daarvoor live stond.
Om bestanden te verwijderen, zet je ze in remove, samen met base.
Je abonnement bepaalt hoeveel pagina's per site je kunt hebben.

Galerijen, lijsten en zoeken

Je AI kan een galerij, een gids, een catalogus of elke andere lijst aan je site toevoegen. Elk daarvan is een contentverzameling: één ontwerp, en een pagina voor elk item.

Openbaar of alleen voor leden. Een openbare verzameling krijgt haar pagina's elke keer dat je AI de site bijwerkt. Een verzameling alleen voor leden maakt geen openbare pagina's: ingelogde leden zien haar, en als ze bij een product hoort, alleen de mensen die het kochten.
Gestuurd door bezoekers. Een formulier op je site kan items toevoegen, zoals reviews of vermeldingen. Elk item wacht tot je AI het klaar zet en jij ja zegt tegen de versie waarin het staat.
Foto's en films. Een item kan een foto of een film uit je mediabibliotheek bevatten. Foto's worden in de site gekopieerd; films spelen af vanuit de mediabibliotheek.
Zoeken. Elke versie van je site heeft haar eigen zoekfunctie, en je AI kan het zoekvak in de kop zetten.

Een bedrijf heeft tot 50 verzamelingen, elk met tot 5.000 items. Openbare pagina's tellen mee voor de verzamelingspagina's van je abonnement.

Een blog

Je AI kan een blog op je site bijhouden, zoals bij Squarespace en WordPress. Het is een contentverzameling met bijvoorbeeld de naam blog, met dit op de verzameling:

Categorieën en tags. category en tags noemen de velden waarin ze staan. Elke categorie en elke tag krijgt een eigen pagina met de berichten, op /blog/category/<name>/ en /blog/tag/<name>/. Jij of je AI verandert de categorie of tags van een bericht zoals elk ander veld.
RSS. feed: true maakt een feed op /blog/rss.xml met de 20 nieuwste berichten, en een voor elke categorie. Feedlezers en e-mailtools kunnen hem volgen. Elke pagina vertelt de browser waar zijn feed is.
Zoekmachines. Elk bericht en elke categorie- en tagpagina staat vanzelf in je sitemap.

Een bericht wordt pas openbaar als het klaar is en je ja hebt gezegd tegen de versie waarin het staat. De pagina's tellen mee voor de verzamelingspagina's van je abonnement.

Bezoeken aan je site

Home en Website & pagina's laten zien hoeveel pagina's er zijn geopend: vandaag, in de laatste 7 dagen en in de laatste 30 dagen, en je meest gelezen pagina's. Ze worden geteld zonder cookies en zonder enig gegeven over de bezoeker, dus daarvoor is geen cookiebanner nodig. We tellen geopende pagina's, geen mensen: wie drie pagina's leest, telt drie keer. Robots en linkvoorbeelden tellen niet mee, en je eigen voorbeelden tellen nooit. Je AI ziet dezelfde cijfers in zijn status.

Live zetten

Elke deploy geeft een voorbeeldadres. Alleen jij ziet het.
Ben je tevreden, dan stelt je AI site_publish voor met { site, version }, precies zoals deploy_site antwoordde. Jij zegt ja, en die versie gaat live.
Tijdens de gratis proefperiode blijft een site een voorbeeld. Hij gaat live zodra je een betaald abonnement hebt.

Je site verhuizen

Een site verhuizen van Squarespace, Wix, WordPress of ergens anders gaat stap voor stap, met de move-in-skill: 1. Dag één: je Stripe, agenda en sociale accounts koppelen hier, en je begint Company of One te gebruiken. Je mailbox blijft waar hij is. 2. Je contacten en klanten komen over, met hun toestemming erbij. 3. Je AI bouwt elke pagina hier opnieuw, net als de oude: de look, de woorden, de opbouw en dezelfde adressen. Formulieren, boekingen en betalingen werken op Company of One. 4. Je domein verhuist als laatste, als je tevreden bent. Tot dan blijft je oude site gewoon draaien.

Dezelfde adressen en doorverwijzingen

Elke pagina houdt haar oude adres. In co1-app.json zegt addresses welke vorm je oude site gebruikte: slash (/about/), plain (/about) of html (/about.html). De andere vormen van een pagina leiden er dan naartoe, en zoekmachines krijgen het eigen adres van elke pagina en een sitemap van de hele site.
Een adres dat moet veranderen krijgt een doorverwijzing: "redirects": [{ "from": "/?p=12", "to": "/blog/my-post/" }]. Een doorverwijzing gaat naar een pagina van dezelfde site, nooit naar /api/ of het ledengedeelte. Een keten wordt voor je samengevoegd, en een lus wordt geweigerd met de reden.

Je eigen domein

Je site begint op een gratis adres. Met een betaald abonnement kun je je eigen domein toevoegen in Settings, Your websites: typ het domein, en je ziet de precieze regels die je kopieert naar de plek waar je domein beheerd wordt. Een domein toevoegen of verwijderen vraagt eerst om de code uit je authenticator-app.