Integración en 60 Segundos

Integraciones SilentShield

Fácil integración en tus plataformas y frameworks favoritos. API-First, agnóstico al framework, listo en minutos.

Paquete NPM para React & Next.js

Utiliza nuestro paquete oficial de NPM para una integración perfecta en proyectos de React y Next.js.

@silentshield/react

Paquete oficial de React con soporte TypeScript y Hooks

Instalación

npm install @silentshield/react

Uso

// En tu componente React
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

Paquete NPM Documentación

📝

captcha-for-contact-form-7

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

Descargar Plugin de WordPress

Contact Form 7Integrado

Añade protección invisible contra bots a los formularios CF7

WPFormsIntegrado

Protege WPForms contra spam y bots

Elementor FormsIntegrado

Integración para el Widget de Formulario de Elementor

WooCommerceIntegrado

Protección contra bots para el checkout y registro

Avada FormsIntegrado

Integración perfecta con los formularios Avada Theme Builder

Fluent FormsIntegrado

Protección contra bots para formularios Fluent Forms

☁️

Compatibilidad con Cloudflare

SilentShield funciona perfectamente con Cloudflare. Desplégalo delante de tu Load Balancer o combínalo con otros servicios de Cloudflare.

¿Delante del Cloudflare Load Balancer?

Sí, es posible sin problemas.

SilentShield se puede desplegar directamente delante de tu Cloudflare Load Balancer. El script se ejecuta en el lado del cliente y se integra perfectamente en tu 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.

Alojamiento de datos en la UE 100% compatible con GDPR
Sin cookies ni almacenamiento persistente
Precios transparentes y justos

Integración con Cloudflare

Insertar script en <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>

Guía Completa

Guías de Integración CMS

Instrucciones paso a paso para sistemas de gestión de contenido populares.

🛍️

Shopify

Añade SilentShield a tu formulario de contacto de Shopify

Ver Guía

🌊

Webflow

Integración mediante Custom Code Embed

Ver Guía

✨

Wix

Inclusión a través de Wix Code (Velo)

Ver Guía

📝

WordPress

Integración manual en temas de WordPress

Ver Guía

Guía de Integración SilentShield

SilentShield protege de forma fiable tus 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

Ve a Shopify Admin → Tienda Online → Temas
Haz clic en "Acciones → Editar código"
Abre el archivo theme.liquid bajo Diseño
Inserta el siguiente código antes de la etiqueta </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>

Reemplaza YOUR_API_KEY con tu clave API desde el panel de SilentShield.

Backend – Verificación (Ejemplo 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
?>

🌊Integración Webflow

Frontend

Abre tu proyecto → Configuración del proyecto → Código personalizado → Head Code
Inserta este código
Publica la página

<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

Dado que Webflow no admite lógica directa de servidor, envía tu formulario a un servidor o servicio propio (p. ej., Make, n8n, AWS Lambda, Firebase Function). Allí, ejecuta el mismo código de verificación que en el ejemplo de Shopify anterior, antes de continuar procesando el formulario.

✨Integración Wix

Frontend

Abre el Editor de Wix
Activa el Modo Desarrollador (Velo)
Selecciona Añadir Código Personalizado → Head
Inserta el mismo código <script>
Publica el sitio 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 (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/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" } }));
}

📝Integración WordPress

Frontend (Manual o 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 (Verificación 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.');

Recomendación: Utiliza 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 WordPress

Resumen

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?

Empieza en menos de 60 segundos con nuestra solución API-First.

Empezar gratis Documentación