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.
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
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>
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
- Przejść do Shopify Admin → Sklep Online → Motywy
- Kliknąć "Akcje → Edytuj kod"
- Otworzyć plik theme.liquid w sekcji Układ
- 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
- Otworzyć swój projekt → Project Settings → Custom Code → Head Code
- Wstawić ten kod
- 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
- Otworzyć Edytor Wix
- Aktywować Dev Mode (Velo)
- Wybrać Dodaj Kod Niestandardowy → Head
- Wstawić ten sam kod <script>
- 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ę WordPressPodsumowanie
| Platforma | Integracja Frontend | Weryfikacja Backend |
|---|---|---|
| Shopify | theme.liquid <script> | App-Proxy / PHP / Node |
| Webflow | Project Settings → Head | Zewnętrzne Sprawdzenie Serwera |
| Wix (Velo) | Custom Code → Head | Funkcja HTTP |
| WordPress | wp_head() lub Wtyczka | PHP Form Handler |
Gotowy do integracji?
Start za darmo z naszym rozwiązaniem opartym na API.