Integrazzjonijiet SilentShield
Pakkett NPM għal React & Next.js
Uża l-pakkett NPM uffiċjali tagħna għal integrazzjoni bla xkiel fi proġetti React u Next.js.
@silentshield/react
Pakkett uffiċjali ta' React b'appoġġ għal TypeScript u Hooks
Installazzjoni
Użu
// Fil-komponent React tiegħek
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });captcha-for-contact-form-7
Integrazzjoni nattiva għall-plugins tal-formoli ta' WordPress l-aktar popolari. Protezzjoni inviżibbli kontra l-ispam mingħajr ostakli CAPTCHA.
SilentShield Captcha
Il-plugin uffiċjali tagħna ta' WordPress issa huwa disponibbli fid-direttorju ta' WordPress. Integrazzjoni bla xkiel ma' Contact Form 7: Inviżibbli, konformi mal-GDPR, aċċessibbli.
- Installazzjoni b'klikk waħda direttament minn WordPress
- Konfigurazzjoni ċentrali fl-amministrazzjoni ta' WordPress
- Aġġornamenti u manutenzjoni awtomatiċi
Contact Form 7Integrata
Żid protezzjoni inviżibbli kontra l-bots mal-formoli CF7
WPFormsIntegrata
Ipproteġi WPForms mill-ispam u l-bots
Elementor FormsIntegrata
Integrazzjoni għall-Widget tal-Formola ta' Elementor
WooCommerceIntegrata
Protezzjoni kontra l-bots għall-checkout u r-reġistrazzjoni
Avada FormsIntegrata
Integrazzjoni bla xkiel ma' Avada Theme Builder Forms
Fluent FormsIntegrata
Protezzjoni kontra l-bots għall-formoli Fluent Forms
Kompatibilità ma' Cloudflare
SilentShield jaħdem bla xkiel ma' Cloudflare. Użah quddiem il-Load Balancer tiegħek jew ikkombinah ma' servizzi oħra ta' Cloudflare.
Quddiem Cloudflare Load Balancer?
Iva, possibbli mingħajr problemi.
SilentShield jista' jiġi skjerat direttament quddiem il-Load Balancer ta' Cloudflare tiegħek. L-iskript jaħdem min-naħa tal-klijent u jintegra bla xkiel fl-infrastruttura eżistenti tiegħek.
- L-ebda kunflitt mas-servizzi ta' Cloudflare
- Kompatibbli ma' CDN u caching
- Saff ta' sigurtà addizzjonali
Ospitar ta' Data fl-UE bħala Fattur ta' Differenzjazzjoni
Id-differenza kruċjali
Filwaqt li ħafna jaħdmu ma' Cloudflare Turnstile, SilentShield joffri vantaġġ ċar permezz ta' infrastruttura ospitata fl-UE u arkitettura mingħajr cookies.
- Ospitar ta' data fl-UE konformi 100% mal-GDPR
- L-ebda cookies jew ħażna persistenti
- Ipprezzar trasparenti u ġust
Integrazzjoni ma' Cloudflare
Daħħal l-iskript f'<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>
Gwidi ta' Integrazzjoni CMS
Istruzzjonijiet pass pass għal sistemi popolari ta' ġestjoni tal-kontenut.
Shopify
Żid SilentShield mal-formola ta' kuntatt tiegħek ta' Shopify
Webflow
Integrazzjoni permezz ta' Custom Code Embed
Wix
Inklużjoni permezz ta' Wix Code (Velo)
WordPress
Integrazzjoni manwali fit-temi ta' WordPress
Gwida ta' Integrazzjoni SilentShield
SilentShield jipproteġi l-formoli tiegħek b'mod affidabbli mill-bots – inviżibbli, konformi mal-GDPR, u aċċessibbli. Għal sigurtà sħiħa, il-kodiċi tal-frontend (JavaScript) irid jiġi inkorporat u vverifikat min-naħa tas-server.
🛍️Integrazzjoni Shopify
Frontend – Script-Einbindung
- Mur fuq Shopify Admin → Ħanut Online → Temi
- Ikklikkja fuq "Azzjonijiet → Editja l-kodiċi"
- Iftaħ il-fajl theme.liquid taħt Layout
- Daħħal il-kodiċi li ġej qabel it-tag </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>
Ibdel YOUR_API_KEY biċ-ċavetta API tiegħek mid-dashboard ta' SilentShield.
Backend – Verifika (Eżempju 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
?>🌊Integrazzjoni Webflow
Frontend
- Iftaħ il-proġett tiegħek → Project Settings → Custom Code → Head Code
- Daħħal dan il-kodiċi
- Ippubblika l-paġna
<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
Peress li Webflow ma jappoġġjax loġika diretta tas-server, ibgħat il-formola tiegħek lil server jew servizz tiegħek (eż. Make, n8n, AWS Lambda, Firebase Function). Hemmhekk, eżegwixxi l-istess kodiċi ta' verifika bħal fl-eżempju ta' Shopify hawn fuq, qabel ma tipproċessa l-formola aktar 'il quddiem.
✨Integrazzjoni Wix
Frontend
- Iftaħ l-Editur Wix
- Attiva l-Modalità Dev (Velo)
- Agħżel Żid Kodiċi Personalizzat → Head
- Daħħal l-istess kodiċi <script>
- Ippubblika l-websajt
<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 (Funzjoni HTTP ta' 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" } }));
}📝Integrazzjoni WordPress
Frontend (Manwali jew 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 (Verifika 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.');Rakkomandazzjoni: Uża l-plugin uffiċjali tagħna ta' WordPress
Għal integrazzjoni aktar faċli, uża l-plugin tagħna direttament mid-direttorju ta' WordPress.
Niżżel il-Plugin ta' WordPressSommarju
| Pjattaforma | Integrazzjoni Frontend | Verifika Backend |
|---|---|---|
| Shopify | theme.liquid <script> | App-Proxy / PHP / Node |
| Webflow | Project Settings → Head | Kontroll tas-Server Estern |
| Wix (Velo) | Custom Code → Head | Funzjoni HTTP |
| WordPress | wp_head() jew Plugin | Maniġer tal-Formoli PHP |
Lest għall-integrazzjoni?
Ibda f'inqas minn 60 sekonda bis-soluzzjoni tagħna API-First.