Integrácia za 60 sekúnd

SilentShield Integrácie

Jednoduchá integrácia do vašich obľúbených platforiem a frameworkov. API-First, frameworkovo agnostické, pripravené za pár minút.

NPM Balík pre React & Next.js

Použite náš oficiálny NPM balík pre bezproblémovú integráciu do projektov React a Next.js.

@silentshield/react

Oficiálny React balík s podporou TypeScript a Hooks

Inštalácia

npm install @silentshield/react

Použitie

// Vo vašom React komponente
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

NPM Balík Dokumentácia

📝

captcha-for-contact-form-7

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

Stiahnuť WordPress Plugin

Contact Form 7Integrované

Pridajte neviditeľnú ochranu proti botom do formulárov CF7

WPFormsIntegrované

Chráňte WPForms pred spamom a botmi

Elementor FormsIntegrované

Integrácia pre widget formulára Elementor

WooCommerceIntegrované

Ochrana proti botom pre pokladňu a registráciu

Avada FormsIntegrované

Bezproblémová integrácia s formulármi Avada Theme Builder

Fluent FormsIntegrované

Ochrana proti botom pre formuláre Fluent Forms

☁️

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.

100% GDPR-kompatibilné uchovávanie dát v EÚ
Žiadne cookies ani perzistentné úložisko
Transparentné, férové ceny

Integrácia s Cloudflare

Vloženie skriptu do <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>

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

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

Backend – Overenie (Príklad 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
?>

🌊Webflow Integrácia

Frontend

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

<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

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

📝WordPress Integrácia

Frontend (Manuálne alebo 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 (PHP Overenie)

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

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 za menej ako 60 sekúnd s naším API-First riešením.

Začnite zadarmo Dokumentácia