Information for installing your DigiCert site seals

Use these instructions to install your site seal on your domain.

Prerequisites

  1. You need to have access to and be familiar with your site's code.

  2. You need a basic understanding of HTML and JavaScript.

  3. You need the site seal code - available in your DigiCert account or if you were sent an email with the site seal code, included in Your DigiCert Site Seal email.

Site seal code

The site seal code only works on domains that are covered in your DigiCert certificate order. In most cases, this does not include test environments. The list of valid domains the site seal will work on is available in your account, or if you were sent an email with the site seal code, in Your DigiCert Site Seal email.

If your development domain is not on the certificate, you can use a test version of the site seal. For more information, see Testing your site seal on a development/test domain below.

How to add the site seal code to your web page

When adding the site seal code to your web page, you have two options.

Option 1: All code placed together

  1. Locate the site seal code

    1. You can get the code directly from your DigiCert account.

    2. The code may have been emailed to you in Your DigiCert Site Seal email.

  2. Copy the code (HTML and JavaScript together) and paste it into your HTML document in the location 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

  1. Locate the site seal code

    1. You can get the code directly from your DigiCert account.

    2. The code may have been emailed to you in Your DigiCert Site Seal email.

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

    Note: We recommend placing this code below any other JavaScript tags that are already on the page.

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

Multiple site seals on a single web page

Same site seal

To have the same seal appear in multiple locations on your page, paste the code (HTML and JavaScript together) in as many places on your page as you want.

Different site seal

To display two different site seals on your page, you need to generate two sets of site seal code; one for each site seal. Then, paste the code (HTML and JavaScript together) for each site seal in the place you want it to appear on your page.

Modifying the site seal code

We recommend you don't modify the code.

Styling the site seal

HTML "div" tag

The HTML "div" tag can be placed on your page anywhere you want the site seal to appear. Standard CSS styles can be applied to the "div" tag: inline with a STYLE attribute, or by adding a CLASS attribute and using a stylesheet.

Important: Don't modify the ID attribute.

Site seal

The site seal itself is styled automatically via JavaScript.

Important: We recommend you don't modify the JavaScript.

Testing your site seal on a development/test domain

The site seal will not work on a development/test domain if that domain is not included in the certificate order.

Class attribute "allow-test-seal"

To get a test version of your seal to work on any domain, simply add the class "allow-test-seal" to the "div" tag provided in your site seal code. This allows a "test" version of the site seal to work on any domain, while the real site seal will still work on valid domains.

Best practice

Best practice is to remove the "allow-test-seal" class attribute once testing is complete. This will prevent the test seal from being displayed on your live site if the seal becomes invalid, or if the seal code is accidentally copied to an invalid domain.

Certificate order renewals

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

However, if a new certificate order is placed that is not a direct renewal of the existing order, then you will need to generate new site seal code for that certificate order and update the site seal code on your site pages.

Troubleshooting

Why doesn't my site seal work?

  • Empty "div" tag

    Some CMS software solutions strip empty tags from your page, like the empty "div" tag included in our site seal code. This will prevent the site seal from loading.

    There are probably code workarounds for your CMS. However, the simpler solution may be to add content to your site seal "div" tag so it's not empty. We recommend adding <a href="www.digicert.com">SSL Certificate</a>.

  • Expired certificate

    • Has your certificate expired and not been renewed? When your certificate expires, the site seal will no longer load.

    • If you purchased a new certificate and that certificate is not specifically a renewal of the previous (expired), you need to regenerate the site seal code for the new certificate order and place it on the page.

  • Modified code

    Have you have modified any of the site seal code? Try replacing your modified code with the original code. JavaScript modifications or changes to the ID attribute on the "div" tag can prevent your seal from loading.

  • Wrong domain

    Each site seal is tied to a specific certificate order. Verify that you are loading the site seal on a domain that is included in your certificate order, either as the common name or a SAN.

  • Test environment

    Are you working in a test environment? To learn more about testing the site seal on a development domain, see Testing your site seal on a development/test domain above.

  • JavaScript errors

    Any JavaScript errors occurring on the page before the site seal code loads may prevent the site seal code from running. Check your browser error console.

Why does the site seal on my live website say "test" or "invalid" on it?

  • Expired certificate

    Your certificate may have expired and now the seal is no longer valid. However, the test seal is still loading because the "div" tag in your site seal code contains the "allow-test-seal" class attribute. See Certificate order renewals above.

  • Wrong domain

    You may have been testing the site seal on a domain that was not included in the certificate order tied to this site seal. Then, someone pushed the code live without removing the site seal code.

    Verify the site seal code's "div" tag in your live site does not contain the "allow-test-seal" class attribute. See Testing your site seal on a development/test domain above.

Other errors

Do none of the above conditions apply to your situation? Are you still unsure about how to proceed? Then, contact our Support team via live chat, email, or phone.