Intégration en 60 secondes

Intégrations SilentShield

Intégration facile dans vos plateformes et frameworks préférés. API-First, agnostique au framework, prêt en quelques minutes.

Démarrage rapide

En ligne en 3 étapes

De l'inscription à la protection active — sans refonte du serveur.

01

Créez une API key

Inscrivez-vous et générez une Site-Key pour votre domaine dans le Dashboard — gratuit, en moins d'une minute.

Paquet NPM pour Node.js, React & Next.js

Intégrez le script client SilentShield dans votre front-end et vérifiez les nonces côté serveur avec notre paquet Node officiel.

@forge12interactive/silentshield-sdk-js

Paquet Node.js officiel pour la vérification côté serveur

Installation

npm install @forge12interactive/silentshield-sdk-js

Utilisation

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

captcha-for-contact-form-7

Intégration native pour les plugins de formulaire WordPress les plus populaires. Protection anti-spam invisible sans obstacles CAPTCHA.

SilentShield Captcha

Notre plugin WordPress officiel est maintenant disponible dans le répertoire WordPress. Intégration transparente avec Contact Form 7 : Invisible, conforme au RGPD, accessible.

  • Installation en un clic directement depuis WordPress
  • Configuration centrale dans l'administration WordPress
  • Mises à jour et maintenance automatiques
Télécharger le Plugin WordPress

Contact Form 7Intégré

Ajoutez une protection invisible contre les bots aux formulaires CF7

WPFormsIntégré

Protégez WPForms contre le spam et les bots

Elementor FormsIntégré

Intégration pour le Widget de Formulaire Elementor

WooCommerceIntégré

Protection contre les bots pour le paiement et l'enregistrement

Avada FormsIntégré

Intégration transparente avec les formulaires Avada Theme Builder

Fluent FormsIntégré

Protection contre les bots pour les formulaires Fluent Forms

☁️

Compatibilité Cloudflare

SilentShield fonctionne parfaitement avec Cloudflare. Déployez-le devant votre Load Balancer ou combinez-le avec d'autres services Cloudflare.

Devant Cloudflare Load Balancer?

Oui, possible sans problèmes.

SilentShield peut être déployé directement devant votre Cloudflare Load Balancer. Le script s'exécute côté client et s'intègre de manière transparente dans votre infrastructure existante.

  • Aucun conflit avec les services Cloudflare
  • Compatible avec CDN et la mise en cache
  • Couche de sécurité supplémentaire

Hébergement de Données dans l'UE comme Différenciateur

La différence cruciale

Alors que beaucoup travaillent avec Cloudflare Turnstile, SilentShield offre un avantage clair grâce à une infrastructure hébergée dans l'UE et une architecture sans cookies.

  • Hébergement de données dans l'UE 100% conforme au RGPD
  • Pas de cookies ni de stockage persistant
  • Tarification transparente et juste

Intégration avec Cloudflare

Intégrer le script dans <head>:

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

Guides d'Intégration CMS

Instructions étape par étape pour les systèmes de gestion de contenu populaires.

🛍️

Shopify

Ajoutez SilentShield à votre formulaire de contact Shopify

🌊

Webflow

Intégration via Custom Code Embed

Wix

Intégration via Wix Code (Velo)

📝

WordPress

Intégration manuelle dans les thèmes WordPress

Guide d'Intégration SilentShield

SilentShield protège vos formulaires de manière fiable contre les bots – invisible, conforme au RGPD et accessible. Pour une sécurité totale, le code frontend (JavaScript) doit être intégré et vérifié côté serveur.

🛍️Intégration Shopify

Frontend – Script-Einbindung

  1. Allez dans Shopify Admin → Boutique en ligne → Thèmes
  2. Cliquez sur "Actions → Modifier le code"
  3. Ouvrez le fichier theme.liquid sous Disposition
  4. Insérez le code suivant avant la balise </head>
<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  defer
></script>

Remplacez YOUR_API_KEY par votre clé API du tableau de bord SilentShield.

Backend – Vérification (Exemple PHP)

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

🌊Intégration Webflow

Frontend

  1. Ouvrez votre projet → Project Settings → Custom Code → Head Code
  2. Insérez ce code
  3. Publiez la page
<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  defer
></script>

Backend

Étant donné que Webflow ne prend pas en charge la logique de serveur directe, envoyez votre formulaire à votre propre serveur ou service (par exemple, Make, n8n, AWS Lambda, Firebase Function). Exécutez-y le même code de vérification que dans l'exemple Shopify ci-dessus, avant de traiter le formulaire davantage.

Intégration Wix

Frontend

  1. Ouvrez l'Éditeur Wix
  2. Activez le Mode Dev (Velo)
  3. Sélectionnez Ajouter Code Personnalisé → Head
  4. Insérez le même code <script>
  5. Publiez le site web
<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  defer
></script>

Backend (Fonction HTTP Velo)

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

📝Intégration WordPress

Frontend (Manuel ou Plugin)

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

Backend (Vérification 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);
$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.');

Recommandation : Utilisez notre plugin WordPress officiel

Pour une intégration plus facile, utilisez notre plugin directement depuis le répertoire WordPress.

Télécharger le Plugin WordPress

Résumé

PlateformeIntégration FrontendVérification Backend
Shopifytheme.liquid <script>App-Proxy / PHP / Node
WebflowProject Settings → HeadVérification de Serveur Externe
Wix (Velo)Custom Code → HeadFonction HTTP
WordPresswp_head() ou PluginGestionnaire de Formulaire PHP

Prêt pour l'intégration?

Commencez en moins de 60 secondes avec notre solution API-First.