Integracija v 60 sekundah

SilentShield Integracije

Enostavna integracija v vaše priljubljene platforme in ogrodja. API-First, agnostično ogrodju, pripravljeno v nekaj minutah.

NPM Paket za React & Next.js

Uporabite naš uradni NPM paket za brezhibno integracijo v projekte React in Next.js.

@silentshield/react

Uradni React paket s podporo za TypeScript in Hooks

Namestitev

npm install @silentshield/react

Uporaba

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

NPM Paket Dokumentacija

📝

captcha-for-contact-form-7

Naravna integracija za najbolj priljubljene vtičnike za obrazce WordPress. Nevidna zaščita proti spamu brez ovir CAPTCHA.

SilentShield Captcha

Naš uradni vtičnik WordPress je zdaj na voljo v imeniku WordPress. Brezhibna integracija z Contact Form 7: Neviden, skladen z GDPR, dostopen.

Namestitev z enim klikom neposredno iz WordPressa
Centralna konfiguracija v WordPress administraciji
Samodejne posodobitve in vzdrževanje

Prenesite Vtičnik WordPress

Contact Form 7Integrirano

Dodajte nevidno zaščito pred boti obrazcem CF7

WPFormsIntegrirano

Zaščitite WPForms pred spamom in boti

Elementor FormsIntegrirano

Integracija za Elementor Form Widget

WooCommerceIntegrirano

Zaščita pred boti za blagajno in registracijo

Avada FormsIntegrirano

Brezhibna integracija z obrazci Avada Theme Builder

Fluent FormsIntegrirano

Zaščita pred boti za obrazce Fluent Forms

☁️

Cloudflare Kompatibilnost

SilentShield deluje brezhibno s Cloudflare. Postavite ga pred svoj Load Balancer ali ga kombinirajte z drugimi storitvami Cloudflare.

Pred Cloudflare Load Balancer?

Da, možno brez težav.

SilentShield se lahko namesti neposredno pred vaš Cloudflare Load Balancer. Skript se izvaja na strani odjemalca in se brezhibno vključi v vašo obstoječo infrastrukturo.

Brez konfliktov s storitvami Cloudflare
Kompatibilno s CDN in predpomnjenjem
Dodatna varnostna plast

Gostovanje Podatkov v EU kot Razlikovalni Element

Ključna razlika

Medtem ko mnogi delajo s Cloudflare Turnstile, SilentShield ponuja jasno prednost z infrastrukturo, gostovano v EU, in arhitekturo brez piškotkov.

100% z GDPR skladno gostovanje podatkov v EU
Brez piškotkov ali trajne shrambe
Transparentno, pošteno določanje cen

Integracija s Cloudflare

Vdelajte skript v <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>

Celoten Vodnik

Vodnik za CMS Integracijo

Navodila po korakih za priljubljene sisteme za upravljanje vsebine.

🛍️

Shopify

Dodajte SilentShield v svoj kontaktni obrazec Shopify

Oglejte si Vodnik

🌊

Webflow

Integracija prek Custom Code Embed

Oglejte si Vodnik

✨

Wix

Vdelava prek Wix Code (Velo)

Oglejte si Vodnik

📝

WordPress

Ročna integracija v WordPress teme

Oglejte si Vodnik

SilentShield Vodnik za Integracijo

SilentShield zanesljivo ščiti vaše obrazce pred boti – neviden, skladen z GDPR in dostopen. Za popolno varnost mora biti frontend koda (JavaScript) vdelana in preverjena na strežniški strani.

🛍️Shopify Integracija

Frontend – Script-Einbindung

Pojdite na Shopify Admin → Spletna Trgovina → Teme
Kliknite na "Dejanja → Uredi kodo"
Odprite datoteko theme.liquid pod Postavitvijo
Vstavite naslednjo kodo pred oznako </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>

Zamenjajte YOUR_API_KEY z vašim API ključem iz nadzorne plošče SilentShield.

Backend – Preverjanje (PHP Primer)

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

Odprite svoj projekt → Project Settings → Custom Code → Head Code
Vstavite to kodo
Objavite stran

<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

Ker Webflow ne podpira neposredne strežniške logike, pošljite svoj obrazec na lasten strežnik ali storitev (npr. Make, n8n, AWS Lambda, Firebase Function). Tam izvedite isto kodo za preverjanje kot v zgornjem primeru Shopify, preden nadaljujete z obdelavo obrazca.

✨Wix Integracija

Frontend

Odprite Wix Editor
Aktivirajte Dev Mode (Velo)
Izberite Dodaj Prilagojeno Kodo → Head
Vstavite isto <script> kodo
Objavite spletno stran

<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 (Ročno ali Vtičnik)

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

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

Priporočilo: Uporabite naš uradni vtičnik WordPress

Za lažjo integracijo uporabite naš vtičnik neposredno iz imenika WordPress.

Prenesite Vtičnik WordPress

Povzetek

Platforma	Frontend Integracija	Backend Preverjanje
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Zunanja Strežniška Preverba
Wix (Velo)	Custom Code → Head	HTTP Funkcija
WordPress	wp_head() ali Vtičnik	PHP Form Handler

Pripravljeni na integracijo?

Začnite v manj kot 60 sekundah z našo rešitvijo API-First.

Začnite brezplačno Dokumentacija