Ενσωμάτωση σε 60 δευτερόλεπτα

Ενσωματώσεις SilentShield

Εύκολη ενσωμάτωση στις αγαπημένες σας πλατφόρμες και frameworks. API-First, ανεξάρτητο από framework, έτοιμο για χρήση μέσα σε λίγα λεπτά.

Πακέτο NPM για React & Next.js

Χρησιμοποιήστε το επίσημο πακέτο μας στο NPM για απρόσκοπτη ενσωμάτωση σε έργα React και Next.js.

@silentshield/react

Επίσημο πακέτο React με υποστήριξη TypeScript και Hooks

Εγκατάσταση

npm install @silentshield/react

Χρήση

// Στο 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
  • Αυτόματες ενημερώσεις και συντήρηση
Λήψη Plugin 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

  1. Μεταβείτε στο Shopify Admin → Online Store → Themes
  2. Κάντε κλικ στο "Ενέργειες (Actions) → Επεξεργασία κώδικα (Edit Code)"
  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.

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

  1. Ανοίξτε το έργο σας → Project Settings → Custom Code → 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 (Wix Editor)
  2. Ενεργοποιήστε το Dev Mode (Velo)
  3. Επιλέξτε Προσθήκη Προσαρμοσμένου Κώδικα (Add Custom Code) → 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>

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
Shopifytheme.liquid <script>App-Proxy / PHP / Node
WebflowProject Settings → HeadΕξωτερική Επαλήθευση Διακομιστή
Wix (Velo)Custom Code → HeadHTTP Function
WordPresswp_head() ή PluginPHP Form Handler

Είστε έτοιμοι για ενσωμάτωση;

Ξεκινήστε σε λιγότερο από 60 δευτερόλεπτα με τη λύση μας API-First.