Install your DigiCert site seal
Information for installing your DigiCert Smart Seal and DigiCert, Thawte, and GeoTrust site seals on your website.
Notice
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
Have the site seal code
Site seal code
The site seal code just works on domains in the TLS/SSL certificate order. This list of domains is available on the certificate's Order details page in CertCentral. When emailing the site seal code to yourself, Your DigiCert Site Seal email includes a list of valid domains.
Warning
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.
Get the site seal code
In CertCentral, go to the certificate’s Order # details page.
In the left main menu, go to Certificates > Orders.
On the Orders page, select the certificate's order number link.
For CertCentral Subscription accounts:
In the left main menu, go to My Digital Trust Products > Certificates.
On the Certificates page, select the certificate's order number link.
On the Order # details page, select Site Seal.
On the Site Seal page, under Do you need to install your site seal section, copy the site seal code, or email it 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. 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.
Warning
Don’t modify the ID attribute. Modify the code at your own risk.
Site seal
The site seal itself is styled automatically via JavaScript.
Warning
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 |
|
---|---|
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) |
|
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, 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.
Warning
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.