Integracja w 60 sekund

Integracje SilentShield

Łatwa integracja z Twoimi ulubionymi platformami i frameworkami. API-First, niezależny od frameworka, gotowy w kilka minut.

Pakiet NPM dla React & Next.js

Użyj naszego oficjalnego pakietu NPM do bezproblemowej integracji w projektach React i Next.js.

@silentshield/react

Oficjalny pakiet React z obsługą TypeScript i Hooks

Instalacja

npm install @silentshield/react

Użycie

// W Twoim komponencie React
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

Pakiet NPM Dokumentacja

📝

captcha-for-contact-form-7

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

Pobierz Wtyczkę WordPress

Contact Form 7Zintegrowany

Dodaj niewidoczną ochronę przed botami do formularzy CF7

WPFormsZintegrowany

Chroń WPForms przed spamem i botami

Elementor FormsZintegrowany

Integracja dla Widgetu Formularza Elementor

WooCommerceZintegrowany

Ochrona przed botami dla kasy i rejestracji

Avada FormsZintegrowany

Bezproblemowa integracja z formularzami Avada Theme Builder

Fluent FormsZintegrowany

Ochrona przed botami dla formularzy Fluent Forms

☁️

Kompatybilność z Cloudflare

SilentShield działa bezproblemowo z Cloudflare. Wdróż go przed swoim Load Balancerem lub połącz z innymi usługami Cloudflare.

Przed Cloudflare Load Balancerem?

Tak, możliwe bez problemów.

SilentShield może być wdrożony bezpośrednio przed Twoim Cloudflare Load Balancerem. Skrypt jest wykonywany po stronie klienta i bezproblemowo integruje się z Twoją 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.

100% zgodne z RODO przechowywanie danych w UE
Brak plików cookie lub trwałego magazynu
Przejrzyste, uczciwe ceny

Integracja z Cloudflare

Osadzenie skryptu w <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>

Pełny Przewodnik

Przewodniki Integracji CMS

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

🛍️

Shopify

Dodaj SilentShield do swojego formularza kontaktowego Shopify

Zobacz Przewodnik

🌊

Webflow

Integracja za pomocą Custom Code Embed

Zobacz Przewodnik

✨

Wix

Osadzanie przez Wix Code (Velo)

Zobacz Przewodnik

📝

WordPress

Ręczna integracja w motywy WordPress

Zobacz Przewodnik

Przewodnik Integracji SilentShield

SilentShield niezawodnie chroni Twoje 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

Przejdź do Shopify Admin → Sklep Online → Motywy
Kliknij "Akcje → Edytuj kod"
Otwórz plik theme.liquid w sekcji Układ
Wstaw następujący kod przed tagiem </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>

Zastąp YOUR_API_KEY swoim kluczem API z pulpitu SilentShield.

Backend – Weryfikacja (Przykład 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
?>

🌊Integracja Webflow

Frontend

Otwórz swój projekt → Project Settings → Custom Code → Head Code
Wstaw ten kod
Opublikuj stronę

<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

Ponieważ Webflow nie obsługuje bezpośredniej logiki serwera, wyślij swój formularz na własny serwer lub usługę (np. Make, n8n, AWS Lambda, Firebase Function). Tam wykonaj ten sam kod weryfikacyjny, co w powyższym przykładzie Shopify, zanim przetworzysz formularz dalej.

✨Wix Integracja

Frontend

Otwórz Edytor Wix
Aktywuj Dev Mode (Velo)
Wybierz Dodaj Kod Niestandardowy → Head
Wstaw ten sam kod <script>
Opublikuj witrynę

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

📝Integracja WordPress

Frontend (Ręcznie lub Wtyczka)

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 (Weryfikacja 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);
$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: Użyj naszej oficjalnej wtyczki WordPress

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

Pobierz Wtyczkę WordPress

Podsumowanie

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?

Rozpocznij w mniej niż 60 sekund dzięki naszemu rozwiązaniu API-First.

Rozpocznij za darmo Dokumentacja