Integration in 60 seconds

SilentShield Integrations

Easily integrate with your preferred platforms and frameworks. API-first, framework-agnostic, ready in minutes.

Quick start

Live in 3 steps

From sign-up to active protection — no server rebuild.

Create an API key

NPM package for Node.js, React & Next.js

Embed the SilentShield client script in your frontend and verify nonces on your backend with our official Node package.

@forge12interactive/silentshield-sdk-js

Official Node.js package for backend verification

Installation

npm install @forge12interactive/silentshield-sdk-js

Usage

// 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 });

NPM Package Documentation

📝

WordPress Plugin

Native integration for the most popular WordPress form plugins. Invisible anti-spam protection without CAPTCHA hurdles.

SilentShield Captcha

Our official WordPress plugin is now available in the WordPress directory. Seamless integration with Contact Form 7: invisible, GDPR-compliant, and accessible.

One-click installation directly from WordPress
Central configuration in the WordPress admin area
Automatic updates and maintenance

Download WordPress Plugin

Contact Form 7Integrated

Add invisible bot protection to CF7 forms

WPFormsIntegrated

Protect WPForms against spam and bots

Elementor FormsIntegrated

Integration for Elementor Form Widget

WooCommerceIntegrated

Bot protection for checkout and registration

Avada FormsIntegrated

Seamless integration with Avada Theme Builder Forms

Fluent FormsIntegrated

Bot protection for Fluent Forms

☁️

Cloudflare Compatibility

SilentShield works seamlessly with Cloudflare. Use it in front of your load balancer or combine it with other Cloudflare services.

In front of Cloudflare Load Balancer?

Yes, absolutely possible.

SilentShield can be deployed directly in front of your Cloudflare Load Balancer. The script runs client-side and integrates seamlessly into your existing infrastructure.

No conflicts with Cloudflare services
Compatible with CDN and caching
Additional layer of security

EU Data Hosting as a Differentiator

The decisive difference

While many rely on Cloudflare Turnstile, SilentShield offers a clear advantage with EU-hosted infrastructure and a cookieless architecture.

100% GDPR-compliant EU data hosting
No cookies or persistent storage
Transparent, fair pricing

Integration with Cloudflare

Embed the script in <head>:

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  defer
></script>

Full Guide

CMS Integration Guides

Step-by-step guides for popular content management systems.

🛍️

Shopify

Add SilentShield to your Shopify contact form

View Guide

🌊

Webflow

Integration via Custom Code Embed

View Guide

✨

Wix

Embed using Wix Code (Velo)

View Guide

📝

WordPress

Manual integration in WordPress themes

View Guide

SilentShield Integration Guide

SilentShield reliably protects your forms from bots – invisible, GDPR-compliant, and accessible. For full protection, the frontend JavaScript must be embedded and server-side verification implemented.

🛍️Shopify Integration

Frontend – Script-Einbindung

Go to Shopify Admin → Online Store → Themes
Click 'Actions → Edit code'
Open the file theme.liquid under Layout
Insert the following code before the </head> tag

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  defer
></script>

Replace YOUR_API_KEY with your API key from the SilentShield Dashboard.

Backend – Verification (PHP Example)

<?php
$api_key = "YOUR_API_KEY";
$nonce = $_POST['behavior_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

Open your project → Project Settings → Custom Code → Head Code
Insert this code
Publish the site

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  defer
></script>

Backend

Since Webflow does not support direct server logic, send your form to your own server or service (e.g. Make, n8n, AWS Lambda, Firebase Function). There, run the same verification code as in the Shopify example before processing the form.

✨Wix Integration

Frontend

Open the Wix Editor
Enable Dev Mode (Velo)
Select Add Custom Code → Head
Insert the same <script> code
Publish the website

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  defer
></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.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 Integration

Frontend (Manual or Plugin)

add_action('wp_head', function () {
  echo '<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" defer></script>';
});

Backend (PHP Verification)

$api_key = "YOUR_API_KEY";
$nonce = $_POST['behavior_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.');

Recommendation: Use our official WordPress plugin

For easier integration, use our plugin directly from the WordPress directory.

Download WordPress Plugin

Summary

Platform	Frontend Integration	Backend Verification
Shopify	theme.liquid <script>	App Proxy / PHP / Node
Webflow	Project Settings → Head	External Server Check
Wix (Velo)	Custom Code → Head	HTTP Function
WordPress	wp_head() or Plugin	PHP Form Handler

Ready to integrate?

Get started in less than 60 seconds with our API-first solution.

Start for free Documentation