With TLS changes coming, we know that this may affect not only your organization but your patrons as well. We have developed a code snippet for you to add to your Altru web forms that will display a notification for online donors when their browsers are out of compliance for TLS. 

To enable this alert to appear on your Altru web forms:
  1. Click Web > Click Page designer under Configuration
  2. Proceed to Step 3: Configure Content
  3. Click on the ‘gear’ icon above the Header or Footer section in your page layout
  4. When the editor window appears, click on the View tab
  5. Click HTML Code
  6. Paste the following code snippet in the HTML Source Editor: 
  7. <div id="dialog" class="BBFieldCaption" style="display: none;" title="Important Notice">
    <p><strong>Your browser or operating system is out of date</strong></p>
    <p>In order for us to process your payment securely, you must ensure that your operating system and browser is upgraded to the latest version. Checking that your operating system and browser are fully up-to-date is the best way to protect your payment and guarantee it is processed safely. You can find a full list of compatible browsers and operating systems <a href="https://www.blackbaud.com/security/pci-compliance/upgrade/os-browsers">here</a>.</p>
    </div>
    <p>
    <script type="text/javascript">// <![CDATA[
    var userAgent = window.navigator.userAgent.toLowerCase();
                var userAgentVersion;
                var supportForTLS = true;
                if(userAgent.indexOf('firefox/') > -1){ //firefox
                    userAgentVersion = Number(userAgent.split('firefox/')[1].split('.')[0]);
                    if (userAgentVersion < 27) {supportForTLS=false;}
                } else if (userAgent.indexOf('applewebkit/') > -1){ //chrome, edge and safari
                    userAgentVersion = Number(userAgent.split('applewebkit/')[1].split('.')[0]);
                    if (userAgentVersion < 537) {supportForTLS=false;}
                } else if (userAgent.indexOf('opera/') > -1){ //opera
                    userAgentVersion = Number(userAgent.split('opera/')[1].split('.')[0]);
                    if (userAgentVersion < 14) {supportForTLS=false;}
                } else {
                     userAgentVersion = ieVersion();//Internet explorer
                     if (userAgentVersion < 11 || userAgentVersion == null) { supportForTLS = false; }
                }
    
                function ieVersion() {
                    var msie = userAgent.indexOf('msie ');
                    if (msie > 0) {
                        // IE 10 or older => return version number
                        return parseInt(userAgent.substring(msie + 5, userAgent.indexOf('.', msie)), 10);
                    }
                    if (userAgent.indexOf("trident/7.0") > 0)  //11
                        return 11;
                    else if (userAgent.indexOf("trident/6.0") > 0) //10
                        return 10;
                    else if (userAgent.indexOf("trident/5.0") > 0) //9
                        return 9;
                    else
                        return null;  // not IE9, 10 or 11
                    }
                
    		if(!supportForTLS) {	
    		  $( "#dialog" ).dialog(); 
                    };
    // ]]></script>
    </p>
  8. Click Update to close the window
  9. Click Save to close the editor
  10. Click Submit to publish your changes