Script + verificación en el servidor
Integraciones SilentShield
Integración sencilla en sus plataformas y marcos de desarrollo preferidos: un script en el navegador y una verificación en su servidor. Centrado en la API e independiente del marco de desarrollo.
Inicio rápido
En marcha en 3 pasos
Del registro a la protección activa, sin rediseñar el servidor.
Cree una API key
Regístrese y genere una Site-Key para su dominio en el Dashboard: gratis y en menos de un minuto.
Paquete NPM para Node.js, React & Next.js
Incruste el script de cliente de SilentShield en su frontend y verifique los nonces en su backend con nuestro paquete Node oficial.
@forge12interactive/silentshield-sdk-js
Paquete oficial de Node.js para la verificación en el backend
Instalación
Uso
// 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 });Plugin de WordPress
Integración nativa para los plugins de formularios de WordPress más populares. Protección invisible anti-spam sin obstáculos CAPTCHA.
SilentShield Captcha
Nuestro plugin oficial de WordPress ya está disponible en el directorio de WordPress. Integración perfecta con Contact Form 7: Invisible, compatible con GDPR, accesible.
- Instalación con un solo clic directamente desde WordPress
- Configuración centralizada en la administración de WordPress
- Actualizaciones y mantenimiento automáticos
Contact Form 7Probado
Protección invisible contra bots para formularios CF7, probada con el plugin.
WPFormsProbado
Protección contra bots para formularios WPForms, probada con el plugin.
Elementor FormsProbado
Protección contra bots para formularios Elementor Forms, probada con el plugin.
WooCommerceProbado
Checkout clásico y checkout por bloques probados.
Avada FormsProbado
Protección contra bots para formularios Avada Forms, probada con el plugin.
Fluent FormsProbado
Protección contra bots para formularios Fluent Forms, probada con el plugin.
Probado: 7 de octubre de 2026 · SilentShield Captcha 2.15.14 · WordPress 7.1.2
Compatibilidad con Cloudflare
SilentShield funciona perfectamente con Cloudflare. Despliéguelo delante de su Load Balancer o combínelo con otros servicios de Cloudflare.
¿Delante del Cloudflare Load Balancer?
Sí, es posible sin problemas.
SilentShield se puede desplegar directamente delante de su Cloudflare Load Balancer. El script se ejecuta en el lado del cliente y se integra perfectamente en su infraestructura existente.
- Sin conflictos con los servicios de Cloudflare
- Compatible con CDN y caching
- Capa de seguridad adicional
Alojamiento de Datos en la UE como Diferenciador
La diferencia crucial
Mientras muchos trabajan con Cloudflare Turnstile, SilentShield ofrece una clara ventaja a través de una infraestructura alojada en la UE y una arquitectura sin cookies.
- Utilizable conforme al RGPD, datos en Alemania
- Sin cookies ni almacenamiento persistente
- Precios transparentes y justos
Integración con Cloudflare
Insertar script en <head>:
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Guías de Integración CMS
Instrucciones paso a paso para sistemas de gestión de contenido populares.
Shopify
Añada SilentShield a su formulario de contacto de Shopify
Webflow
Integración mediante Custom Code Embed
Wix
Inclusión a través de Wix Code (Velo)
WordPress
Integración manual en temas de WordPress
Guía de Integración SilentShield
SilentShield protege de forma fiable sus formularios contra bots – invisible, compatible con GDPR y accesible. Para una seguridad total, el código frontend (JavaScript) debe ser incrustado y verificado en el lado del servidor.
🛍️Integración Shopify
Frontend – Script-Einbindung
- Vaya a Shopify Admin → Tienda Online → Temas
- Haga clic en "Acciones → Editar código"
- Abra el archivo theme.liquid bajo Diseño
- Inserte el siguiente código antes de la etiqueta </head>
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Reemplace YOUR_API_KEY con su clave API desde el panel de SilentShield.
Backend – Verificación (Ejemplo PHP)
Shopify no ejecuta código de servidor propio en los temas, y los formularios de contacto y de clientes de Shopify envían los datos directamente a Shopify: allí SilentShield no comprueba nada. Para una comprobación en el servidor, el formulario debe enviarse a su propio servidor, a una ruta de App Proxy o a un servicio como Make, n8n o una función en la nube que ejecute el código siguiente antes de reenviar los datos. El script del tema por sí solo no sustituye esta comprobación.
<?php
$api_key = "YOUR_API_KEY";
$nonce = $_POST['behavior_nonce'] ?? '';
$payload = json_encode(['nonce' => $nonce]);
$ch = curl_init("https://api.silentshield.io/api/v1/captcha/verify-nonce");
curl_setopt_array($ch, [
CURLOPT_RETURNTRANSFER => true,
CURLOPT_POST => true,
CURLOPT_HTTPHEADER => [
"Content-Type: application/json",
"X-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
?>🌊Integración Webflow
Frontend
- Abra su proyecto → Configuración del proyecto → Código personalizado → Head Code
- Inserte este código
- Publica la página
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Backend
Dado que Webflow no admite lógica directa de servidor, envíe su formulario a un servidor o servicio propio (p. ej., Make, n8n, AWS Lambda, Firebase Function). Allí, ejecute el mismo código de verificación que en el ejemplo de Shopify anterior, antes de continuar procesando el formulario.
✨Integración Wix
Frontend
- Abra el Editor de Wix
- Active el Modo Desarrollador (Velo)
- Seleccione Añadir Código Personalizado → Head
- Inserte el mismo código <script>
- Publica el sitio web
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Backend (Función HTTP de 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/api/v1/captcha/verify-nonce", {
method: "POST",
headers: {
"Content-Type": "application/json",
"X-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" } }));
}📝Integración WordPress
Frontend (Manual o Plugin)
add_action('wp_head', function () {
echo '<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer></script>';
});Backend (Verificación PHP)
$api_key = "YOUR_API_KEY";
$nonce = $_POST['behavior_nonce'] ?? '';
$payload = json_encode(['nonce' => $nonce]);
$ch = curl_init("https://api.silentshield.io/api/v1/captcha/verify-nonce");
curl_setopt_array($ch, [
CURLOPT_RETURNTRANSFER => true,
CURLOPT_POST => true,
CURLOPT_HTTPHEADER => ["Content-Type: application/json", "X-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.');Recomendación: Utilice nuestro plugin oficial de WordPress
Para una integración más fácil, utiliza nuestro plugin directamente desde el directorio de WordPress.
Descargar Plugin de WordPressResumen
| Plataforma | Integración Frontend | Verificación Backend |
|---|---|---|
| Shopify | theme.liquid <script> | App-Proxy / PHP / Node |
| Webflow | Project Settings → Head | Comprobación de Servidor Externo |
| Wix (Velo) | Custom Code → Head | Función HTTP |
| WordPress | wp_head() o Plugin | Manejador de Formularios PHP |
¿Listo para la integración?
Empiece gratis con nuestra solución centrada en la API.