How to Add the Astra Trust Seal to your website?

Installing the Seal

1) Login to your Astra Dashboard and access the Settings page and scroll down to find “Embed the Seal” card and click on Get Code option as shown below:

2) Copy the code in Snippet #1 shown below and paste it at the location where you would like the seal to be shown.

3) Copy the code in Snippet #2 shown above and paste it just before the </body> tag in the footer of the website.

How to Add Astra Trust Seal in WordPress

1. Login to your WordPress backend
2. Navigate to Appearance > Widgets
3. Drag drop the widget named ‘Custom HTML’ into the Sidebar/Footer where you would like to show the seal
4. Copy paste code from both Snippet #1 and #2 into the widget content
5. Clear WordPress cache

Make the Trust Seal float on the Left

Add the following CSS code to your website source:

<style>
#astra-seal{
position: fixed;
left: 0px;
bottom: 0px;
}
</style>

Make the Trust Seal float on the Right

Add the following CSS code to your website source:

<style>
#astra-seal{
position: fixed;
right: 0px;
bottom: 0px;
}
</style>

Hide the Trust Seal on Mobile Devices

Using media queries in CSS, the Trust Seal can be hidden. Add the code below to your website source:

<style>
@media screen and (max-width: 600px) {
  #astra-seal {
    visibility: hidden;
    clear: both;
    display: none;
  }
}
</style>

Change the Width of the Astra Trust Seal

You can specify the width (in pixels) of the trust seal by adding the width parameter to the trust seal embed code as shown below in bold face text. Please note that you have to copy only the &width=110 part and append it to the existing url.

<div id="astra-seal"><a href="https://www.getastra.com/">Astra Website Security</a></div>
<script src="//dash.getastra.com/sdk.js?site={{ReplaceThisWithYourSiteKey}}&width=110"></script>