Интеграция за 60 секунди

SilentShield Интеграции

Лесна интеграция с любимите ви платформи и рамки. API-First, независим от рамки, готов за минути.

NPM Пакет за React & Next.js

Използвайте нашия официален NPM пакет за безпроблемна интеграция в проекти с React и Next.js.

@silentshield/react

Официален React пакет с поддръжка на TypeScript и Hooks

Инсталация

npm install @silentshield/react

Използване

// Във вашия React компонент
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });
📝

captcha-for-contact-form-7

Вградена интеграция за най-популярните WordPress плъгини за форми. Невидима анти-спам защита без CAPTCHA пречки.

SilentShield Captcha

Нашият официален WordPress плъгин вече е достъпен в директорията на WordPress. Безпроблемна интеграция с Contact Form 7: Невидим, съвместим с GDPR, достъпен.

  • Инсталация с едно кликване директно от WordPress
  • Централна конфигурация в WordPress администрацията
  • Автоматични актуализации и поддръжка
Изтеглете WordPress Плъгина

Contact Form 7Интегрирано

Добавете невидима защита от ботове към CF7 форми

WPFormsИнтегрирано

Защитете WPForms от спам и ботове

Elementor FormsИнтегрирано

Интеграция за Elementor Form Widget

WooCommerceИнтегрирано

Защита от ботове за касата и регистрацията

Avada FormsИнтегрирано

Безпроблемна интеграция с Avada Theme Builder Forms

Fluent FormsИнтегрирано

Защита от ботове за форми на Fluent Forms

☁️

Съвместимост с Cloudflare

SilentShield работи безпроблемно с Cloudflare. Разположете го преди вашия Load Balancer или го комбинирайте с други услуги на Cloudflare.

Преди Cloudflare Load Balancer?

Да, възможно е без проблеми.

SilentShield може да бъде разположен директно пред вашия Cloudflare Load Balancer. Скриптът се изпълнява от страна на клиента и се интегрира безпроблемно във вашата съществуваща инфраструктура.

  • Без конфликти с услугите на Cloudflare
  • Съвместим с CDN и кеширане
  • Допълнителен слой на сигурност

Хостинг на данни в ЕС като Диференциатор

Ключовата разлика

Докато мнозина работят с Cloudflare Turnstile, SilentShield предлага ясно предимство с хоствана в ЕС инфраструктура и архитектура без бисквитки.

  • 100% GDPR-съвместимо хостване на данни в ЕС
  • Без бисквитки или постоянно съхранение
  • Прозрачно, справедливо ценообразуване

Интеграция с Cloudflare

Вграждане на скрипта в <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>
Пълно ръководство

Ръководства за CMS интеграция

Инструкции стъпка по стъпка за популярни системи за управление на съдържанието.

🛍️

Shopify

Добавете SilentShield към вашата Shopify форма за контакт

🌊

Webflow

Интеграция чрез Custom Code Embed

Wix

Вграждане чрез Wix Code (Velo)

📝

WordPress

Ръчна интеграция в WordPress теми

Ръководство за SilentShield интеграция

SilentShield надеждно защитава вашите форми от ботове – невидим, съвместим с GDPR и достъпен. За пълна сигурност, фронтенд кодът (JavaScript) трябва да бъде вграден и верифициран на сървъра.

🛍️Shopify Интеграция

Frontend – Script-Einbindung

  1. Отидете на Shopify Admin → Онлайн магазин → Теми
  2. Кликнете върху "Actions → Редактиране на кода"
  3. Отворете файла theme.liquid под Layout
  4. Добавете следния код преди тага </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>

Заменете YOUR_API_KEY с вашия API ключ от таблото за управление на SilentShield.

Бекенд – Верификация (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
?>

🌊Webflow Интеграция

Frontend

  1. Отворете вашия проект → Настройки на проекта → Персонализиран код → Head Code
  2. Добавете този код
  3. Публикувайте страницата
<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

Тъй като Webflow не поддържа директна сървърна логика, изпратете вашата форма до собствен сървър или услуга (напр. Make, n8n, AWS Lambda, Firebase Function). Изпълнете същия код за верификация като в примера за Shopify по-горе, преди да продължите с обработката на формата.

Wix Интеграция

Frontend

  1. Отворете Wix Editor
  2. Активирайте Dev Mode (Velo)
  3. Изберете Добавяне на Персонализиран Код → Head
  4. Добавете същия <script>-код
  5. Публикувайте уебсайта
<script async crossorigin="anonymous"
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
</script>

Бекенд (Velo HTTP-Функция)

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 Интеграция

Фронтенд (Ръчно или Плъгин)

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

Бекенд (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.');

Препоръка: Използвайте нашия официален WordPress плъгин

За по-лесна интеграция използвайте нашия плъгин директно от директорията на WordPress.

Изтеглете WordPress Плъгина

Резюме

ПлатформаФронтенд ИнтеграцияБекенд Верификация
Shopifytheme.liquid <script>App-Proxy / PHP / Node
WebflowProject Settings → HeadВъншна сървърна проверка
Wix (Velo)Custom Code → HeadHTTP-Функция
WordPresswp_head() или ПлъгинPHP Form Handler

Готови ли сте за интеграция?

Започнете за по-малко от 60 секунди с нашето API-First решение.