Skript + kontrola na serveri

SilentShield Integrácie

Jednoduchá integrácia do vašich obľúbených platforiem a frameworkov: skript v prehliadači a kontrola na vašom serveri. Postavené na API a nezávislé od frameworku.

Rýchly štart

Naživo v 3 krokoch

Od registrácie k aktívnej ochrane — bez prestavby servera.

Vytvorte API kľúč

Zaregistrujte sa a v Dashboarde vygenerujte Site-Key pre svoju doménu — zadarmo, za menej než minútu.

NPM balík pre Node.js, React & Next.js

Vložte klientský skript SilentShield do frontendu a overujte nonce na backende pomocou nášho oficiálneho Node balíka.

@forge12interactive/silentshield-sdk-js

Oficiálny Node.js balík na overenie na backende

Inštalácia

npm install @forge12interactive/silentshield-sdk-js

Použitie

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

NPM Package Dokumentácia

📝

WordPress plugin

Natívna integrácia pre najpopulárnejšie formulárové pluginy WordPress. Neviditeľná anti-spam ochrana bez prekážok CAPTCHA.

SilentShield Captcha

Náš oficiálny WordPress plugin je teraz k dispozícii v adresári WordPress. Bezproblémová integrácia s Contact Form 7: Neviditeľný, v súlade s GDPR, prístupný.

Inštalácia jedným kliknutím priamo z WordPressu
Centrálna konfigurácia v administrácii WordPress
Automatické aktualizácie a údržba

Spustite sprievodcu pre WordPress Stiahnuť WordPress Plugin

Contact Form 7Overené

Neviditeľná ochrana proti botom pre formuláre CF7, overená s pluginom.

WPFormsOverené

Ochrana proti botom pre formuláre WPForms, overená s pluginom.

Elementor FormsOverené

Ochrana proti botom pre formuláre Elementor Forms, overená s pluginom.

WooCommerceOverené

Klasická aj bloková pokladňa overené.

Avada FormsOverené

Ochrana proti botom pre formuláre Avada Forms, overená s pluginom.

Fluent FormsOverené

Ochrana proti botom pre formuláre Fluent Forms, overená s pluginom.

☁️

Cloudflare Kompatibilita

SilentShield funguje bezproblémovo s Cloudflare. Nasaďte ho pred váš Load Balancer alebo ho skombinujte s inými službami Cloudflare.

Pred Cloudflare Load Balancer?

Áno, možné bez problémov.

SilentShield môže byť nasadený priamo pred váš Cloudflare Load Balancer. Skript sa spúšťa na strane klienta a bezproblémovo zapadá do vašej existujúcej infraštruktúry.

Žiadne konflikty so službami Cloudflare
Kompatibilné s CDN a cachovaním
Dodatočná úroveň zabezpečenia

Uchovávanie Dát v EÚ ako Rozlišovací Znak

Rozhodujúci rozdiel

Zatiaľ čo mnohí pracujú s Cloudflare Turnstile, SilentShield ponúka jasnú výhodu vďaka infraštruktúre hostovanej v EÚ a architektúre bez cookies.

Možno nasadiť v súlade s GDPR, dáta v Nemecku
Žiadne cookies ani perzistentné úložisko
Transparentné, férové ceny

Integrácia s Cloudflare

Vloženie skriptu do <head>:

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  defer
></script>

Úplný návod

Sprievodcovia integráciou CMS

Pokyny krok za krokom pre populárne systémy pre správu obsahu.

🛍️

Shopify

Pridajte SilentShield do vášho kontaktného formulára Shopify

Zobraziť Sprievodcu

🌊

Webflow

Integrácia pomocou Custom Code Embed

Zobraziť Sprievodcu

✨

Wix

Vloženie cez Wix Code (Velo)

Zobraziť Sprievodcu

📝

WordPress

Manuálna integrácia do WordPress tém

Zobraziť Sprievodcu

Sprievodca integráciou SilentShield

SilentShield spoľahlivo chráni vaše formuláre pred botmi – neviditeľný, v súlade s GDPR a prístupný. Pre plnú bezpečnosť musí byť frontend kód (JavaScript) vložený a overený na strane servera.

🛍️Shopify Integrácia

Frontend – Script-Einbindung

Prejdite do Shopify Admin → Online Obchod → Témy
Kliknite na "Akcie → Upraviť kód"
Otvorte súbor theme.liquid pod Layout
Vložte nasledujúci kód pred značku </head>

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  defer
></script>

Nahraďte YOUR_API_KEY vaším API kľúčom z riadiaceho panela SilentShield.

Backend – Overenie (Príklad PHP)

Shopify v témach nespúšťa vlastný serverový kód a kontaktné a zákaznícke formuláre Shopify odosielajú údaje priamo do Shopify – tam SilentShield nič nekontroluje. Na kontrolu na strane servera musí formulár odosielať na Váš vlastný server, trasu App Proxy alebo do služby ako Make, n8n či cloudová funkcia, ktorá pred odovzdaním údajov spustí nižšie uvedený kód. Samotný skript v téme túto kontrolu nenahrádza.

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

🌊Webflow Integrácia

Frontend

Otvorte svoj projekt → Project Settings → Custom Code → Head Code
Vložte tento kód
Publikujte stránku

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  defer
></script>

Backend

Pretože Webflow nepodporuje priamu serverovú logiku, odošlite svoj formulár na vlastný server alebo službu (napr. Make, n8n, AWS Lambda, Firebase Function). Tam vykonajte rovnaký overovací kód ako v príklade Shopify vyššie, predtým ako budete formulár ďalej spracovávať.

✨Wix Integrácia

Frontend

Otvorte Wix Editor
Aktivujte Dev Mode (Velo)
Vyberte Pridať Vlastný Kód → Head
Vložte rovnaký <script> kód
Publikujte webovú stránku

<script
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY"
  crossorigin="anonymous"
  defer
></script>

Backend (Velo HTTP-Funkcia)

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

📝WordPress Integrácia

Frontend (Manuálne alebo Plugin)

add_action('wp_head', function () {
  echo '<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" defer></script>';
});

Backend (PHP Overenie)

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

Odporúčanie: Použite náš oficiálny WordPress plugin

Pre jednoduchšiu integráciu použite náš plugin priamo z adresára WordPress.

Stiahnuť WordPress Plugin

Zhrnutie

Platforma	Frontend Integrácia	Backend Overenie
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Externá Serverová Kontrola
Wix (Velo)	Custom Code → Head	HTTP Funkcia
WordPress	wp_head() alebo Plugin	PHP Form Handler

Pripravení na integráciu?

Začnite zadarmo s naším riešením postaveným na API.

Začnite zadarmo Dokumentácia