SilentShield Интеграции
NPM Пакет за React & Next.js
Използвайте нашия официален NPM пакет за безпроблемна интеграция в проекти с React и Next.js.
@silentshield/react
Официален React пакет с поддръжка на TypeScript и Hooks
Инсталация
Използване
// Във вашия 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 администрацията
- Автоматични актуализации и поддръжка
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
- Отидете на Shopify Admin → Онлайн магазин → Теми
- Кликнете върху "Actions → Редактиране на кода"
- Отворете файла theme.liquid под Layout
- Добавете следния код преди тага </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
- Отворете вашия проект → Настройки на проекта → Персонализиран код → Head Code
- Добавете този код
- Публикувайте страницата
<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
- Отворете Wix Editor
- Активирайте Dev Mode (Velo)
- Изберете Добавяне на Персонализиран Код → Head
- Добавете същия <script>-код
- Публикувайте уебсайта
<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 ПлъгинаРезюме
| Платформа | Фронтенд Интеграция | Бекенд Верификация |
|---|---|---|
| Shopify | theme.liquid <script> | App-Proxy / PHP / Node |
| Webflow | Project Settings → Head | Външна сървърна проверка |
| Wix (Velo) | Custom Code → Head | HTTP-Функция |
| WordPress | wp_head() или Плъгин | PHP Form Handler |
Готови ли сте за интеграция?
Започнете за по-малко от 60 секунди с нашето API-First решение.