Quickcheck auf der eigenen Webseite einbinden

Diese Anleitung beschreibt, wie Sie das Quickcheck-Anmeldeformular als Whitelabel-Lösung auf Ihrer Webseite einbinden. Damit können Interessenten direkt über Ihre Webseite einen kostenlosen Active Directory Security-Check anfordern.

Voraussetzungen

Für die Einbindung des Quickcheck-Formulars benötigen Sie:

  • Einen aktiven SEC AUDITOR Account mit Serviceprovider-Zugang
  • Eine eigene Webseite, auf der das Formular eingesetzt werden soll
  • Eine Datenschutzerklärung, die die Datenübermittlung an SEC AUDITOR erwähnt

1. Einstellungen konfigurieren

Melden Sie sich in der SEC AUDITOR App an und navigieren Sie zu „Einstellungen > Quickcheck„.

Tragen Sie folgende Werte ein:

  • Domain der Webseite: Der Hostname der Seite, auf der das Formular eingesetzt wird – ohne Protokoll und ohne Pfad, zum Beispiel www.example.com. Nur Anfragen von dieser Domain werden vom Server akzeptiert.
  • Link zur Datenschutzerklärung: Die vollständige URL zu Ihrer Datenschutzerklärung, zum Beispiel https://www.example.com/datenschutz. Dieser Link wird im Formular für den Nutzer sichtbar verlinkt.

Klicken Sie auf Speichern. Sobald beide Felder gespeichert sind, erscheint der fertige HTML-Quellcode im Bereich darunter.

2. HTML-Code auf der Webseite einbinden

Kopieren Sie den angezeigten HTML-Code über die Kopieren-Schaltfläche und fügen Sie ihn an der gewünschten Stelle in den Quellcode Ihrer Webseite ein.

Das Formular ist vollständig in sich geschlossen und benötigt kein externes CSS-Framework. Es lässt sich direkt in jedes CMS (z. B. WordPress, TYPO3, Webflow) oder in eine statische HTML-Seite einfügen.

Das Formular enthält folgende Felder:

  • Firma (Pflichtfeld)
  • Name (Pflichtfeld)
  • E-Mail (Pflichtfeld)
  • Telefon (Pflichtfeld)

Außerdem ist Ihre Serviceprovider-UUID bereits als verstecktes Feld enthalten. Diese UUID ist notwendig, damit eingehende Anfragen korrekt Ihrem Account zugeordnet werden.

3. Formular per CSS anpassen

Das Formular bringt alle Styles als Inline-CSS mit und funktioniert ohne weitere Anpassungen sofort. Möchten Sie das Erscheinungsbild an Ihr Corporate Design angleichen, können Sie alle Styles im eingebundenen Code frei überschreiben.

Häufig angepasste Elemente sind:

  • Absende-Button (#submitBtn): Hintergrundfarbe, Schriftgröße und Randradius
  • Eingabefelder (input[type='text'], input[type='email'], input[type='tel']): Rahmenfarbe, Schriftart und Abstände
  • Banner-Bild (.banner): Hintergrundbild, Höhe und Überschriftentext
  • Datenschutztext: Schriftgröße und Farbe

 

Fügen Sie Ihre CSS-Regeln entweder direkt im <style>-Block am Ende des Snippets ein oder in das globale Stylesheet Ihrer Webseite.

4. Formular testen

Rufen Sie die Seite mit dem Formular in Ihrem Browser auf und füllen Sie es mit Testdaten aus. Nach dem Absenden erscheint die Meldung „E-Mail versandt. Bitte prüfen Sie Ihr Postfach.“

Prüfen Sie anschließend in der SEC AUDITOR App unter Quickcheck, ob der neue Eintrag erscheint.

Ablauf nach dem Absenden

  1. Der Interessent füllt das Formular aus und klickt auf Scanner zusenden.
  2. Er erhält eine E-Mail mit einem Download-Link für den Collector. Der Link ist 3 Tage gültig.
  3. Er lädt das Tool herunter und führt es in seiner Active-Directory-Umgebung aus. Erhöhte Berechtigungen sind nicht erforderlich.
  4. Das Tool überträgt die Analyseergebnisse an SEC AUDITOR.
  5. Sie sehen den fertigen Eintrag in der App unter Quickcheck und können den PDF-Report herunterladen. Der Interessent erhält ebenfalls eine Ausfertigung des PDF-Reports per E-Mail.

Weiterführende Konfiguration

Eigener E-Mail-Versand

Standardmäßig versendet SEC AUDITOR die Quickcheck-E-Mails über die eigene Mailinfrastruktur. Aktivieren Sie den eigenen E-Mail-Versand unter Einstellungen → Quickcheck → E-Mail Versand, um E-Mails über Ihren eigenen SMTP-Server zu verschicken – wahlweise per Basic Auth oder OAuth2.

Möchten Sie den E-Mailversand über Ihr eigenes Exchange Online Postfach abwickeln, finden Sie die Schritt-für-Schritt-Anleitung hier: Quickcheck: E-Mailversand über Exchange Online mit OAuth2

 

E-Mail-Templates anpassen

Sobald der eigene E-Mail-Versand aktiviert ist, können beide ausgehenden E-Mails vollständig per HTML-Template angepasst werden:

Template 1 – E-Mail mit Download-Link
Diese E-Mail wird direkt nach dem Absenden des Formulars versendet und enthält den Link zum Collector-Tool. Verfügbare Platzhalter:

  • COMPANY_NAME: Name des Unternehmens aus dem Formular
  • REQUESTER_NAME: Name der Person aus dem Formular
  • DOWNLOAD_URL: Individueller Download-Link zum Collector-Tool

 

Template 2 – E-Mail mit Ergebnissen
Diese E-Mail wird versendet, sobald der Scan abgeschlossen ist. Verfügbare Platzhalter:

  • COMPANY_NAME: Name des Unternehmens aus dem Formular
  • REQUESTER_NAME: Name der Person aus dem Formular

 

Für jedes Template kann direkt in den Einstellungen eine Testmail an die eigene E-Mail-Adresse versendet werden, um das Layout vor dem Einsatz zu prüfen.

Nicht die richtige Antwort gefunden?
Wir helfen gerne weiter! Schreiben Sie uns an support@sec-auditor.com