Custom AI Chatbot

Uw eigen
AI-assistent
24/7 klaar

Een op maat gemaakte chatbot die uw klanten te woord staat, vragen beantwoordt vanuit uw eigen documenten en leads genereert — zonder extra personeel, zonder maandabonnement bij een derde partij.

OpenAI Assistants PDF-kennis Vercel Backend Geen tussenpartij

SMSAK Assistent

Online

Goedemiddag! 👋 Ik ben de digitale assistent van SMSAK.be. Waarmee kan ik u helpen?
Hoeveel kost een website?
Een professionele website bij SMSAK.be kost €799 all-in voor jaar 1 (excl. BTW). Dit is inclusief domeinnaam, hosting, SSL, 4 talen en Google Maps. 🚀

Vanaf jaar 2 betaalt u slechts €99/jaar.
Stel een vraag...

Waarom een eigen chatbot
op uw website?

24/7 klantenservice

Uw chatbot antwoordt om 03u 's nachts even professioneel als om 10u 's ochtends. Nooit een gemiste klant.

Kennis uit uw documenten

Upload uw brochures, prijslijsten, FAQ's en productdocumenten als PDF. De chatbot antwoordt op basis van uw eigen data.

Geen maandabonnement

Geen Chatbase, geen Intercom. U betaalt alleen OpenAI — centen per gesprek. Hosting op Vercel is gratis.

Privacy — uw data blijft van u

Geen data via Chatbase of andere tussenpersonen. Uw info gaat direct van uw server naar OpenAI.

Eén bot, meerdere sites

Hetzelfde script op 10 websites plakken. Ze praten allemaal met dezelfde Assistant — meerwaarde op schaal.

File Search op PDF's

OpenAI's Vector Search doorzoekt razendsnel uw PDF's. Antwoorden met bronvermelding naar de specifieke pagina.

Technische Architectuur

De API-sleutel staat nooit
in uw HTML

Bezoekers mogen uw OpenAI-sleutel nooit kunnen stelen. De oplossing: een proxy-server op Vercel.

Bezoeker
Uw website
Chat Widget
Frontend JS
Vercel API
Uw proxy server
OpenAI
Assistant + PDF's

✦ BEVEILIGINGSPRINCIPE

  • API-sleutel opgeslagen als omgevingsvariabele op Vercel — nooit zichtbaar
  • Bezoeker praat met uw Vercel-URL, niet direct met OpenAI
  • Vercel-functie stuurt request door en retourneert antwoord
  • Geen enkele bezoeker kan uw API-sleutel achterhalen
Stap voor Stap

Van OpenAI tot live op uw website

1

De Assistant voorbereiden in OpenAI

Log in op platform.openai.com en maak een Assistant aan met File Search ingeschakeld.

  1. 1. Ga naar Assistants → Create
  2. 2. Kies model gpt-4o-mini (goedkoop en snel)
  3. 3. Activeer File Search
  4. 4. Upload uw PDF's in een Vector Store
  5. 5. Noteer uw Assistant ID (begint met asst_)
  6. 6. Ga naar API Keys en maak een nieuwe sleutel aan

Noteer deze twee waarden:

OPENAI_API_KEY = sk-proj-... OPENAI_ASSISTANT_ID = asst_abc123...
2

Backend deployen op Vercel

Maak een nieuw project op vercel.com. U kunt de SMSAK chatbot-template gebruiken of zelf een repo aanmaken.

Mappenstructuur op Vercel/GitHub:

// Bestandsstructuur van uw chatbot-repo
mijn-chatbot/
├── api/
│   └── chat.js        ← proxy naar OpenAI
├── public/
│   └── embed.js       ← widget script voor websites
└── vercel.json        ← Vercel configuratie

Stel in Vercel de omgevingsvariabelen in onder Settings → Environment Variables:

OPENAI_API_KEY       = sk-proj-uw-sleutel-hier
OPENAI_ASSISTANT_ID  = asst_uw-assistant-id
3

De proxy API (api/chat.js)

Dit is het hart van de backend — de code die veilig communiceert met OpenAI.

// api/chat.js — Vercel Serverless Function
const OpenAI = require('openai');

const openai = new OpenAI({
  apiKey: process.env.OPENAI_API_KEY
});

module.exports = async (req, res) => {
  // CORS — sta uw eigen domeinen toe
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Methods', 'POST, OPTIONS');
  if (req.method === 'OPTIONS') return res.status(200).end();

  const { message, threadId } = req.body;

  // Thread aanmaken of hergebruiken
  const thread = threadId
    ? { id: threadId }
    : await openai.beta.threads.create();

  // Bericht toevoegen
  await openai.beta.threads.messages.create(thread.id, {
    role: 'user', content: message
  });

  // Run starten op uw Assistant
  const run = await openai.beta.threads.runs.createAndPoll(thread.id, {
    assistant_id: process.env.OPENAI_ASSISTANT_ID
  });

  // Antwoord ophalen
  const messages = await openai.beta.threads.messages.list(thread.id);
  const reply = messages.data[0].content[0].text.value;

  res.json({ reply, threadId: thread.id });
};
4

Widget koppelen aan uw website

Één regeltje code vlak boven de </body> tag van elke website die u wil voorzien van de chatbot.

<!-- Plak dit vlak boven </body> op uw website -->
<script
  src="https://uw-chatbot.vercel.app/embed.js"
  data-api-url="https://uw-chatbot.vercel.app/api/chat"
  data-bot-naam="SMSAK Assistent"
  data-kleur="#a855f7"
  data-welkom="Dag! Waarmee kan ik u helpen?"
  defer></script>

Dat is alles. De widget laadt automatisch een zwevende knop op uw website. Elke bezoeker krijgt een eigen conversatiethread.

5

PDF's optimaliseren voor de AI

AI is gevoelig voor de structuur van uw documenten. Volg deze tips voor de beste resultaten.

Goede PDF-structuur

  • ✓ Duidelijke inhoudsopgave bovenaan
  • ✓ Kopjes (H1, H2, H3) per sectie
  • ✓ Lineaire tekstvolgorde (geen kolommen)
  • ✓ Selecteerbare tekst (geen scan-PDF)
  • ✓ Eén PDF per onderwerp

Vermijd dit

  • ✗ Ingescande PDF's zonder OCR
  • ✗ Meerdere kolommen naast elkaar
  • ✗ Tekst in afbeeldingen verwerkt
  • ✗ Tabellen zonder duidelijke labels
  • ✗ Wachtwoordbeveiligde PDF's

Wilt u een chatbot op uw website?

SMSAK.BE bouwt en host de volledige chatbot-oplossing voor u. Van OpenAI-setup en PDF-upload tot de widget op uw website.

Volledig ontzorgd · Uw data blijft bij u · Geen maandabonnement bij derden

✦ LIVE DEMO — klik rechtsonder op de paarse knop ↘

De chatbot onderaan deze pagina is de echte implementatie.
Stel een vraag over SMSAK.be diensten en zie hoe het werkt.

BTW BE1035.506.672 · Bosheide 9, 8660 De Panne · info@smsak.be