Hoe de Websec Badge te embedden

De WebSec badge verhoogt het vertrouwen, de veiligheid en het vertrouwen onder je klanten!

Hoe te Embedden

Stap 1: Haal uw Badge ID en Certification ID

Bij een succesvolle audit ontvangt u kort daarna een BADGE_ID en CERT_ID. Dit zijn uw klantnummer en certificaatnummer, die u nodig heeft om uw badge te gebruiken.

Stap 2: Voeg de badge-code toe aan uw applicatie

Vervang <BADGE_ID> en <CERT_ID> in de code hieronder door degenen die u van WebSec heeft ontvangen.

<a
    href="https://websec.nl/vapt-certificaat-validatie?vapt_id=<CERT_ID>"
    aria-label="Bekijk de WebSec-certificering"
    target="_blank"
>
    <img
        style="width: 64px"
        src="https://websec.net/assets/client/<BADGE_ID>/badge.svg"
        alt="Beveiligd door WebSec-badge"
    />
</a>

Aanpassen aan uw framework

De badge vereist in wezen een afbeelding die is omhuld met een link naar uw WebSec-certificering.
Gebruik de volgende href en afbeeldingsbron voor het opnemen van de WebSec-badge.

Certificeringslink: https://websec.nl/vapt-certificaat-validatie?vapt_id=<CERT_ID>
Afbeelding: https://websec.net/assets/client/<BADGE_ID>/badge.svg

Waarom retourneert de URL de ongeldige badge?

Badge kan de ongeldige afbeelding om verschillende redenen retourneren, waaronder ongeldige/misvormde BADGE_ID, ontbrekende Referer HTTP -header of er wordt gewoon nog geen certificering aan u verstrekt.

We retourneren een X-Error-Reason HTTP-header om u te helpen bij het vinden van de onderliggende oorzaak.

Content Security Policy

Als uw website een strikt contentbeveiligingsbeleid volgt, moet u websec.net toevoegen aan uw img-src om de WebSec-badge toe te staan.

Content-Security-Policy: img-src websec.net;

Toevoegen van een achtergrond

De svg heeft standaard een transparante achtergrond.
U kunt de img-element een achtergrondkleur geven om een soortgelijk resultaat te bereiken als onze voorbeelden.

<img style="width: 64px; background-color: #111; border-radius: 12px" ... />

Dank voor uw vertrouwen!