Integracija za 60 sekundi

SilentShield Integracije

Jednostavna integracija u vaše omiljene platforme i okvire. API-First, neovisan o okviru, spreman za nekoliko minuta.

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

npm install @forge12interactive/silentshield-sdk-js

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 });

NPM Package Dokumentacija

📝

captcha-for-contact-form-7

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

Preuzmite WordPress Dodatak

Contact Form 7Integrirano

Dodajte nevidljivu zaštitu od botova CF7 obrascima

WPFormsIntegrirano

Zaštitite WPForms od spama i botova

Elementor FormsIntegrirano

Integracija za Elementor Form Widget

WooCommerceIntegrirano

Zaštita od botova za naplatu i registraciju

Avada FormsIntegrirano

Besprijekorna integracija s Avada Theme Builder Forms

Fluent FormsIntegrirano

Zaštita od botova za obrasce Fluent Forms

☁️

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.

100% GDPR-usklađena pohrana podataka u EU
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"
  defer
></script>

Cjeloviti Vodič

Vodiči za CMS Integraciju

Upute korak po korak za popularne sustave za upravljanje sadržajem.

🛍️

Shopify

Dodajte SilentShield svom Shopify kontakt obrascu

Pogledajte Vodič

🌊

Webflow

Integracija putem Custom Code Embed

Pogledajte Vodič

✨

Wix

Ugrađivanje putem Wix Code (Velo)

Pogledajte Vodič

📝

WordPress

Ručna integracija u WordPress teme

Pogledajte Vodič

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"
  defer
></script>

Zamijenite YOUR_API_KEY vašim API ključem s SilentShield nadzorne ploče.

Backend – Provjera (PHP Primjer)

<?php
$api_key = "YOUR_API_KEY";
$nonce = $_POST['behavior_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 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"
  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"
  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/v1/verify", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "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" 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/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.');

Preporuka: Koristite naš službeni WordPress dodatak

Za lakšu integraciju, koristite naš dodatak izravno iz WordPress direktorija.

Preuzmite WordPress Dodatak

Saž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?

Započnite za manje od 60 sekundi s našim API-First rješenjem.

Započnite besplatno Dokumentacija