Skip to main content

Install your DigiCert site seal

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

Note

DigiCert Smart Seal does not set or use cookies of any kind.

Before you begin

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

  • You must have access to and be familiar with your website code.

  • You must have a basic understanding of HTML and JavaScript.

  • You must have the site seal code.

Site seal code

The site seal code only works on domains in the TLS/SSL certificate order. This list of domains is available on the certificate's Order details page in your CertCentral account. When you email the site seal code to yourself, Your DigiCert Site Seal email includes a list of valid domains.

Warning

Do not 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

After installing the site seal code on your website, you can modify the site seal from your CertCentral account or via your CertCentral Services API integration.

Some modifications, such as changing the size of the site seal image, do not 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. For example, if you enable the hover effect or disable the hover effect, you must reinstall the site seal code for it to take effect.

Get the site seal code

  1. In your CertCentral account, in the left main menu, go to Certificates > Orders.

  2. On the Orders page, in the Order # column, select the certificate's order number link.

  3. On the Order # details page, select Site Seal.

  4. On the certificate's Order # details page, in the Do you need to install your site seal? section, you can copy the site seal code or email the site seal code to yourself.

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. Paste the "div" portion of the code into your page code wherever you want the seal to appear on the web 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. Paste 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 paste it into your HTML document where you would like your site seal to appear on the page.

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

  1. Copy the JavaScript code and paste it into your HTML document within the HEAD section at the top of the file.

    Important

    DigiCert recommends placing this code below any other JavaScript tags on the webpage.

  2. Copy the HTML code. Then paste it into your HTML document in the location where you would like your site seal to appear on the page.

Style the site seal

HTML "div" tag

You can place the HTML "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 stylesheet.

Warning

Do not modify the ID attribute. Modify the code at your own risk.

Site seal

The site seal itself is styled automatically via JavaScript.

Warning

Do not modify the JavaScript. Modify the code at your own risk.

Set the language preference for the site seal information page

The site seal information page supports the following languages:

  • English (default setting)

  • Español (Spanish)

  • Deutsch (German)

  • Français (French)

  • Italiano (Italian)

  • 日本語 (Japanese)

  • 한국어 (Korean)

  • Nederlands (Dutch)

  • Português (Portuguese)

  • Русский (Russian)

  • Svenska (Swedish)

  • 简体中文 (Simplified Chinese)

  • 繁體中文 (Traditional Chinese)

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.

Notice

These language changes only apply to the site seal information page. They do not change the site seal language. Currently, the site seal only supports English.

"lang" attribute values:

  • en – English

  • es – Español

  • de – Deutsch

  • fr – Français

  • it – Italiano

  • ja – 日本語

  • ko – 한국어

  • nl – Nederlands

  • pt – Protuguês

  • ru – Русский

  • sv – Svenska

  • zh – 简体中文

  • 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

<!-- DigiCert Seal HTML -->
<!-- Place HTML on your site where the seal should appear -->
<div id="DigiCertClickID_f8wBj4Ja" lang="es"></div>

<!-- DigiCert Seal Code -->
<!-- Place with DigiCert Seal HTML or with other scripts -->
<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, you can add the "lang" attribute to the root "html" element on the page.

For example: <html lang="fr">

What's next

A site seal does not work on a development/test domain if you did not include that domain in the certificate order. The site seal only works on the domains included in the certificate order.

Caution

If you enable or disable the site seal hover effect after you've installed the site seal code on your website, you must reinstall the code for that change to take effect.

Certificate order renewals

When you renew 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 is not a renewal of the existing order, the current site seal code will no longer work. In this case, you must get the site seal code for that certificate order and update the site seal code on your website.