Integracija za 60 sekundi

SilentShield Integracije

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

NPM Paket za React & Next.js

Koristite naš službeni NPM paket za besprijekornu integraciju u React i Next.js projekte.

@silentshield/react

Službeni React paket s podrškom za TypeScript i Hooks

Instalacija

npm install @silentshield/react

Upotreba

// U vašoj React komponenti
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

NPM Paket 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 async crossorigin="anonymous" src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)></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 async crossorigin="anonymous"
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
</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['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 Integracija

Frontend

Otvorite svoj projekt → Postavke projekta → Prilagođeni kod → Head Code
Umetnite ovaj kod
Objavite stranicu

<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

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 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-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.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 Integracija

Frontend (Ručno ili Dodatak)

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 Provjera)

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

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