SilentShield

Skrypt + weryfikacja na serwerze

Integracje SilentShield

Prosta integracja z preferowanymi platformami i frameworkami: skrypt w przeglądarce i weryfikacja na własnym serwerze. Oparte na API i niezależne od frameworka.

Szybki start

Na żywo w 3 krokach

Od rejestracji do aktywnej ochrony — bez przebudowy serwera.

01

Utwórz API key

Rejestracja i wygenerowanie w Dashboardzie Site-Key dla Państwa domeny — za darmo, w niecałą minutę.

Pakiet NPM dla Node.js, React & Next.js

Skrypt klienta SilentShield osadza się we frontendzie, a nonce weryfikuje w backendzie za pomocą naszego oficjalnego pakietu Node.

@forge12interactive/silentshield-sdk-js

Oficjalny pakiet Node.js do weryfikacji w backendzie

Instalacja

npm install @forge12interactive/silentshield-sdk-js

Użycie

// 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 });
📝

Wtyczka WordPress

Natywna integracja dla najpopularniejszych wtyczek formularzy WordPress. Niewidoczna ochrona anty-spam bez przeszkód CAPTCHA.

SilentShield Captcha

Nasza oficjalna wtyczka WordPress jest już dostępna w katalogu WordPress. Bezproblemowa integracja z Contact Form 7: Niewidoczna, zgodna z RODO, dostępna.

  • Instalacja jednym kliknięciem bezpośrednio z WordPressa
  • Centralna konfiguracja w administracji WordPress
  • Automatyczne aktualizacje i konserwacja

Contact Form 7Przetestowano

Niewidoczna ochrona przed botami dla formularzy CF7, przetestowana z wtyczką.

WPFormsPrzetestowano

Ochrona przed botami dla formularzy WPForms, przetestowana z wtyczką.

Elementor FormsPrzetestowano

Ochrona przed botami dla formularzy Elementor Forms, przetestowana z wtyczką.

WooCommercePrzetestowano

Klasyczna kasa i kasa blokowa przetestowane.

Avada FormsPrzetestowano

Ochrona przed botami dla formularzy Avada Forms, przetestowana z wtyczką.

Fluent FormsPrzetestowano

Ochrona przed botami dla formularzy Fluent Forms, przetestowana z wtyczką.

Przetestowano: 7 października 2026 · SilentShield Captcha 2.15.14 · WordPress 7.1.2

☁️

Kompatybilność z Cloudflare

SilentShield działa bezproblemowo z Cloudflare. Można go wdrożyć przed Load Balancerem lub połączyć z innymi usługami Cloudflare.

Przed Cloudflare Load Balancerem?

Tak, możliwe bez problemów.

SilentShield może być wdrożony bezpośrednio przed Państwa Cloudflare Load Balancerem. Skrypt jest wykonywany po stronie klienta i bezproblemowo integruje się z Państwa istniejącą infrastrukturą.

  • Brak konfliktów z usługami Cloudflare
  • Kompatybilny z CDN i buforowaniem
  • Dodatkowa warstwa bezpieczeństwa

Przechowywanie Danych w UE jako Czynnik Różnicujący

Kluczowa różnica

Podczas gdy wielu pracuje z Cloudflare Turnstile, SilentShield oferuje wyraźną przewagę dzięki infrastrukturze hostowanej w UE i architekturze bez plików cookie.

  • Do użycia zgodnie z RODO, dane w Niemczech
  • Brak plików cookie lub trwałego magazynu
  • Przejrzyste, uczciwe ceny

Integracja z Cloudflare

Osadzenie skryptu w <head>:

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  referrerpolicy="origin"
  defer
></script>
Pełny Przewodnik

Przewodniki Integracji CMS

Instrukcje krok po kroku dla popularnych systemów zarządzania treścią.

🛍️

Shopify

SilentShield w formularzu kontaktowym Shopify

🌊

Webflow

Integracja za pomocą Custom Code Embed

✨

Wix

Osadzanie przez Wix Code (Velo)

📝

WordPress

Ręczna integracja w motywy WordPress

Przewodnik Integracji SilentShield

SilentShield niezawodnie chroni Państwa formularze przed botami – niewidoczny, zgodny z RODO i dostępny. Dla pełnego bezpieczeństwa kod frontendowy (JavaScript) musi być osadzony i zweryfikowany po stronie serwera.

🛍️Integracja Shopify

Frontend – Script-Einbindung

  1. Przejść do Shopify Admin → Sklep Online → Motywy
  2. Kliknąć "Akcje → Edytuj kod"
  3. Otworzyć plik theme.liquid w sekcji Układ
  4. Wstawić następujący kod przed tagiem </head>
<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  referrerpolicy="origin"
  defer
></script>

Zastąp YOUR_API_KEY swoim kluczem API z pulpitu SilentShield.

Backend – Weryfikacja (Przykład PHP)

Shopify nie wykonuje w motywach własnego kodu serwerowego, a formularze kontaktowe i klienckie Shopify wysyłają dane bezpośrednio do Shopify – tam SilentShield niczego nie sprawdza. Aby weryfikacja odbywała się po stronie serwera, formularz musi wysyłać dane na Państwa własny serwer, trasę App Proxy lub do usługi takiej jak Make, n8n czy funkcja w chmurze, która przed przekazaniem danych wykona poniższy kod. Sam skrypt w motywie nie zastępuje tej weryfikacji.

<?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
?>

🌊Integracja Webflow

Frontend

  1. Otworzyć swój projekt → Project Settings → Custom Code → Head Code
  2. Wstawić ten kod
  3. Opublikować stronę
<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  referrerpolicy="origin"
  defer
></script>

Backend

Ponieważ Webflow nie obsługuje bezpośredniej logiki serwera, formularz należy wysłać na własny serwer lub usługę (np. Make, n8n, AWS Lambda, Firebase Function). Tam, przed dalszym przetworzeniem formularza, należy wykonać ten sam kod weryfikacyjny, co w powyższym przykładzie Shopify.

✨Wix Integracja

Frontend

  1. Otworzyć Edytor Wix
  2. Aktywować Dev Mode (Velo)
  3. Wybrać Dodaj Kod Niestandardowy → Head
  4. Wstawić ten sam kod <script>
  5. Opublikować witrynę
<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  referrerpolicy="origin"
  defer
></script>

Backend (Funkcja 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" } }));
}

📝Integracja WordPress

Frontend (Ręcznie lub Wtyczka)

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 (Weryfikacja 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.');

Zalecenie: nasza oficjalna wtyczka WordPress

Aby ułatwić integrację, zalecamy użycie naszej wtyczki bezpośrednio z katalogu WordPress.

Pobierz Wtyczkę WordPress

Podsumowanie

PlatformaIntegracja FrontendWeryfikacja Backend
Shopifytheme.liquid <script>App-Proxy / PHP / Node
WebflowProject Settings → HeadZewnętrzne Sprawdzenie Serwera
Wix (Velo)Custom Code → HeadFunkcja HTTP
WordPresswp_head() lub WtyczkaPHP Form Handler

Gotowy do integracji?

Start za darmo z naszym rozwiązaniem opartym na API.