Integrazione in 60 Secondi

Integrazioni SilentShield

Facile integrazione nelle tue piattaforme e framework preferiti. API-First, agnostico al framework, pronto in pochi minuti.

Pacchetto NPM per React & Next.js

Utilizza il nostro pacchetto NPM ufficiale per un'integrazione perfetta nei progetti React e Next.js.

@silentshield/react

Pacchetto React ufficiale con supporto TypeScript e Hooks

Installazione

npm install @silentshield/react

Utilizzo

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

Documentazione

📝

captcha-for-contact-form-7

Integrazione nativa per i plugin di modulo WordPress più popolari. Protezione anti-spam invisibile senza ostacoli CAPTCHA.

SilentShield Captcha

Il nostro plugin WordPress ufficiale è ora disponibile nella directory di WordPress. Integrazione perfetta con Contact Form 7: Invisibile, conforme al GDPR, accessibile.

Installazione con un clic direttamente da WordPress
Configurazione centrale nell'amministrazione di WordPress
Aggiornamenti e manutenzione automatici

Scarica il Plugin WordPress

Contact Form 7Integrato

Aggiungi una protezione invisibile dai bot ai moduli CF7

WPFormsIntegrato

Proteggi WPForms da spam e bot

Elementor FormsIntegrato

Integrazione per il Widget Modulo Elementor

WooCommerceIntegrato

Protezione dai bot per checkout e registrazione

Avada FormsIntegrato

Integrazione perfetta con i moduli Avada Theme Builder

Fluent FormsIntegrato

Protezione dai bot per i moduli Fluent Forms

☁️

Compatibilità Cloudflare

SilentShield funziona perfettamente con Cloudflare. Distribuiscilo davanti al tuo Load Balancer o combinalo con altri servizi Cloudflare.

Davanti al Cloudflare Load Balancer?

Sì, possibile senza problemi.

SilentShield può essere distribuito direttamente davanti al tuo Cloudflare Load Balancer. Lo script viene eseguito lato client e si integra perfettamente nella tua infrastruttura esistente.

Nessun conflitto con i servizi Cloudflare
Compatibile con CDN e caching
Livello di sicurezza aggiuntivo

Hosting dei Dati nell'UE come Elemento Distintivo

La differenza cruciale

Mentre molti lavorano con Cloudflare Turnstile, SilentShield offre un chiaro vantaggio grazie all'infrastruttura ospitata nell'UE e all'architettura senza cookie.

Hosting dei dati nell'UE conforme al 100% al GDPR
Nessun cookie o archiviazione persistente
Prezzi trasparenti ed equi

Integrazione con Cloudflare

Incorpora lo script in <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>

Guida Completa

Guide all'Integrazione CMS

Istruzioni passo dopo passo per i sistemi di gestione dei contenuti più diffusi.

🛍️

Shopify

Aggiungi SilentShield al tuo modulo di contatto Shopify

Visualizza Guida

🌊

Webflow

Integrazione tramite incorporamento di codice personalizzato

Visualizza Guida

✨

Wix

Incorporamento tramite Wix Code (Velo)

Visualizza Guida

📝

WordPress

Integrazione manuale nei temi WordPress

Visualizza Guida

Guida all'Integrazione SilentShield

SilentShield protegge in modo affidabile i tuoi moduli dai bot – invisibile, conforme al GDPR e accessibile. Per la massima sicurezza, il codice frontend (JavaScript) deve essere incorporato e verificato lato server.

🛍️Integrazione Shopify

Frontend – Script-Einbindung

Vai su Shopify Admin → Negozio Online → Temi
Clicca su "Azioni → Modifica codice"
Apri il file theme.liquid sotto Layout
Inserisci il seguente codice prima del 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>

Sostituisci YOUR_API_KEY con la tua chiave API dal dashboard di SilentShield.

Backend – Verifica (Esempio 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
?>

🌊Integrazione Webflow

Frontend

Apri il tuo progetto → Impostazioni Progetto → Codice Personalizzato → Codice Head
Inserisci questo codice
Pubblica la pagina

<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

Poiché Webflow non supporta la logica diretta del server, invia il tuo modulo al tuo server o servizio (ad esempio Make, n8n, AWS Lambda, Firebase Function). Lì, esegui lo stesso codice di verifica dell'esempio Shopify sopra, prima di procedere con l'elaborazione del modulo.

✨Integrazione Wix

Frontend

Apri l'Editor Wix
Attiva la Modalità Sviluppatore (Velo)
Seleziona Aggiungi Codice Personalizzato → Head
Inserisci lo stesso codice <script>
Pubblica il sito 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 (Funzione 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" } }));
}

📝Integrazione WordPress

Frontend (Manuale 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 (Verifica 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.');

Raccomandazione: Utilizza il nostro plugin WordPress ufficiale

Per un'integrazione più semplice, utilizza il nostro plugin direttamente dalla directory di WordPress.

Scarica il Plugin WordPress

Riepilogo

Piattaforma	Integrazione Frontend	Verifica Backend
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Controllo Server Esterno
Wix (Velo)	Custom Code → Head	Funzione HTTP
WordPress	wp_head() o Plugin	Gestore Moduli PHP

Pronto per l'integrazione?

Inizia in meno di 60 secondi con la nostra soluzione API-First.

Inizia gratuitamente Documentazione