IntelliFend Seal

IntelliFend Seal serves to confirm the authenticity of the website. IntelliFend, as a third-party security service provider, issues the IntelliFend Seal to enterprise customers. Customers who add IntelliFend Seal to their website deliver a strong signal to their end users, indicating that the current website is under protection by IntelliFend Bot Management Service.

Integrate IntelliFend Seal statically, for server-side rendered HTML pages

Inject the following code snippet inside your HTML body tag where the seal should appear.

IntelliFend Seal html

<a class="intellifend-seal" href="https://app.intellifend.com" target="_blank" title="IntelliFend Bot Management: AI-Powered &amp; Flexible Pricing" style="display: block; width: 1px; height: 1px; overflow: hidden">IntelliFend Bot Management: AI-Powered & Flexible Pricing</a>
<script>window._intellifend && window._intellifend.seal.show()</script>

Integrate IntelliFend Seal dynamically, for JavaScript, React, Vue or Angular apps

Render IntelliFend Seal inside your app by invoking the _intellifend.seal.render() API. The API returns an HTML string, so insert it into a placeholder element in your intended page location, such as the footer.

Add a placeholder where the seal should appear:

IntelliFend Seal placeholder

<div id="intellifend-seal-container"></div>

If Agent JS Script are loaded asynchronously or has not available yet:

IntelliFend Seal JavaScript

function renderIntelliFendSeal(intellifend) {
    document.getElementById("intellifend-seal-container").innerHTML =
        intellifend.seal.render()
}

if (window._intellifend) {
    renderIntelliFendSeal(window._intellifend)
} else {
    window.addEventListener("IntelliFend", e => {
        renderIntelliFendSeal(e.detail.intellifend)
    })
}

Match the seal to your site theme (light / dark)

If your site supports light and dark themes, the seal can display a matching logo variant. By default the seal follows the visitor's OS preference (prefers-color-scheme). If your site has its own manual theme toggle, tell the seal which theme is active so the logo matches.

The seal cannot detect your site's theme by itself — every site implements theming differently. If your site manages its own theme (a manual toggle, a saved user choice, or a fixed theme that does not follow the OS preference), your code must declare it: set data-seal-theme (or pass theme to render()) for the initial state, and call setTheme() whenever the active theme changes.

Set the initial theme statically with the data-seal-theme attribute (auto, light, or dark):

Themed IntelliFend Seal html

<a class="intellifend-seal" href="https://app.intellifend.com" data-seal-theme="auto" target="_blank" title="IntelliFend Bot Management: AI-Powered &amp; Flexible Pricing" style="display: block; width: 1px; height: 1px; overflow: hidden">IntelliFend Bot Management: AI-Powered & Flexible Pricing</a>
<script>window._intellifend && window._intellifend.seal.show()</script>

For JavaScript/SPA apps, pass the initial theme to render():

Themed IntelliFend Seal SPA

document.getElementById("intellifend-seal-container").innerHTML =
    intellifend.seal.render({ theme: "dark" })

Whenever your theme toggle changes the active theme, call setTheme('light' | 'dark' | 'auto'). The seal swaps the logo without flicker:

Sync the seal with your theme toggle

themeToggleButton.addEventListener("click", () => {
    // Replace this with however your site reports its active theme.
    const isDark = document.documentElement.classList.contains("dark")
    window._intellifend.seal.setTheme(isDark ? "dark" : "light")
})

A few details to be aware of:

• The theme applies to every IntelliFend Seal on the page.
• Setting light or dark — whether via data-seal-theme, render({ theme }), or setTheme() — pins the seal to that theme. The visitor's OS preference is ignored until you call setTheme('auto'), which resumes following prefers-color-scheme.
• If a logo variant cannot be loaded for any reason, the seal falls back to the standard IntelliFend logo.

Custom seal logo

By default, IntelliFend Seal displays the standard IntelliFend logo. If you'd like to use your own branded logo on the seal that appears on your website, please contact the IntelliFend team — we'll configure it for your application.

Because the seal follows your site theme, you must supply both a light and a dark variant, in the same file format. Supported formats: PNG, JPEG, or SVG (up to 256 KB each).