Technical implementation of McAfee SECURE certification

McAfee SECURE certification is a powerful tool for increasing trust and boosting sales on any website. We offer several automatic integrations for platforms like Shopify, BigCommerce, and Wordpress. If you are a developer and looking to integrate the solution, you've come to the right place. (To learn about best implementation practices, check out this Q&A with two members of our customer facing team.)

Requirements

If you don't have an account yet, you'll want to create one and add your website. Once your site passes our initial security scan, you'll be ready to implement the product.

The main code and the floating trustmark

floating_trustmark


The main code has two functions. 1) It will show the floating trustmark and 2) it will allow inline trustmarks to open the verification modal directly on your site.

To enable these features, you'll want to add the following code to your site. We recommend adding it to every page below the closing </body> tag by using a common include like footer.php.

<script type="text/javascript" src="https://cdn.ywxi.net/js/1.js" async></script>

By default, the code will place the floating trustmark on the bottom right corner of the page and when clicked, will open the verification modal. You can change these settings via the setup wizard. If you're on a Pro plan you can move the trustmark to the left, turn it off, or offset it from either edge.

Engagement trustmark

The McAfee SECURE service includes an inline trustmark that can be used around key engagement areas, like near credit card fields, in the footer of the site, and whenever your site asks for personal information. You'll need a Pro plan for these to work. We serve these files as SVGs for optimal legibility for all screen resolutions.

engagement_trustmark@2x-2


The engagement trustmark can be added wherever you need it with the following code:

<div class="mfes-trustmark" data-type="102" data-width="90" data-height="37"></div>

You can customize the data-width and data-height parameter to any size between 60px and 120px wide. Clicking on the engagement trustmark will open the verification modal. Otherwise it will redirect to the verification page. You can also use this with an HTML-only version, which is custom to every site.

Other features

Several features are available automatically with little-to-no set-up required:

Directory Listing

We offer consumers a directory to find certified sites to do business with. In order to appear here, you need to fill out your directory listing and have at least one trustmark on your site seen within the last 3 days. Your site will also have to maintain its SECURE status.

Search Highlighting

McAfee® SiteAdvisor® software and McAfee® WebAdvisor annotate search results for tens of millions of users and will show your McAfee SECURE certification in Google, Yahoo and Bing automatically. This feature requires a Pro subscription.

Wrapping up

We hope you are able to easily set up the McAfee SECURE service for your site. If you have any trouble, you can refer to our help center or contact us and we'll be happy to assist.

If you want to work our trustmarks into your design, download our demo images which can easily be used with your favorite design systems.

PS. Have more than one site? Schedule a demo with one of our certification specialists.