Integrace za 60 sekund

SilentShield Integrace

Snadná integrace do vašich oblíbených platforem a frameworků. API-First, nezávislé na frameworku, připravené během několika minut.

NPM Balíček pro React & Next.js

Použijte náš oficiální NPM balíček pro bezproblémovou integraci do projektů React a Next.js.

@silentshield/react

Oficiální React balíček s podporou TypeScript a Hooks

Instalace

npm install @silentshield/react

Použití

// Ve vaší React komponentě
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

NPM Balíček Dokumentace

📝

captcha-for-contact-form-7

Nativní integrace pro nejoblíbenější formulářové pluginy WordPress. Neviditelná anti-spam ochrana bez překážek CAPTCHA.

SilentShield Captcha

Náš oficiální WordPress plugin je nyní k dispozici v adresáři WordPress. Bezproblémová integrace s Contact Form 7: Neviditelný, v souladu s GDPR, přístupný.

Instalace jedním kliknutím přímo z WordPressu
Centrální konfigurace v administraci WordPress
Automatické aktualizace a údržba

Stáhnout WordPress Plugin

Contact Form 7Integrováno

Přidejte neviditelnou ochranu proti botům do formulářů CF7

WPFormsIntegrováno

Chraňte WPForms před spamem a boty

Elementor FormsIntegrováno

Integrace pro widget formuláře Elementor

WooCommerceIntegrováno

Ochrana proti botům pro pokladnu a registraci

Avada FormsIntegrováno

Bezproblémová integrace s formuláři Avada Theme Builder

Fluent FormsIntegrováno

Ochrana proti botům pro formuláře Fluent Forms

☁️

Kompatibilita s Cloudflare

SilentShield funguje bezproblémově s Cloudflare. Nasazte jej před váš Load Balancer nebo jej zkombinujte s jinými službami Cloudflare.

Před Cloudflare Load Balancer?

Ano, možné bez problémů.

SilentShield lze nasadit přímo před váš Cloudflare Load Balancer. Skript se spouští na straně klienta a bezproblémově zapadá do vaší stávající infrastruktury.

Žádné konflikty se službami Cloudflare
Kompatibilní s CDN a cachováním
Dodatečná úroveň zabezpečení

Uchovávání dat v EU jako Rozlišovací Znak

Rozhodující rozdíl

Zatímco mnozí pracují s Cloudflare Turnstile, SilentShield nabízí jasnou výhodu díky infrastruktuře hostované v EU a architektuře bez cookies.

100% GDPR-kompatibilní uchovávání dat v EU
Žádné cookies ani persistentní úložiště
Transparentní, férové ceny

Integrace s Cloudflare

Vložení 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

Průvodce integrací CMS

Pokyny krok za krokem pro populární systémy pro správu obsahu.

🛍️

Shopify

Přidejte SilentShield do vašeho kontaktního formuláře Shopify

Zobrazit návod

🌊

Webflow

Integrace pomocí Custom Code Embed

Zobrazit návod

✨

Wix

Vložení přes Wix Code (Velo)

Zobrazit návod

📝

WordPress

Ruční integrace do WordPress témat

Zobrazit návod

Průvodce integrací SilentShield

SilentShield spolehlivě chrání vaše formuláře před boty – neviditelný, v souladu s GDPR a přístupný. Pro plnou bezpečnost musí být front-end kód (JavaScript) vložen a ověřen na straně serveru.

🛍️Shopify Integrace

Frontend – Script-Einbindung

Přejděte do Shopify Admin → Online Store → Témata
Klikněte na "Actions → Editovat kód"
Otevřete soubor theme.liquid pod Layout
Vložte následující kód před 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 klíčem z řídicího panelu SilentShield.

Backend – Ověření (Pří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 Integrace

Frontend

Otevřete svůj projekt → Nastavení projektu → Vlastní kód → 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

Protože Webflow nepodporuje přímou serverovou logiku, odešlete svůj formulář na vlastní server nebo službu (např. Make, n8n, AWS Lambda, Firebase Function). Tam proveďte stejný ověřovací kód jako v příkladu Shopify výše, než budete formulář zpracovávat dále.

✨Wix Integrace

Frontend

Otevřete Wix Editor
Aktivujte Dev Mode (Velo)
Zvolte Přidat Vlastní Kód → Head
Vložte stejný kód <script>
Publikujte 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 (Velo HTTP-Funkce)

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 Integrace

Frontend (Ručně nebo 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 Ověření)

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

Doporučení: Použijte náš oficiální WordPress plugin

Pro snazší integraci použijte náš plugin přímo z adresáře WordPress.

Stáhnout WordPress Plugin

Shrnutí

Platforma	Frontend Integrace	Backend Ověření
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Externí serverová kontrola
Wix (Velo)	Custom Code → Head	HTTP-Funkce
WordPress	wp_head() nebo Plugin	PHP Form Handler

Připraveni k integraci?

Začněte za méně než 60 sekund s naším API-First řešením.

Začněte zdarma Dokumentace