Ενσωματώσεις SilentShield
Πακέτο NPM για React & Next.js
Χρησιμοποιήστε το επίσημο πακέτο μας στο NPM για απρόσκοπτη ενσωμάτωση σε έργα React και Next.js.
@silentshield/react
Επίσημο πακέτο React με υποστήριξη TypeScript και Hooks
Εγκατάσταση
Χρήση
// Στο React component σας
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });captcha-for-contact-form-7
Εγγενής ενσωμάτωση με τα πιο δημοφιλή plugins φορμών του WordPress. Αόρατη προστασία κατά του spam χωρίς εμπόδια CAPTCHA.
SilentShield Captcha
Το επίσημο plugin μας για το WordPress είναι τώρα διαθέσιμο στον κατάλογο του WordPress. Απρόσκοπτη ενσωμάτωση με το Contact Form 7: Αόρατο, συμβατό με GDPR, προσβάσιμο.
- Εγκατάσταση με ένα κλικ απευθείας από το WordPress
- Κεντρική διαμόρφωση στο διαχειριστικό του WordPress
- Αυτόματες ενημερώσεις και συντήρηση
Contact Form 7Ενσωματωμένο
Προσθέστε αόρατη προστασία από bots στις φόρμες σας CF7
WPFormsΕνσωματωμένο
Προστατέψτε το WPForms από spam και bots
Elementor FormsΕνσωματωμένο
Ενσωμάτωση για το Elementor Form Widget
WooCommerceΕνσωματωμένο
Προστασία από bots για το ταμείο (checkout) και την εγγραφή
Avada FormsΕνσωματωμένο
Απρόσκοπτη ενσωμάτωση με τις φόρμες Avada Theme Builder
Fluent FormsΕνσωματωμένο
Προστασία από bots για τις φόρμες Fluent Forms
Συμβατότητα Cloudflare
Το SilentShield λειτουργεί απρόσκοπτα με το Cloudflare. Εγκαταστήστε το μπροστά από τον Load Balancer ή συνδυάστε το με άλλες υπηρεσίες Cloudflare.
Μπροστά από τον Cloudflare Load Balancer;
Ναι, είναι εφικτό χωρίς προβλήματα.
Το SilentShield μπορεί να εγκατασταθεί απευθείας μπροστά από έναν Cloudflare Load Balancer. Το script εκτελείται από την πλευρά του πελάτη (client-side) και εντάσσεται απρόσκοπτα στην υπάρχουσα υποδομή σας.
- Καμία σύγκρουση με υπηρεσίες Cloudflare
- Συμβατό με CDN και caching
- Πρόσθετο επίπεδο ασφάλειας
Αποθήκευση Δεδομένων στην ΕΕ ως Διαφοροποιητής
Η καθοριστική διαφορά
Ενώ πολλοί εργάζονται με το Cloudflare Turnstile, το SilentShield προσφέρει ένα σαφές πλεονέκτημα μέσω της υποδομής που φιλοξενείται στην ΕΕ και μιας αρχιτεκτονικής χωρίς cookies.
- 100% Συμβατό με GDPR αποθήκευση δεδομένων στην ΕΕ
- Χωρίς cookies ή επίμονη αποθήκευση (persistent storage)
- Διαφανής, δίκαιη τιμολόγηση
Ενσωμάτωση με το Cloudflare
Ενσωμάτωση του script στο <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 Embedding
Wix
Ενσωμάτωση με χρήση Wix Code (Velo)
WordPress
Μη αυτόματη ενσωμάτωση σε θέματα WordPress
Οδηγός Ενσωμάτωσης SilentShield
Το SilentShield προστατεύει αξιόπιστα τις φόρμες σας από bots – αόρατο, συμβατό με GDPR και προσβάσιμο. Για πλήρη ασφάλεια, ο κώδικας frontend (JavaScript) πρέπει να ενσωματωθεί και να γίνει επαλήθευση από την πλευρά του διακομιστή (server-side).
🛍️Ενσωμάτωση Shopify
Frontend – Script-Einbindung
- Μεταβείτε στο Shopify Admin → Online Store → Themes
- Κάντε κλικ στο "Ενέργειες (Actions) → Επεξεργασία κώδικα (Edit Code)"
- Ανοίξτε το αρχείο 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.
Backend – Επαλήθευση (Παράδειγμα 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
- Ανοίξτε το έργο σας → Project Settings → Custom Code → 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 (Wix Editor)
- Ενεργοποιήστε το Dev Mode (Velo)
- Επιλέξτε Προσθήκη Προσαρμοσμένου Κώδικα (Add Custom Code) → 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>
Backend (Velo HTTP-Function)
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
Frontend (Μη Αυτόματα ή 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 (Επαλήθευση 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.');Σύσταση: Χρησιμοποιήστε το επίσημο plugin μας για το WordPress
Για ευκολότερη ενσωμάτωση, χρησιμοποιήστε το plugin μας απευθείας από τον κατάλογο του WordPress.
Λήψη Plugin WordPressΠερίληψη
| Πλατφόρμα | Ενσωμάτωση Frontend | Επαλήθευση Backend |
|---|---|---|
| Shopify | theme.liquid <script> | App-Proxy / PHP / Node |
| Webflow | Project Settings → Head | Εξωτερική Επαλήθευση Διακομιστή |
| Wix (Velo) | Custom Code → Head | HTTP Function |
| WordPress | wp_head() ή Plugin | PHP Form Handler |
Είστε έτοιμοι για ενσωμάτωση;
Ξεκινήστε σε λιγότερο από 60 δευτερόλεπτα με τη λύση μας API-First.