Script + servercontrole
SilentShield Integraties
Eenvoudige integratie in uw favoriete platforms en frameworks: een script in de browser en een controle op uw server. API-gericht en framework-onafhankelijk.
Snelstart
Live in 3 stappen
Van aanmelding tot actieve bescherming — zonder serververbouwing.
Maak een API key aan
Meld u aan en genereer in het Dashboard een Site-Key voor uw domein — gratis, in minder dan een minuut.
NPM-pakket voor Node.js, React & Next.js
Sluit het SilentShield-clientscript in uw frontend in en verifieer nonces in uw backend met ons officiële Node-pakket.
@forge12interactive/silentshield-sdk-js
Officieel Node.js-pakket voor backend-verificatie
Installatie
Gebruik
// In your backend (e.g. a Next.js route handler)
import { createClient } from '@forge12interactive/silentshield-sdk-js';
const shield = createClient({ apiKey: process.env.SILENTSHIELD_API_KEY });
const { human } = await shield.verify(nonce);
if (!human) return new Response("Verification failed", { status: 403 });WordPress-plugin
Native integratie voor de meest populaire WordPress-formulierplugins. Onzichtbare anti-spam bescherming zonder CAPTCHA-horden.
SilentShield Captcha
Onze officiële WordPress-plugin is nu beschikbaar in de WordPress-directory. Naadloze integratie met Contact Form 7: Onzichtbaar, GDPR-conform, toegankelijk.
- Eén-klik installatie direct vanuit WordPress
- Centrale configuratie in de WordPress-admin
- Automatische updates en onderhoud
Contact Form 7Getest
Onzichtbare botbescherming voor CF7-formulieren, getest met de plug-in.
WPFormsGetest
Botbescherming voor WPForms-formulieren, getest met de plug-in.
Elementor FormsGetest
Botbescherming voor Elementor Forms-formulieren, getest met de plug-in.
WooCommerceGetest
Klassieke checkout en blok-checkout getest.
Avada FormsGetest
Botbescherming voor Avada Forms-formulieren, getest met de plug-in.
Fluent FormsGetest
Botbescherming voor Fluent Forms-formulieren, getest met de plug-in.
Getest: 7 oktober 2026 · SilentShield Captcha 2.15.14 · WordPress 7.1.2
Cloudflare-Compatibiliteit
SilentShield werkt naadloos samen met Cloudflare. Plaats het voor uw Load Balancer of combineer het met andere Cloudflare-services.
Voor Cloudflare Load Balancer?
Ja, probleemloos mogelijk.
SilentShield kan direct voor uw Cloudflare Load Balancer worden ingezet. Het script wordt client-side uitgevoerd en integreert naadloos in uw bestaande infrastructuur.
- Geen conflicten met Cloudflare-services
- Compatibel met CDN en caching
- Extra beveiligingslaag
EU Dataopslag als Onderscheidend Kenmerk
Het cruciale verschil
Terwijl velen met Cloudflare Turnstile werken, biedt SilentShield een duidelijk voordeel door EU-gehoste infrastructuur en een cookie-loze architectuur.
- AVG-conform inzetbaar, gegevens in Duitsland
- Geen cookies of persistente opslag
- Transparante, eerlijke prijsstelling
Integratie met Cloudflare
Script in <head> insluiten:
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
CMS-Integratiegidsen
Stap-voor-stap instructies voor populaire Content Management Systemen.
Shopify
Voeg SilentShield toe aan uw Shopify-contactformulier
Webflow
Integratie via Custom Code Embed
Wix
Inbedding via Wix Code (Velo)
WordPress
Handmatige integratie in WordPress-thema's
SilentShield Integratiegids
SilentShield beschermt uw formulieren betrouwbaar tegen bots – onzichtbaar, GDPR-conform en toegankelijk. Voor volledige beveiliging moet de frontend-code (JavaScript) worden ingesloten en server-side worden geverifieerd.
🛍️Shopify Integratie
Frontend – Script-Einbindung
- Ga naar Shopify Admin → Online Winkel → Thema's
- Klik op "Acties → Code bewerken"
- Open het bestand theme.liquid onder Layout
- Voeg de volgende code in vóór de </head>-tag
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Vervang YOUR_API_KEY door uw API-sleutel uit het SilentShield-dashboard.
Backend – Verificatie (PHP Voorbeeld)
Shopify voert in thema’s geen eigen servercode uit, en de contact- en klantformulieren van Shopify versturen rechtstreeks naar Shopify – daar controleert SilentShield niets. Voor een controle aan de serverkant moet het formulier versturen naar uw eigen server, een App Proxy-route of een dienst zoals Make, n8n of een cloudfunctie die de onderstaande code uitvoert voordat de gegevens worden doorgegeven. Het script in het thema alleen vervangt deze controle niet.
<?php
$api_key = "YOUR_API_KEY";
$nonce = $_POST['behavior_nonce'] ?? '';
$payload = json_encode(['nonce' => $nonce]);
$ch = curl_init("https://api.silentshield.io/api/v1/captcha/verify-nonce");
curl_setopt_array($ch, [
CURLOPT_RETURNTRANSFER => true,
CURLOPT_POST => true,
CURLOPT_HTTPHEADER => [
"Content-Type: application/json",
"X-Api-Key: " . $api_key,
],
CURLOPT_POSTFIELDS => $payload,
CURLOPT_TIMEOUT => 5,
]);
$response = curl_exec($ch);
$http_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);
if ($http_code !== 200) {
http_response_code(400);
exit(json_encode(['error' => 'Verification failed']));
}
$data = json_decode($response, true);
if (!($data['ok'] && $data['verdict'] === 'human' && $data['confidence'] >= 0.7)) {
http_response_code(403);
exit(json_encode(['error' => 'Bot detected']));
}
// ✅ Human verified – handle form submission normally
?>🌊Webflow Integratie
Frontend
- Open uw project → Project Settings → Custom Code → Head Code
- Voeg deze code in
- Publiceer de pagina
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Backend
Omdat Webflow geen directe serverlogica ondersteunt, stuurt u uw formulier naar een eigen server of dienst (bijv. Make, n8n, AWS Lambda, Firebase Function). Voer daar dezelfde verificatiecode uit als in het Shopify-voorbeeld hierboven, voordat u het formulier verder verwerkt.
✨Wix Integratie
Frontend
- Open de Wix Editor
- Activeer Dev Mode (Velo)
- Kies Aangepaste Code Toevoegen → Head
- Voeg dezelfde <script>-code in
- Publiceer de website
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Backend (Velo HTTP-Functie)
import { ok, badRequest, forbidden } from 'wix-http-functions';
import { fetch } from 'wix-fetch';
export function post_verify_silentshield(request) {
return request.body.json()
.then(body => {
return fetch("https://api.silentshield.io/api/v1/captcha/verify-nonce", {
method: "POST",
headers: {
"Content-Type": "application/json",
"X-Api-Key": "YOUR_API_KEY"
},
body: JSON.stringify({ nonce: body.behavior_nonce })
});
})
.then(resp => resp.json())
.then(data => {
if (data.ok && data.verdict === "human" && data.confidence >= 0.7)
return ok({ body: { success: true } });
return forbidden({ body: { error: "Bot detected" } });
})
.catch(() => badRequest({ body: { error: "Verification failed" } }));
}📝WordPress Integratie
Frontend (Handmatig of Plugin)
add_action('wp_head', function () {
echo '<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer></script>';
});Backend (PHP Verificatie)
$api_key = "YOUR_API_KEY";
$nonce = $_POST['behavior_nonce'] ?? '';
$payload = json_encode(['nonce' => $nonce]);
$ch = curl_init("https://api.silentshield.io/api/v1/captcha/verify-nonce");
curl_setopt_array($ch, [
CURLOPT_RETURNTRANSFER => true,
CURLOPT_POST => true,
CURLOPT_HTTPHEADER => ["Content-Type: application/json", "X-Api-Key: $api_key"],
CURLOPT_POSTFIELDS => $payload,
CURLOPT_TIMEOUT => 5,
]);
$response = curl_exec($ch);
$code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);
if ($code !== 200) wp_die('Verification failed.');
$data = json_decode($response, true);
if (!($data['ok'] && $data['verdict'] === 'human' && $data['confidence'] >= 0.7))
wp_die('Bot detected.');Aanbeveling: Gebruik onze officiële WordPress-plugin
Voor eenvoudigere integratie gebruikt u onze plugin direct uit de WordPress-directory.
Download WordPress PluginSamenvatting
| Platform | Frontend Integratie | Backend Verificatie |
|---|---|---|
| Shopify | theme.liquid <script> | App-Proxy / PHP / Node |
| Webflow | Project Settings → Head | Externe Servercheck |
| Wix (Velo) | Custom Code → Head | HTTP Functie |
| WordPress | wp_head() of Plugin | PHP Form Handler |