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].
How to Use the SQD Container for Your Company Locker
The SQD Container is a powerful tool that allows you to easily integrate your company locker into your website. With just a few lines of code, you can have a fully functional locker that seamlessly blends in with your website's design. In this article, we will walk you through the steps of setting up the SQD Container and customizing it to fit your needs.
Step 1: Adding the SQD Container to Your Website
The first step is to add the SQD Container to your website. To do this, you will need to copy and paste the following code into the HTML of your website:
<div id="sqd-container"><div>
<script src="https://d2c-cta.s3-us-west2.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>
Be sure to replace [YOUR COMPANY LOCKER ID] with the ID of your company locker. This can be found in the settings of your locker.
Step 2: Customizing the SQD Container
Once you have added the SQD Container to your website, you can customize it to fit your brand's design. The following options are available for customization:
Once you have made your desired customizations, save the changes and refresh your website to see the updated SQD Container.
Conclusion
The SQD Container is a simple and effective way to integrate your company locker into your website. By following the steps outlined in this article, you can have a fully functional locker that seamlessly blends in with your website's design. If you have any further questions or need assistance, please refer to our help center or contact our support team. 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.