Integrare în 60 de Secunde

Integrări SilentShield

Integrare ușoară în platformele și framework-urile dvs. preferate. API-First, agnostică de framework, gata în câteva minute.

Pachet NPM pentru React & Next.js

Utilizați pachetul nostru oficial NPM pentru o integrare perfectă în proiectele React și Next.js.

@silentshield/react

Pachet React oficial cu suport TypeScript și Hooks

Instalare

npm install @silentshield/react

Utilizare

// În componenta dvs. React
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

Pachet NPM Documentație

📝

captcha-for-contact-form-7

Integrare nativă pentru cele mai populare plugin-uri de formulare WordPress. Protecție anti-spam invizibilă fără obstacole CAPTCHA.

SilentShield Captcha

Plugin-ul nostru oficial WordPress este acum disponibil în directorul WordPress. Integrare perfectă cu Contact Form 7: Invizibil, conform GDPR, accesibil.

Instalare cu un singur clic direct din WordPress
Configurare centrală în administrarea WordPress
Actualizări și întreținere automate

Descărcați Plugin-ul WordPress

Contact Form 7Integrat

Adăugați protecție invizibilă împotriva roboților la formularele CF7

WPFormsIntegrat

Protejați WPForms împotriva spam-ului și a roboților

Elementor FormsIntegrat

Integrare pentru Widget-ul de Formular Elementor

WooCommerceIntegrat

Protecție împotriva roboților pentru checkout și înregistrare

Avada FormsIntegrat

Integrare perfectă cu formularele Avada Theme Builder

Fluent FormsIntegrat

Protecție împotriva roboților pentru formularele Fluent Forms

☁️

Compatibilitate Cloudflare

SilentShield funcționează perfect cu Cloudflare. Implementați-l în fața Load Balancer-ului dvs. sau combinați-l cu alte servicii Cloudflare.

În fața Cloudflare Load Balancer?

Da, posibil fără probleme.

SilentShield poate fi implementat direct în fața Load Balancer-ului dvs. Cloudflare. Script-ul rulează pe partea clientului și se integrează perfect în infrastructura dvs. existentă.

Fără conflicte cu serviciile Cloudflare
Compatibil cu CDN și caching
Strat suplimentar de securitate

Găzduirea Datelor în UE ca Diferențiator

Diferența crucială

În timp ce mulți lucrează cu Cloudflare Turnstile, SilentShield oferă un avantaj clar prin infrastructura găzduită în UE și arhitectura fără cookie-uri.

Găzduire de date în UE 100% conformă GDPR
Fără cookie-uri sau stocare persistentă
Prețuri transparente, corecte

Integrare cu Cloudflare

Încorporați script-ul în <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>

Ghid Complet

Ghiduri de Integrare CMS

Instrucțiuni pas cu pas pentru sistemele populare de gestionare a conținutului.

🛍️

Shopify

Adăugați SilentShield la formularul de contact Shopify

Vizualizați Ghidul

🌊

Webflow

Integrare prin Custom Code Embed

Vizualizați Ghidul

✨

Wix

Încorporare prin Wix Code (Velo)

Vizualizați Ghidul

📝

WordPress

Integrare manuală în temele WordPress

Vizualizați Ghidul

Ghid de Integrare SilentShield

SilentShield protejează formularele dvs. în mod fiabil împotriva roboților – invizibil, conform GDPR și accesibil. Pentru securitate totală, codul de frontend (JavaScript) trebuie încorporat și verificat pe partea de server.

🛍️Integrare Shopify

Frontend – Script-Einbindung

Accesați Shopify Admin → Magazin Online → Teme
Faceți clic pe "Acțiuni → Editați codul"
Deschideți fișierul theme.liquid sub Layout
Inserați următorul cod înainte de eticheta </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>

Înlocuiți YOUR_API_KEY cu cheia dvs. API din tabloul de bord SilentShield.

Backend – Verificare (Exemplu PHP)

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

🌊Integrare Webflow

Frontend

Deschideți proiectul dvs. → Project Settings → Custom Code → Head Code
Inserați acest cod
Publicați pagina

<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

Deoarece Webflow nu acceptă logica directă de server, trimiteți formularul dvs. către propriul server sau serviciu (de ex. Make, n8n, AWS Lambda, Firebase Function). Acolo, executați același cod de verificare ca în exemplul Shopify de mai sus, înainte de a procesa formularul mai departe.

✨Integrare Wix

Frontend

Deschideți Editorul Wix
Activați Dev Mode (Velo)
Selectați Adăugați Cod Personalizat → Head
Inserați același cod <script>
Publicați site-ul web

<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 (Funcție HTTP Velo)

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

📝Integrare WordPress

Frontend (Manual sau 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 (Verificare 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);
$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.');

Recomandare: Utilizați plugin-ul nostru oficial WordPress

Pentru o integrare mai ușoară, utilizați plugin-ul nostru direct din directorul WordPress.

Descărcați Plugin-ul WordPress

Rezumat

Platformă	Integrare Frontend	Verificare Backend
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Verificare Server Extern
Wix (Velo)	Custom Code → Head	Funcție HTTP
WordPress	wp_head() sau Plugin	Handler Formular PHP

Gata de integrare?

Începeți în mai puțin de 60 de secunde cu soluția noastră API-First.

Începeți gratuit Documentație