Adding Squadlocker Advertisements to your Website

This is an advanced Wordpress setup, please use caution when implementing. These directions are for our Premium and DIY Essential Clients only.  

Occasionally your Squadlocker rep may send you information to add to your website for promotions and deals. This can be done by adding a new page to your site and inserting the "code block" under Content Elements.    

Your Pool Admins will need to determine the location of this code to have the desired effect.  Some will select the home page others will want a landing page so that they can send emails about special offers and discounts. Review your pages carefully before editing them.  It is always best to use a test page to make sure the page presents as you want before altering your existing page. Should you run into an issue contact your Squad Locker rep. 

Start by adding a new page (see directions above in the link) 

Then go to Content Elements and select Code Block.

Copy SquadLocker Code within the code block. Be sure to replace [YOUR COMPANY LOCKER ID].

<div id="sqd-container"><div>
 
<script src="https://d2c-cta.s3-us-west-2.amazonaws.com/build/sqd/index.js"></script>
<script>
  var SQD = new sqd({
    container: 'sqd-container',    
    moduleType: 'standard',    
    lockerId: '[YOUR COMPANY LOCKER ID]',    
    environment: 'production',    
    theme: {
        fontFamily: "'Lato', sans-serif",      
        color: '#2D3237',      
        backgroundColor: '#FFFFFF',      
        accentColor: '#8BC959'    }  
    });
</script>

Note: If you need a white button label instead of your default link color, please add this line above the Squad Locker code:

<style>/*button label color*/.sqd-cta__header > *:last-child {color: #ffffff!important;}</style>

Need more style changes?

Download the How to Create a Dynamic Web Banner by Squadlocker

Confirm the page banner is how you want it to be displayed.

NOTE: Clients with the Basic package need to contact their website developer for updates to their site.