Integratie in 60 Seconden

SilentShield Integraties

Eenvoudige integratie in uw favoriete platforms en frameworks. API-First, framework-agnostisch, binnen enkele minuten klaar.

NPM Pakket voor React & Next.js

Gebruik ons officiële NPM-pakket voor naadloze integratie in React en Next.js projecten.

@silentshield/react

Officieel React-pakket met TypeScript-ondersteuning en Hooks

Installatie

npm install @silentshield/react

Gebruik

// In uw React-component
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

NPM Pakket Documentatie

📝

captcha-for-contact-form-7

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

Download WordPress Plugin

Contact Form 7Geïntegreerd

Voeg onzichtbare botbescherming toe aan CF7-formulieren

WPFormsGeïntegreerd

Bescherm WPForms tegen spam en bots

Elementor FormsGeïntegreerd

Integratie voor de Elementor Formulier-Widget

WooCommerceGeïntegreerd

Botbescherming voor checkout en registratie

Avada FormsGeïntegreerd

Naadloze integratie met Avada Theme Builder Forms

Fluent FormsGeïntegreerd

Botbescherming voor Fluent Forms formulieren

☁️

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.

100% GDPR-conforme EU-dataopslag
Geen cookies of persistente opslag
Transparante, eerlijke prijsstelling

Integratie met Cloudflare

Script in <head> insluiten:

<script async crossorigin="anonymous" src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)></script>

Volledige Handleiding

CMS-Integratiegidsen

Stap-voor-stap instructies voor populaire Content Management Systemen.

🛍️

Shopify

Voeg SilentShield toe aan uw Shopify-contactformulier

Bekijk Handleiding

🌊

Webflow

Integratie via Custom Code Embed

Bekijk Handleiding

✨

Wix

Inbedding via Wix Code (Velo)

Bekijk Handleiding

📝

WordPress

Handmatige integratie in WordPress-thema's

Bekijk Handleiding

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 async crossorigin="anonymous"
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
</script>

Vervang YOUR_API_KEY door uw API-sleutel uit het SilentShield-dashboard.

Backend – Verificatie (PHP Voorbeeld)

<?php
$api_key = "YOUR_API_KEY";
$nonce = $_POST['silentshield_nonce'] ?? '';

$payload = json_encode(['nonce' => $nonce]);

$ch = curl_init("https://api.silentshield.io/v1/verify");
curl_setopt_array($ch, [
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_POST => true,
  CURLOPT_HTTPHEADER => [
    "Content-Type: application/json",
    "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 async crossorigin="anonymous"
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
</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 async crossorigin="anonymous"
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
</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/v1/verify", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "api-key": "YOUR_API_KEY"
        },
        body: JSON.stringify({ nonce: body.silentshield_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 async crossorigin="anonymous"
    src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
  </script>';
});

Backend (PHP Verificatie)

$api_key = "YOUR_API_KEY";
$nonce = $_POST['silentshield_nonce'] ?? '';
$payload = json_encode(['nonce' => $nonce]);

$ch = curl_init("https://api.silentshield.io/v1/verify");
curl_setopt_array($ch, [
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_POST => true,
  CURLOPT_HTTPHEADER => ["Content-Type: application/json", "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 Plugin

Samenvatting

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

Klaar voor de integratie?

Start in minder dan 60 seconden met onze API-First-oplossing.

Gratis starten Documentatie