Skripta + provjera na poslužitelju
SilentShield Integracije
Jednostavna integracija u Vaše omiljene platforme i okvire: skripta u pregledniku i provjera na Vašem poslužitelju. Usmjereno na API i neovisno o okviru.
Brzi početak
Uživo u 3 koraka
Od prijave do aktivne zaštite — bez preinaka poslužitelja.
Izradite API ključ
Registrirajte se i u Dashboardu generirajte Site-Key za svoju domenu — besplatno, za manje od minute.
NPM paket za Node.js, React & Next.js
Ugradite SilentShield klijentsku skriptu u svoj frontend i provjeravajte nonce vrijednosti na pozadini pomoću našeg službenog Node paketa.
@forge12interactive/silentshield-sdk-js
Službeni Node.js paket za provjeru na pozadini
Instalacija
Upotreba
// 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 });WordPress dodatak
Izvorna integracija za najpopularnije WordPress dodatke za obrasce. Nevidljiva anti-spam zaštita bez CAPTCHA prepreka.
SilentShield Captcha
Naš službeni WordPress dodatak sada je dostupan u WordPress direktoriju. Besprijekorna integracija s Contact Form 7: Nevidljiv, usklađen s GDPR-om, pristupačan.
- Instalacija jednim klikom izravno iz WordPressa
- Centralna konfiguracija u WordPress administraciji
- Automatska ažuriranja i održavanje
Contact Form 7Provjereno
Nevidljiva zaštita od botova za CF7 obrasce, provjerena s dodatkom.
WPFormsProvjereno
Zaštita od botova za obrasce WPForms, provjerena s dodatkom.
Elementor FormsProvjereno
Zaštita od botova za obrasce Elementor Forms, provjerena s dodatkom.
WooCommerceProvjereno
Klasična i blok-blagajna provjerene.
Avada FormsProvjereno
Zaštita od botova za obrasce Avada Forms, provjerena s dodatkom.
Fluent FormsProvjereno
Zaštita od botova za obrasce Fluent Forms, provjerena s dodatkom.
Provjereno: 7. listopada 2026. · SilentShield Captcha 2.15.14 · WordPress 7.1.2
Cloudflare Kompatibilnost
SilentShield radi besprijekorno s Cloudflareom. Postavite ga ispred vašeg Load Balancera ili ga kombinirajte s drugim Cloudflare uslugama.
Ispred Cloudflare Load Balancera?
Da, moguće bez problema.
SilentShield se može postaviti izravno ispred vašeg Cloudflare Load Balancera. Skript se izvršava na strani klijenta i neprimjetno se uklapa u vašu postojeću infrastrukturu.
- Bez sukoba s Cloudflare uslugama
- Kompatibilno s CDN-om i predmemoriranjem
- Dodatni sloj sigurnosti
Pohrana Podataka u EU kao Razlikovna Značajka
Ključna razlika
Dok mnogi rade s Cloudflare Turnstile, SilentShield nudi jasnu prednost kroz infrastrukturu hostiranu u EU i arhitekturu bez kolačića.
- Primjenjivo u skladu s GDPR-om, podaci u Njemačkoj
- Bez kolačića ili trajne pohrane
- Transparentno, pošteno određivanje cijena
Integracija s Cloudflareom
Umetnite skript u <head>:
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Vodiči za CMS Integraciju
Upute korak po korak za popularne sustave za upravljanje sadržajem.
Shopify
Dodajte SilentShield svom Shopify kontakt obrascu
Webflow
Integracija putem Custom Code Embed
Wix
Ugrađivanje putem Wix Code (Velo)
WordPress
Ručna integracija u WordPress teme
SilentShield Vodič za Integraciju
SilentShield pouzdano štiti vaše obrasce od botova – nevidljiv, usklađen s GDPR-om i pristupačan. Za potpunu sigurnost, frontend kod (JavaScript) mora biti ugrađen i provjeren na strani poslužitelja.
🛍️Shopify Integracija
Frontend – Script-Einbindung
- Idite na Shopify Admin → Online Trgovina → Teme
- Kliknite na "Akcije → Uredi kod"
- Otvorite datoteku theme.liquid pod Raspored
- Umetnite sljedeći kod prije oznake </head>
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Zamijenite YOUR_API_KEY vašim API ključem s SilentShield nadzorne ploče.
Backend – Provjera (PHP Primjer)
Shopify u temama ne izvršava Vaš vlastiti poslužiteljski kod, a obrasci za kontakt i kupce u Shopifyju šalju podatke izravno Shopifyju – ondje SilentShield ništa ne provjerava. Za provjeru na strani poslužitelja obrazac mora slati podatke na Vaš vlastiti poslužitelj, rutu App Proxy ili uslugu poput Make, n8n ili funkcije u oblaku koja prije prosljeđivanja podataka izvršava kod u nastavku. Sama skripta u temi ne zamjenjuje tu provjeru.
<?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 Integracija
Frontend
- Otvorite svoj projekt → Postavke projekta → Prilagođeni kod → Head Code
- Umetnite ovaj kod
- Objavite stranicu
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Backend
Budući da Webflow ne podržava izravnu logiku poslužitelja, pošaljite svoj obrazac na vlastiti poslužitelj ili uslugu (npr. Make, n8n, AWS Lambda, Firebase Function). Tamo izvršite isti kod za provjeru kao u gornjem Shopify primjeru, prije nego što nastavite s obradom obrasca.
✨Wix Integracija
Frontend
- Otvorite Wix Editor
- Aktivirajte Dev Mode (Velo)
- Odaberite Dodaj Prilagođeni Kod → Head
- Umetnite isti <script> kod
- Objavite web stranicu
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer ></script>
Backend (Velo HTTP-Funkcija)
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 Integracija
Frontend (Ručno ili Dodatak)
add_action('wp_head', function () {
echo '<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" referrerpolicy="origin" defer></script>';
});Backend (PHP Provjera)
$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.');Preporuka: Koristite naš službeni WordPress dodatak
Za lakšu integraciju, koristite naš dodatak izravno iz WordPress direktorija.
Preuzmite WordPress DodatakSažetak
| Platforma | Frontend Integracija | Backend Provjera |
|---|---|---|
| Shopify | theme.liquid <script> | App-Proxy / PHP / Node |
| Webflow | Project Settings → Head | Vanjska Provjera Poslužitelja |
| Wix (Velo) | Custom Code → Head | HTTP-Funkcija |
| WordPress | wp_head() ili Dodatak | PHP Form Handler |
Spremni za integraciju?
Počnite besplatno s našim rješenjem usmjerenim na API.