PLUG IN TO FREESTYLE

Now it's easier than ever to get FreeStyle on your website!

In just three simple steps, the power of FreeStyle Sublimation and FreeStyle Headwear will be at your customer's fingertips.

The FreeStyle Plug-in store will allow you to embed the FreeStyle Headwear and FreeStyle Sublimation catalog pages right onto your website. Your customers will be able to browse through FreeStyle products, create custom designs in vivid 3D, and submit their designs to you for further processing, all without leaving your website! The FreeStyle Plug-in is designed to be fully responsive and mobile-friendly, so your customers can even enjoy the FreeStyle experience from their phones.

Give your customers the freedom to create their style with a FreeStyle Plug-in store. Check out the simple steps below to get started!

3 SIMPLE STEPS

1.

CONTACT US

2.

BUILD A PAGE

3.

PASTE THE CODE

Click the link below to complete the first step!

Get Started Now
FreeStyle Headwear Logo

Check out our Marketing Content Kit for FreeStyle Headwear here!

We have provided documentation for the following FreeStyle Headwear features:

Plug-in Installation

The FreeStyle Headwear Plug-in works best with a full width page that includes a header and footer. The Plug-in is mobile responsive, so if the width of the page content is smaller than 1024px, the Plug-in will automatically adjust to a more mobile-friendly view.

Step 1: Fill out this form to request your configuration

Step 2: Create page /CapConfigurator

Step 3: Copy the code below onto your page

FreeStyle Headwear Plug-in Code:

Optional Configurations

+

Display Categories:

You can display a specific category by passing a query string parameter categoryName in the URL to your page.

For example, to display the “Baseball” category, the URL would look like this:

  • https://xyz.com/CapConfigurator?categoryName=baseball

Click here to see a list of FreeStyle Headwear categories!

Show Lead Times

If you want to adjust the default lead time to add additional days, update the addlLeadTime in the Plug-in code accordingly

For example, 2 additional days were added in the code below:

var defaultConfig = { 'discount': 5, 'addlLeadTime': 2, 'moq': 6, 'moqPrice': 60 };

Show MOQ (Minimum Order Quantity)

If you want to display a MOQ message, you may change the value of moq accordingly. If a purchase is made that falls below the MOQ, you can communicate an extra charge by adjusting the moqPrice.

For example, the moq has been increased to 12, and moqPrice to 60

var defaultConfig = { 'discount': 5, 'addlLeadTime': 2, 'moq': 12, 'moqPrice': 60 };

As a result, the following message will display in the Plug-in:

  • "* A $60 minimum fee will be applied to order with less than 12 pieces. There is no 12 piece minimum required on re-orders.

Adjusting MSRP:

If you'd like to discount the Augusta Sportswear MSRP, update the discount with a new value. The maximum percentage allowed is 20.

For example, a 5% discount is shown below:

var defaultConfig = { 'discount': 5, 'addlLeadTime': 2, 'moq': 12, 'moqPrice': 60 };

You can also increase the MSRP by using a negative value (yes, you read that right!), as shown here with a 20% increase in MSRP:

var defaultConfig = { 'discount': -20, 'addlLeadTime': 2, 'moq': 12, 'moqPrice': 60 };

If you do not want the MSRP to be displayed at all, you can hide it by using the discount value of -1000, like this:

var defaultConfig = { 'discount': -1000, 'addlLeadTime': 2, 'moq': 12, 'moqPrice': 60 };

Installing Plug-in on Wix:

If you are using the website builder Wix, you will need to add the following code before adding the main Plug-in code:

FreeStyle Headwear Plug-in Code for Wix:

If you need additional assistance with this process, please refer to this instructional video:

FreeStyle Sublimation

Check out our Marketing Content Kit for FreeStyle Sublimation here!

We have provided documentation for the following FreeStyle Sublimation features:

Plug-in Installation

The FreeStyle Sublimation Plug-in works best with a full width page that includes a header and footer. The Plug-in is mobile responsive, so if the width of the page content is smaller than 1024px, the Plug-in will automatically adjust to a more mobile-friendly view.

Step 1: Fill out this form to request your configuration

Step 2: Create page /configurator

Step 3: Copy this code onto your page

FreeStyle Sublimation Plug-in Code:

Optional Configurations

+

Display Categories:

You can display a specific category by passing a query string parameter categoryName in the URL to your page.

For example, to display the “Baseball” category, the URL would look like this:

  • https://xyz.com/configurator?categoryName=baseball

Click here to see a list of FreeStyle Sublimation categories!

Show Lead Times

If you want to adjust the default lead time to add additional days, update the addlLeadTime in the Plug-in code accordingly

For example, 2 additional days were added in the code below:

var defaultConfig = { 'discount': 5, 'addlLeadTime': 2, 'moq': 6, 'moqPrice': 60 };

Show MOQ (Minimum Order Quantity)

If you want to display a MOQ message, you may change the value of moq accordingly. If a purchase is made that falls below the MOQ, you can communicate an extra charge by adjusting the moqPrice.

For example, the moq has been increased to 12, and moqPrice to 60

var defaultConfig = { 'discount': 5, 'addlLeadTime': 2, 'moq': 12, 'moqPrice': 60 };

As a result, the following message will display in the Plug-in:

  • "* A $60 minimum fee will be applied to order with less than 12 pieces. There is no 12 piece minimum required on re-orders.

Adjusting MSRP:

If you'd like to discount the Augusta Sportswear MSRP, update the discount with a new value. The maximum percentage allowed is 20.

For example, a 5% discount is shown below:

var defaultConfig = { 'discount': 5, 'addlLeadTime': 2, 'moq': 12, 'moqPrice': 60 };

You can also increase the MSRP by using a negative value (yes, you read that right!), as shown here with a 20% increase in MSRP:

var defaultConfig = { 'discount': -20, 'addlLeadTime': 2, 'moq': 12, 'moqPrice': 60 };

If you do not want the MSRP to be displayed at all, you can hide it by using the discount value of -1000, like this:

var defaultConfig = { 'discount': -1000, 'addlLeadTime': 2, 'moq': 12, 'moqPrice': 60 };

Installing Plug-in on Wix:

If you are using the website builder Wix, you will need to add the following code before adding the main Plug-in code:

FreeStyle Headwear Plug-in Code for Wix:

If you need additional assistance with this process, please refer to this instructional video: