Integration in 60 seconds

SilentShield Integrations

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

NPM Package for React & Next.js

Use our official NPM package for seamless integration into React and Next.js projects.

@silentshield/react

Official React package with TypeScript support and hooks

Installation

npm install @silentshield/react

Usage

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

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

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

<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

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 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 (Manual or 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 Verification)

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

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