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.

Package NPM pour React & Next.js

Utilisez notre package NPM officiel pour une intégration transparente dans les projets React et Next.js.

@silentshield/react

Package React officiel avec support TypeScript et Hooks

Installation

npm install @silentshield/react

Utilisation

// Dans votre composant React
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

Documentation

📝

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

Voir le Guide

🌊

Webflow

Intégration via Custom Code Embed

Voir le Guide

✨

Wix

Intégration via Wix Code (Velo)

Voir le Guide

📝

WordPress

Intégration manuelle dans les thèmes WordPress

Voir le Guide

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

Allez dans Shopify Admin → Boutique en ligne → Thèmes
Cliquez sur "Actions → Modifier le code"
Ouvrez le fichier theme.liquid sous Disposition
Insérez le code suivant avant la balise </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>

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

🌊Intégration Webflow

Frontend

Ouvrez votre projet → Project Settings → Custom Code → Head Code
Insérez ce code
Publiez la page

<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

É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

Ouvrez l'Éditeur Wix
Activez le Mode Dev (Velo)
Sélectionnez Ajouter Code Personnalisé → Head
Insérez le même code <script>
Publiez le site web

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

📝Intégration WordPress

Frontend (Manuel ou 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 (Vérification 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);
$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é

Plateforme	Intégration Frontend	Vérification Backend
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Vérification de Serveur Externe
Wix (Velo)	Custom Code → Head	Fonction HTTP
WordPress	wp_head() ou Plugin	Gestionnaire de Formulaire PHP

Prêt pour l'intégration?

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

Démarrer gratuitement Documentation