Integráció 60 másodperc alatt

SilentShield Integrációk

Könnyű integráció a kedvenc platformjaiba és keretrendszereibe. API-First, keretrendszer-független, percek alatt használatra kész.

NPM Csomag React & Next.js számára

Használja hivatalos NPM csomagunkat a zökkenőmentes integrációhoz React és Next.js projektekben.

@silentshield/react

Hivatalos React csomag TypeScript támogatással és Hooks-okkal

Telepítés

npm install @silentshield/react

Használat

// Az Ön React komponensében
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

Dokumentáció

📝

captcha-for-contact-form-7

Natív integráció a legnépszerűbb WordPress űrlap-bővítményekhez. Láthatatlan anti-spam védelem CAPTCHA akadályok nélkül.

SilentShield Captcha

Hivatalos WordPress bővítményünk már elérhető a WordPress könyvtárban. Zökkenőmentes integráció a Contact Form 7-tel: Láthatatlan, GDPR-kompatibilis, akadálymentes.

Egy kattintásos telepítés közvetlenül a WordPressből
Központi konfiguráció a WordPress adminban
Automatikus frissítések és karbantartás

WordPress Bővítmény Letöltése

Contact Form 7Integrált

Adjon hozzá láthatatlan botvédelmet a CF7 űrlapokhoz

WPFormsIntegrált

Védje a WPForms-ot a spam és a botok ellen

Elementor FormsIntegrált

Integráció az Elementor Űrlap Widgethez

WooCommerceIntegrált

Botvédelem a pénztárhoz és a regisztrációhoz

Avada FormsIntegrált

Zökkenőmentes integráció az Avada Theme Builder Űrlapokkal

Fluent FormsIntegrált

Botvédelem a Fluent Forms űrlapokhoz

☁️

Cloudflare Kompatibilitás

SilentShield zökkenőmentesen működik a Cloudflare-rel. Telepítse a Load Balancer elé, vagy kombinálja más Cloudflare szolgáltatásokkal.

Cloudflare Load Balancer előtt?

Igen, lehetséges problémamentesen.

SilentShield közvetlenül telepíthető a Cloudflare Load Balancer elé. A szkript kliensoldalon fut le, és zökkenőmentesen illeszkedik a meglévő infrastruktúrájába.

Nincsenek konfliktusok a Cloudflare szolgáltatásokkal
Kompatibilis a CDN-nel és a gyorsítótárazással
További biztonsági réteg

EU Adattárolás mint Megkülönböztető Tényező

A döntő különbség

Míg sokan Cloudflare Turnstile-lal dolgoznak, a SilentShield egyértelmű előnyt kínál az EU-ban tárolt infrastruktúra és a cookie-mentes architektúra révén.

100% GDPR-kompatibilis EU adattárolás
Nincsenek cookie-k vagy tartós tárolás
Átlátható, tisztességes árképzés

Integráció a Cloudflare-rel

Szkript beágyazása a <head>-be:

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

Teljes Útmutató

CMS Integrációs Útmutatók

Lépésről lépésre útmutatók a népszerű tartalomkezelő rendszerekhez.

🛍️

Shopify

Adjon hozzá SilentShield-et a Shopify kapcsolatfelvételi űrlapjához

Útmutató megtekintése

🌊

Webflow

Integráció egyedi kód beágyazáson keresztül

Útmutató megtekintése

✨

Wix

Beágyazás Wix Code (Velo) segítségével

Útmutató megtekintése

📝

WordPress

Manuális integráció WordPress témákba

Útmutató megtekintése

SilentShield Integrációs Útmutató

SilentShield megbízhatóan védi űrlapjait a botok ellen – láthatatlan, GDPR-kompatibilis és akadálymentes. A teljes biztonság érdekében a frontend kódot (JavaScript) be kell ágyazni és szerver oldalon ellenőrizni kell.

🛍️Shopify Integráció

Frontend – Script-Einbindung

Lépjen a Shopify Admin → Online Áruház → Témák menüpontra
Kattintson az "Actions → Kód szerkesztése" gombra
Nyissa meg a theme.liquid fájlt az Elrendezés alatt
Illessze be a következő kódot a </head> tag elé

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

Cserélje le a YOUR_API_KEY-t a SilentShield irányítópultján található API kulcsára.

Backend – Ellenőrzés (PHP Példa)

<?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áció

Frontend

Nyissa meg a projektjét → Project Settings → Custom Code → Head Code
Illessze be ezt a kódot
Tegye közzé az oldalt

<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

Mivel a Webflow nem támogatja a közvetlen szerver logikát, küldje el az űrlapját egy saját szerverre vagy szolgáltatásra (pl. Make, n8n, AWS Lambda, Firebase Function). Ott futtassa le ugyanazt az ellenőrző kódot, mint a fenti Shopify példában, mielőtt tovább dolgozná fel az űrlapot.

✨Wix Integráció

Frontend

Nyissa meg a Wix Szerkesztőt
Aktiválja a Dev Mode-ot (Velo)
Válassza az Add Custom Code → Head lehetőséget
Illessze be ugyanazt a <script> kódot
Tegye közzé a weboldalt

<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-Függvény)

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áció

Frontend (Manuális vagy 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 Ellenőrzés)

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

Ajánlás: Használja hivatalos WordPress bővítményünket

A könnyebb integráció érdekében használja a bővítményünket közvetlenül a WordPress könyvtárból.

WordPress Bővítmény Letöltése

Összefoglalás

Platform	Frontend Integráció	Backend Ellenőrzés
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Külső Szerverellenőrzés
Wix (Velo)	Custom Code → Head	HTTP Függvény
WordPress	wp_head() vagy Plugin	PHP Form Handler

Készen áll az integrációra?

Kezdje el kevesebb mint 60 másodperc alatt az API-First megoldásunkkal.

Kezdje ingyen Dokumentáció