# Documentatie

> Source: https://dfye.com/nl/documentatie/
> Language: nl
> Part of https://dfye.com/ (DFYe). This file is the Markdown twin of the page above; the page is the canonical document.

Docs

Geschreven op basis van de build zoals die er nu staat. Wat nog niet gebouwd is, staat gemarkeerd in plaats van beschreven alsof het er al is.

## Vereisten

Dit zijn de vereisten voor de eerste build, die voor WordPress. Elk ander platform krijgt een eigen build met eigen vereisten, en de stand van zaken per platform staat op [Werkt met jouw CMS](https://dfye.com/nl/ondersteunde-platforms/).

- WordPress 6.0 of hoger
- PHP 8.1 of hoger
- Een API-sleutel van OpenAI, Anthropic, Google of Mistral
- Geen cron nodig, geen shelltoegang, geen Node op de server

## Installeren

1. Plugins, Nieuwe plugin toevoegen, Plugin uploaden, kies de zip, Nu installeren.
2. Activeren.
3. Instellingen, DFYe. Plak je modelsleutel en sla op.

De eerste indexering start meteen. Op een grote website loopt die op de achtergrond door en gaat de widget live zodra de eerste ronde klaar is.

## Kiezen wat er geïndexeerd wordt

Standaard indexeert DFYe elk gepubliceerd bericht, elke pagina en elk product. Wat nooit geïndexeerd wordt:

- Alles wat je SEO-plugin op noindex heeft staan
- Alles wat met een wachtwoord beveiligd of privé is
- Concepten, revisies en content in de prullenbak

Al het andere sluit je uit met een schakelaar per bericht in de zijbalk van de editor.

## De widget vormgeven

Elke visuele keuze is een CSS custom property op de widgethost. Stel ze in via het instellingenpaneel, of in je thema als je het liever in code houdt:

```
dfye-chat {
  --dfye-action:    #6c4dff;   /* je accentkleur: de vraagbubbel, de verzendknop, de launcher */
  --dfye-action-on: #ffffff;   /* tekst op de accentkleur */
  --dfye-bg:        #ffffff;   /* de header en het invoerveld */
  --dfye-surface:   #ffffff;   /* het paneel */
  --dfye-ink:       #0b0d12;   /* tekst */
  --dfye-radius:    18px;
  --dfye-font:      "Your Face", system-ui, sans-serif;
}
```

De widget gebruikt met opzet standaard het systeemlettertype van je bezoeker, zodat je website nooit een lettertype hoeft te downloaden. Geef hem het jouwe mee met `--dfye-font`. Donkere modus gaat automatisch; zet hem vast met `data-theme="dark"` op het element als je website altijd donker is.

De widget rendert in een shadow root, dus er lekt niets uit je thema naar binnen en niets uit de widget naar buiten. Daarom zijn deze properties alles wat er aan vormgeving is: er is geen stylesheet om tegen te vechten.

## De embed, op elk platform

De widget is een gewoon script en het maakt hem niet uit wat de pagina eromheen heeft gegenereerd, dus hij draait op een CMS waarvoor nog geen pluginbuild bestaat, en op een website zonder CMS. Wat de plugin daar bovenop doet, is het lezen: je gepubliceerde pagina's crawlen, de index bijwerken zodra je er een aanpast, en het vragenlog. Eén scripttag voor de zwevende widget:

```
<script src="https://dfye.com/w.js" data-dfye="demo" defer></script>
```

Of een container voor een inlinepaneel, wat de demopagina gebruikt:

```
<div data-dfye-inline data-opening="Stel me gerust een vraag."></div>
<script src="https://dfye.com/w.js" defer></script>
```

## Groottebudget

De build faalt als de widget boven de 20kB gzipped uitkomt. De huidige build is **9.7kB gzipped**, 8.3kB brotli, 27.1kB raw. Dat getal wordt door de build zelf in deze pagina gezet, dus het kan niet van de werkelijkheid afwijken.

## Nog niet gebouwd

Een eerlijke lijst van wat deze documentatie beschrijft maar de plugin vandaag nog niet doet:

- De WordPress-build zelf. De widget en de retrieval-engine zijn er; de PHP-wrapper is de volgende stap, en elk ander platform op [Werkt met jouw CMS](https://dfye.com/nl/ondersteunde-platforms/) komt daarna.
- De licentiesleutel en het update-endpoint.
- Het vragenlog in de beheeromgeving.

De voortgang wordt bijgehouden op de [lanceerpagina](https://dfye.com/nl/wachtlijst/), en die wordt bijgewerkt zodra er iets af is, niet vooraf.

## Zet een echt antwoord op elke pagina.

Stel de widget van deze website zelf een vraag en kijk hoe hij de pagina erbij vermeldt, of weigert. Het is dezelfde plugin, die draait op dezelfde inhoud die je nu leest.

[Schrijf je in voor de lancering](https://dfye.com/nl/wachtlijst/) [Probeer de live demo](https://dfye.com/nl/demo/)

---
*Published by [DFYe](https://dfye.com/). Free to read, index, quote and cite with attribution and a link.*