Integration in 60 Sekunden

SilentShield Integrationen

Einfache Integration in Ihre bevorzugten Plattformen und Frameworks. API-First, framework-agnostisch, in Minuten einsatzbereit.

NPM Paket für React & Next.js

Nutzen Sie unser offizielles NPM-Paket für nahtlose Integration in React und Next.js Projekte.

@silentshield/react

Offizielles React-Paket mit TypeScript-Support und Hooks

Installation

npm install @silentshield/react

Verwendung

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

Dokumentation

📝

WordPress Plugin

Native Integration für die beliebtesten WordPress-Formular-Plugins. Unsichtbarer Anti-Spam-Schutz ohne CAPTCHA-Hürden.

SilentShield Captcha

Unser offizielles WordPress-Plugin ist jetzt im WordPress-Verzeichnis verfügbar. Nahtlose Integration mit Contact Form 7: Unsichtbar, DSGVO-konform, barrierefrei.

Ein-Klick-Installation direkt aus WordPress
Zentrale Konfiguration im WordPress-Admin
Automatische Updates und Wartung

WordPress Plugin herunterladen

Contact Form 7Integriert

Fügen Sie unsichtbaren Bot-Schutz zu CF7-Formularen hinzu

WPFormsIntegriert

Schützen Sie WPForms vor Spam und Bots

Elementor FormsIntegriert

Integration für Elementor Formular-Widget

WooCommerceIntegriert

Bot-Schutz für Checkout und Registrierung

Avada FormsIntegriert

Nahtlose Integration mit Avada Theme Builder Forms

Fluent FormsIntegriert

Bot-Schutz für Fluent Forms Formulare

☁️

Cloudflare-Kompatibilität

SilentShield funktioniert nahtlos mit Cloudflare. Setzen Sie es vor Ihrem Load Balancer ein oder kombinieren Sie es mit anderen Cloudflare-Services.

Vor Cloudflare Load Balancer?

Ja, problemlos möglich.

SilentShield kann direkt vor Ihrem Cloudflare Load Balancer eingesetzt werden. Das Script wird clientseitig ausgeführt und fügt sich nahtlos in Ihre bestehende Infrastruktur ein.

Keine Konflikte mit Cloudflare-Services
Kompatibel mit CDN und Caching
Zusätzliche Sicherheitsebene

EU-Datenhaltung als Differentiator

Der entscheidende Unterschied

Während viele mit Cloudflare Turnstile arbeiten, bietet SilentShield einen klaren Vorteil durch EU-gehostete Infrastruktur und cookielose Architektur.

100% DSGVO-konforme EU-Datenhaltung
Keine Cookies oder persistenter Storage
Transparente, faire Preisgestaltung

Integration mit Cloudflare

Script in <head> einbinden:

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

Vollständige Anleitung

CMS-Integration Guides

Schritt-für-Schritt Anleitungen für beliebte Content Management Systeme.

🛍️

Shopify

Fügen Sie SilentShield zu Ihrem Shopify-Kontaktformular hinzu

Anleitung ansehen

🌊

Webflow

Integration via Custom Code Embed

Anleitung ansehen

✨

Wix

Einbindung über Wix Code (Velo)

Anleitung ansehen

📝

WordPress

Manuelle Integration in WordPress-Themes

Anleitung ansehen

SilentShield Integration Guide

SilentShield schützt Ihre Formulare zuverlässig vor Bots – unsichtbar, DSGVO-konform und barrierefrei. Für volle Sicherheit muss der Frontend-Code (JavaScript) eingebunden und serverseitig verifiziert werden.

🛍️Shopify Integration

Frontend – Script-Einbindung

Gehen Sie zu Shopify Admin → Online Store → Themes
Klicken Sie auf "Actions → Edit code"
Öffnen Sie die Datei theme.liquid unter Layout
Fügen Sie vor dem </head>-Tag folgenden Code ein

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

Ersetzen Sie YOUR_API_KEY durch Ihren API-Schlüssel aus dem SilentShield-Dashboard.

Backend – Verifizierung (PHP-Beispiel)

<?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 Integration

Frontend

Öffnen Sie Ihr Projekt → Project Settings → Custom Code → Head Code
Fügen Sie diesen Code ein
Publizieren Sie die Seite

<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

Da Webflow keine direkte Server-Logik unterstützt, senden Sie Ihr Formular an einen eigenen Server oder Dienst (z. B. Make, n8n, AWS Lambda, Firebase Function). Dort führen Sie denselben Verifizierungs-Code wie im Shopify-Beispiel oben aus, bevor Sie das Formular weiterverarbeiten.

✨Wix Integration

Frontend

Öffnen Sie den Wix Editor
Aktivieren Sie Dev Mode (Velo)
Wählen Sie Add Custom Code → Head
Fügen Sie den gleichen <script>-Code ein
Publizieren Sie die 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-Function)

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 Integration

Frontend (Manuell oder 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-Verifikation)

$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.');

Empfehlung: Nutzen Sie unser offizielles WordPress-Plugin

Für einfachere Integration nutzen Sie unser Plugin direkt aus dem WordPress-Verzeichnis.

WordPress Plugin herunterladen

Zusammenfassung

Plattform	Frontend Integration	Backend-Verifikation
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Externer Server-Check
Wix (Velo)	Custom Code → Head	HTTP-Function
WordPress	wp_head() oder Plugin	PHP-Formular-Handler

Bereit für die Integration?

Starten Sie in weniger als 60 Sekunden mit unserer API-First-Lösung.

Kostenlos starten Dokumentation