Integração em 60 Segundos

Integrações SilentShield

Fácil integração nas suas plataformas e frameworks favoritos. API-First, agnóstico a frameworks, pronto em minutos.

Pacote NPM para React & Next.js

Utilize o nosso pacote NPM oficial para uma integração perfeita em projetos React e Next.js.

@silentshield/react

Pacote React oficial com suporte TypeScript e Hooks

Instalação

npm install @silentshield/react

Utilização

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

Pacote NPM Documentação

📝

captcha-for-contact-form-7

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

Baixar Plugin WordPress

Contact Form 7Integrado

Adicione proteção invisível contra bots aos formulários CF7

WPFormsIntegrado

Proteja WPForms contra spam e bots

Elementor FormsIntegrado

Integração para o Widget de Formulário Elementor

WooCommerceIntegrado

Proteção contra bots para checkout e registro

Avada FormsIntegrado

Integração perfeita com os formulários Avada Theme Builder

Fluent FormsIntegrado

Proteção contra bots para formulários Fluent Forms

☁️

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.

Alojamento de dados na UE 100% compatível com GDPR
Sem cookies ou armazenamento persistente
Preços transparentes e justos

Integração com Cloudflare

Incorporar script no <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>

Guia Completo

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

Ver Guia

🌊

Webflow

Integração via Custom Code Embed

Ver Guia

✨

Wix

Incorporação via Wix Code (Velo)

Ver Guia

📝

WordPress

Integração manual em temas WordPress

Ver Guia

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

Substitua YOUR_API_KEY pela sua chave API do painel SilentShield.

Backend – Verificação (Exemplo 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
?>

🌊Integração Webflow

Frontend

Abra o seu projeto → Project Settings → Custom Code → Head Code
Insira este código
Publique a 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

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

📝Integração WordPress

Frontend (Manual 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 (Verificação 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.');

Recomendação: Utilize o nosso plugin oficial WordPress

Para uma integração mais fácil, utilize o nosso plugin diretamente do diretório WordPress.

Baixar Plugin WordPress

Resumo

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 em menos de 60 segundos com a nossa solução API-First.

Começar gratuitamente Documentação