Script + verificação no servidor
Integrações SilentShield
Integração simples nas suas plataformas e frameworks preferidos: um script no navegador e uma verificação no seu servidor. Centrado na API e independente de framework.
Início rápido
Ativo em 3 passos
Do registo à proteção ativa — sem reformular o servidor.
Crie uma API key
Registe-se e gere uma Site-Key para o seu domínio no Dashboard — grátis, em menos de um minuto.
Pacote NPM para Node.js, React & Next.js
Incorpore o script de cliente da SilentShield no seu frontend e verifique nonces no seu backend com o nosso pacote Node oficial.
@forge12interactive/silentshield-sdk-js
Pacote Node.js oficial para verificação no backend
Instalação
Utilização
// 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 WordPress
Integração nativa para os plugins de formulário WordPress mais populares. Proteção anti-spam invisível sem barreiras CAPTCHA.
SilentShield Captcha
O nosso plugin oficial WordPress já está disponível no diretório WordPress. Integração perfeita com Contact Form 7: Invisível, compatível com GDPR, acessível.
- Instalação com um clique diretamente do WordPress
- Configuração central na administração do WordPress
- Atualizações e manutenção automáticas
Contact Form 7Testado
Proteção invisível contra bots para formulários CF7, testada com o plugin.
WPFormsTestado
Proteção contra bots para formulários WPForms, testada com o plugin.
Elementor FormsTestado
Proteção contra bots para formulários Elementor Forms, testada com o plugin.
WooCommerceTestado
Checkout clássico e checkout em blocos testados.
Avada FormsTestado
Proteção contra bots para formulários Avada Forms, testada com o plugin.
Fluent FormsTestado
Proteção contra bots para formulários Fluent Forms, testada com o plugin.
Compatibilidade Cloudflare
SilentShield funciona perfeitamente com o Cloudflare. Implante-o em frente ao seu Load Balancer ou combine-o com outros serviços Cloudflare.
Em frente ao Cloudflare Load Balancer?
Sim, possível sem problemas.
SilentShield pode ser implantado diretamente em frente ao seu Cloudflare Load Balancer. O script é executado no lado do cliente e integra-se perfeitamente na sua infraestrutura existente.
- Sem conflitos com serviços Cloudflare
- Compatível com CDN e caching
- Camada de segurança adicional
Alojamento de Dados na UE como Diferenciador
A diferença crucial
Enquanto muitos trabalham com Cloudflare Turnstile, o SilentShield oferece uma vantagem clara através da infraestrutura alojada na UE e de uma arquitetura sem cookies.
- Utilizável em conformidade com o RGPD, dados na Alemanha
- Sem cookies ou armazenamento persistente
- Preços transparentes e justos
Integração com Cloudflare
Incorporar script no <head>:
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" defer ></script>
Guias de Integração CMS
Instruções passo a passo para sistemas de gestão de conteúdo populares.
Shopify
Adicione SilentShield ao seu formulário de contacto Shopify
Webflow
Integração via Custom Code Embed
Wix
Incorporação via Wix Code (Velo)
WordPress
Integração manual em temas WordPress
Guia de Integração SilentShield
SilentShield protege de forma fiável os seus formulários contra bots – invisível, compatível com GDPR e acessível. Para segurança total, o código frontend (JavaScript) deve ser incorporado e verificado no lado do servidor.
🛍️Integração Shopify
Frontend – Script-Einbindung
- Vá para Shopify Admin → Loja Online → Temas
- Clique em "Ações → Editar código"
- Abra o ficheiro theme.liquid em Layout
- Insira o seguinte código antes da tag </head>
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" defer ></script>
Substitua YOUR_API_KEY pela sua chave API do painel SilentShield.
Backend – Verificação (Exemplo PHP)
O Shopify não executa código de servidor próprio nos temas, e os formulários de contacto e de cliente do Shopify enviam os dados diretamente para o Shopify – aí o SilentShield não verifica nada. Para uma verificação no servidor, o formulário tem de enviar para o seu próprio servidor, para uma rota App Proxy ou para um serviço como Make, n8n ou uma função na cloud que execute o código abaixo antes de reencaminhar os dados. O script no tema, por si só, não substitui esta verificação.
<?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
?>🌊Integração Webflow
Frontend
- Abra o seu projeto → Project Settings → Custom Code → Head Code
- Insira este código
- Publique a página
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" defer ></script>
Backend
Como o Webflow não suporta lógica direta do servidor, envie o seu formulário para um servidor ou serviço próprio (p. ex., Make, n8n, AWS Lambda, Firebase Function). Lá, execute o mesmo código de verificação do exemplo Shopify acima, antes de processar o formulário mais adiante.
✨Integração Wix
Frontend
- Abra o Editor Wix
- Ative o Modo Dev (Velo)
- Selecione Adicionar Código Personalizado → Head
- Insira o mesmo código <script>
- Publique o website
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" defer ></script>
Backend (Função 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/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" } }));
}📝Integração WordPress
Frontend (Manual 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 (Verificação 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.');Recomendação: Utilize o nosso plugin oficial WordPress
Para uma integração mais fácil, utilize o nosso plugin diretamente do diretório WordPress.
Transferir Plugin WordPressResumo
| Plataforma | Integração Frontend | Verificação Backend |
|---|---|---|
| Shopify | theme.liquid <script> | App-Proxy / PHP / Node |
| Webflow | Project Settings → Head | Verificação de Servidor Externo |
| Wix (Velo) | Custom Code → Head | Função HTTP |
| WordPress | wp_head() ou Plugin | Manipulador de Formulário PHP |
Pronto para a integração?
Comece gratuitamente com a nossa solução centrada na API.