GeoTrust Site Seal Installation Guide

Information for installing your DigiCert Smart Seal and DigiCert, Thawte, and GeoTrust site seals on your website.

DigiCert Smart Seal doesn’t set or use cookies of any kind.

Before you begin

Before you install the site seal, make sure you meet these prerequisites:

Have access to and are familiar with your website code
Have a rudimentary understanding of HTML and JavaScript
your SSL certificate has already been regularly issued

Site seal code

Open a support ticket and ask for the seal code for your SSL certificate.

Don’t modify the ID attribute or the JavaScript. DigiCert recommends using the site seal code as-is. Modify the code at your own risk.

Reinstall the site seal code

When done installing the site seal code on your website, modify the site seal from CertCentral or via your Services API (application programming interface) integration.

Some modifications, such as changing the size of the site seal image, don’t require you to reinstall the site seal code. However, if you modify the hover effect, you must reinstall the site seal code for those changes to appear on your website.

Add the site seal code to your website

The site seal code consists of two code parts: HTML and JavaScript.

HTML code

The HTML code, "div" container block, displays the DigiCert site seal on your webpage. Enter the "div" portion of the code into your page code wherever you want the seal to appear on the page.

JavaScript code

The JavaScript code makes the site seal work. For example, the code makes the site seal appear on the page and styles the "div" container block. Enter the script portion of the page code anywhere on the page, for example, next to the "div" block.

Add the site seal code

When adding the site seal code to your webpage, you have two options: place all the code together or place the HTML code in one location and the JavaScript code in another.

Option 1: Place all the code in one location

Copy the code, HTML and JavaScript together, and add it to your HTML document. Place it where you want your site seal to appear on the page.

Option 2: Place the HTML code in one location and the JavaScript code in another location

Copy the JavaScript code and add it to your HTML document within the HEAD section at the top of the file.

Note: DigiCert recommends placing this code below any other JavaScript tags on the webpage.
Copy the HTML code. Then add it to your HTML document in the location where you want your site seal to appear on the page.

Style the site seal

HTML "div" tag

You can place the HTML "div" "div" tag anywhere you want the site seal to appear on your page. You can apply standard CSS styles to the "div" tag: in line with a STYLE attribute or by adding a CLASS attribute and using a style sheet.

Don’t modify the ID attribute. Modify the code at your own risk.

Site seal

The site seal itself is styled automatically via JavaScript.

Don’t modify the JavaScript. Modify the code at your own risk.

Set the language preference for the site seal information page

To change the default language preference for the site seal information page, add the "lang" attribute to the site seal "div" tag or root "html" element on the page.

These language changes apply to the site seal information page. They don’t change the site seal language. Currently, the site seal just supports English.

Supported languages with their “lang” attribute

The site seal information page supports these languages.

Language	`"lang"` attribute value
English (default setting)	`en`
Español (Spanish)	`es`
Deutsch (German)	`de`
Français (French)	`fr`
Italiano (Italian)	`it`
日本語 (Japanese)	`ja`
한국어 (Korean)	`ko`
Nederlands (Dutch)	`nl`
Português (Portuguese)	`pt`
Русский (Russian)	`ru`
Svenska (Swedish)	`sv`
简体中文 (Simplified Chinese)	`zh`
繁體中文 (Traditional Chinese)	`zt`

Add the `"lang"` attribute to the `"div"` tag

To set the default language preference for the site seal information page, add the "lang" attribute to the "div" tag in the site seal code.

Example of site seal code with "lang" attribute

<div id="DigiCertClickID_f8wBj4Ja" lang="es"></div>

<script type="text/javascript">

var __dcid = __dcid || [];

__dcid.push({"cid":"DigiCertClickID_f8wBj4Ja","tag":"f8wBj4Ja"});

    (function(){var cid=document.createElement("script");cid.async=true;cid.src="//seal.digicert.com/seals/cascade/seal.min.js";var s =

    document.getElementsByTagName("script");var ls = s[(s.length - 1)];ls.parentNode.insertBefore(cid, ls.nextSibling);}());

</script>

Add the `"lang"` attribute to the root `"html"` element on the webpage

To set the default language preference for the site seal information page, add the "lang" attribute to the root "html" element on the page.

For example: <html lang="fr">

What's next

A site seal doesn’t work on a development/test domain if you didn’t include that domain in the certificate order. The site seal just works on the domains included in the certificate order.

If you already installed the site seal code and then modify the site seal "hover" effect, reinstall the code for that change to take effect.

Certificate order renewals

When renewing a CertCentral certificate order, the site seal code generated for the previous order is still valid. You don't need to update the code on your website.

However, if you place a new certificate order that isn’t a renewal of the existing order, the current site seal code no longer works. If this happens, get the site seal code from that new certificate order to update the site seal code on your website.