Technical implementation of McAfee SECURE certification
The McAfee SECURE certification is now TrustedSite Certification. TrustedSite Certification includes an extended portfolio of earned certifications and trustmarks that help alleviate even more concerns of online shoppers. Explore the new features here.
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
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.
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.