Skip to main content

Third-Party Integrations

Documentation of all third-party services integrated into the Cold Steel BigCommerce store.

Email Marketing​

Klaviyo​

Purpose: Email marketing, customer segmentation, abandoned cart recovery

Integration Details​

  • Company ID: TmN6vh
  • SDK: Klaviyo JavaScript SDK
  • Loading: Async script in footer

Implementation​

Newsletter Subscription Form

<!-- templates/components/elevate/klaviyo-subscription-form.html -->
<h5>{{theme_settings.footer_newsletter_title}}</h5>
<script async type="text/javascript" 
    src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=TmN6vh">
</script>
<div class="klaviyo-form-YhYd5N"></div>

Product Viewed Tracking

// templates/pages/product.html
var item = {
    Name: "{{product.title}}",
    ProductID: "{{product.id}}",
    ImageURL: "{{getImage product.main_image 'product_size'}}",
    URL: "{{product.url}}",
    Brand: "{{product.brand.name}}",
    Price: "{{product.price.without_tax.value}}",
    CompareAtPrice: "{{product.price.rrp_without_tax.value}}"
};

klaviyo.push(['track', 'Viewed Product', item]);

Events Tracked​

  • Newsletter Subscription: Email capture via footer form
  • Product Viewed: Automatic tracking on product pages
  • Added to Cart: BigCommerce native integration
  • Started Checkout: BigCommerce native integration
  • Placed Order: BigCommerce native integration

Configuration​

Managed in BigCommerce admin under:

  • Apps → Klaviyo
  • Configure flows, segments, and email templates in Klaviyo dashboard

Buy Now, Pay Later (BNPL)​

Klarna​

Purpose: Financing option allowing customers to split payments

Integration Details​

  • Client ID: 09bd7e2d-0621-5e65-99b2-45cfed6bd3a6
  • Environment: Production
  • SDK: Klarna Web SDK v1
  • Placement: Cart page

Implementation​

<!-- templates/pages/cart.html -->
<div class="klarna-placement-container">
    <klarna-placement
        data-key="top-strip-promotion-badge"
        data-locale="en-US"
        data-purchase-amount="{{floor (multiply product.price.without_tax.value 100)}}"
    ></klarna-placement>
</div>

<script
    async
    data-environment="production"
    src="https://js.klarna.com/web-sdk/v1/klarna.js"
    data-client-id="09bd7e2d-0621-5e65-99b2-45cfed6bd3a6"
></script>

Features​

  • Promotional Badge: "Pay in 4 interest-free payments"
  • Dynamic Calculation: Updates based on cart total
  • Locale Support: US English
  • Amount Format: Price in cents (multiplied by 100)

Configuration​

  • Managed in BigCommerce admin under Payments
  • Additional settings in Klarna Merchant Portal

Sezzle​

Purpose: Alternative BNPL option with flexible payment plans

Integration Details​

  • SDK: Custom AwesomeSezzle class
  • Widget Type: Cart page display
  • Styling: Custom font family (Source Sans Pro)

Implementation​

// templates/pages/cart.html
<script type="text/javascript" 
    src="{{cdn 'assets/js/theme/coldsteel/components/sezzle.js'}}">
</script>

<div id="sezzle-widget"></div>

<script>
    const renderSezzle = new AwesomeSezzle({
        amount: `{{cart.sub_total.value}}`,
        widgetType: `cart`,
        widgetTemplate: `%%logo%% Shop now. Pay later with Sezzle. %%link%%`,
        fontFamily: 'Source Sans Pro, sans-serif'
    });
    renderSezzle.init();
</script>

Features​

  • Custom Widget: Branded messaging
  • Dynamic Amount: Updates with cart total
  • Learn More Link: Opens Sezzle information modal
  • 4 Interest-Free Payments: Bi-weekly payment schedule

Configuration​

  • Managed in BigCommerce admin under Payments
  • Additional settings in Sezzle Merchant Dashboard

Analytics & Optimization​

Google Optimize​

Purpose: A/B testing and website optimization

Integration Details​

  • Container ID: OPT-P95B2DX
  • Loading: Synchronous in <head>

Implementation​

<!-- templates/layout/base.html -->
<script src="https://www.googleoptimize.com/optimize.js?id=OPT-P95B2DX"></script>

Usage​

  • A/B Tests: Test different layouts, copy, CTAs
  • Multivariate Tests: Test combinations of elements
  • Redirect Tests: Test different pages
  • Personalization: Serve different experiences to segments

Configuration​

  • Managed in Google Optimize dashboard
  • Experiments linked to Google Analytics property

Google Analytics (Assumed)​

While not explicitly shown in code review, Enhanced E-commerce is a theme feature:

{
  "features": ["enhanced_ecommerce"]
}

Expected tracking:

  • Product impressions
  • Product clicks
  • Product detail views
  • Add to cart events
  • Checkout steps
  • Purchases

Content Delivery​

BigCommerce CDN​

Purpose: Asset delivery and caching

Usage​

All static assets served via CDN:

{{cdn 'assets/dist/theme-bundle.main.js'}}
{{cdn 'assets/scss/theme.css'}}
{{cdn 'assets/fonts/icomoon.woff'}}

Benefits​

  • Global edge network
  • Automatic cache invalidation
  • HTTPS by default
  • Reduced origin load

External CDNs​

Bootstrap​

<link rel="stylesheet" type="text/css" 
    href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

Font Awesome Pro​

<link rel="stylesheet" 
    href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" />
<script src="https://kit.fontawesome.com/695ed96a48.js"></script>

Swiper​

<link rel="stylesheet" 
    href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<link rel="stylesheet" type="text/css" 
    href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>

Custom APIs​

GSM Outdoors Engraving API​

Purpose: Process custom product engraving orders

Endpoints​

Production

https://engraving.gsmoutdoors.com

Testing/Sandbox

https://engraving-test.gsmoutdoors.com

Operations​

  1. Save Mockup - Store engraving preview image
  2. Save Text as Image - Render text with font
  3. Upload Custom Image - Handle customer uploads
  4. Delete Image - Clean up temp files
  5. Test Cart - Validate cart session

See Engraving Tool for detailed API documentation.

Authentication​

  • Store hash identification
  • Cart ID validation
  • No API keys in client code

SUMA (Assumed)​

File: assets/js/suma.js (minified Preact app)

Based on file structure, appears to be custom React/Preact components:

  • Possibly for dealer locator
  • Could be product customization UI
  • May handle complex product configurations

Note: Requires clarification on SUMA's specific purpose for Cold Steel.

Payment Gateways​

Supported Methods​

Payment processing handled by BigCommerce with these methods enabled:

  1. Credit Cards

    • American Express
    • Discover
    • Mastercard
    • Visa

  2. Digital Wallets

    • PayPal
    • Amazon Pay
    • Google Pay

  3. Buy Now, Pay Later

    • Klarna
    • Sezzle

Configuration​

All payment gateways configured in:

  • BigCommerce Admin → Store Setup → Payments

PCI Compliance​

  • BigCommerce handles PCI compliance
  • No card data stored locally
  • Tokenization for saved payment methods

Social Media​

Hard-coded in footer (templates/components/elevate/footer.html):

{
  youtube: 'https://www.youtube.com/channel/UC3n7MKHEwA9xXBErhXYZbMQ',
  facebook: 'https://www.facebook.com/ColdSteelKnives/',
  instagram: 'https://www.instagram.com/coldsteelknives/'
}

Social Sharing​

Product pages include share functionality:

  • Facebook
  • Twitter
  • Pinterest
  • LinkedIn
  • Email
  • Print

Color-coded icons:

{
  "product-facebook-color": "#3b5998",
  "product-twitter-color": "#55acee",
  "product-pinterest-color": "#bd081c",
  "product-linkedin-color": "#0077b5",
  "product-email-color": "#ea4335",
  "product-print-color": "#000000"
}

Fonts​

Google Fonts​

Fonts loaded via BigCommerce's {{getFontsCollection}} helper:

Primary Fonts:

  • Teko (300, 400, 500, 600, 700) - Headings
  • Roboto (400, 500, 600, 700) - Body text
  • Roboto Condensed (300, 400, 700) - Newsletter
  • Montserrat (400, 500, 600, 700, 900)
  • Saira (100-900)
  • Roboto Slab (100-900)

Custom Icon Font​

Icomoon - Custom icon set loaded locally:

@font-face {
    font-family: 'icomoon';
    src: url('{{cdn 'assets/fonts/icomoon.eot'}}');
    /* Multiple format support */
}

Shipping & Fulfillment​

BigCommerce Native​

Shipping calculated by BigCommerce based on:

  • Product dimensions and weight
  • Customer location
  • Configured shipping zones
  • Carrier integrations

Free Shipping Threshold​

Promotional banner shows:

Free Shipping on Orders Over $95

Configured in BigCommerce shipping settings.

Customer Accounts​

BigCommerce Native Authentication​

Features enabled:

  • Customer registration
  • Order history
  • Address book
  • Wishlist
  • Payment methods (v2)
  • Account dashboard

Wishlist​

Custom wishlist components in templates/components/:

  • common/wishlist-dropdown.html
  • elevate/wishlist-dropdown.html

JavaScript module: assets/js/theme/wishlist.js

Quick search implementation:

  • Live results as you type
  • Product previews
  • Category suggestions
  • Modal interface

Module: assets/js/theme/global/quick-search.js

Theme includes complex search filtering feature for category pages:

  • Price range
  • Brand
  • Color
  • Size
  • Custom attributes

Reviews​

BigCommerce Native Reviews​

Product reviews handled by BigCommerce's built-in system:

  • Star ratings
  • Customer reviews
  • Verified purchase badges
  • Review moderation

Template: templates/components/products/reviews.html Module: assets/js/theme/product/reviews.js

Compliance & Legal​

GDPR/CCPA cookie consent:

// assets/js/theme/global/cookieNotification.js
import privacyCookieNotification from './global/cookieNotification';

privacyCookieNotification();

Shows dismissible banner on first visit.

Patent Notice​

Footer link:

<a href="https://www.gsmoutdoors.com/patents/" target="_blank">Patents</a>

Links to GSM Outdoors parent company patent information.

Monitoring & Debugging​

Browser DevTools​

All integrations log to console in development mode:

if (isDevelopment()) {
    console.log('Engraving API URL:', this.apiUrlDomain);
}

BigCommerce Admin Bar​

Shown to store admins:

  • Quick edit links
  • Preview mode indicator
  • Maintenance mode toggle

Module: assets/js/theme/global/adminBar.js

Security​

HTTPS​

All external resources loaded over HTTPS:

  • Third-party scripts
  • CDN assets
  • API endpoints
  • Images

CSRF Protection​

Theme includes CSRF protection feature:

{
  "features": ["csrf_protection"]
}

Content Security Policy​

Managed by BigCommerce, allows:

  • BigCommerce domains
  • Approved third-party CDNs
  • Analytics providers
  • Payment processors

Integration Monitoring​

Health Checks​

Recommended monitoring:

  • Klaviyo: Check newsletter subscription rate
  • Klarna/Sezzle: Monitor payment approval rates
  • Engraving API: Track 4xx/5xx error rates
  • Google Optimize: Review experiment data
  • CDN: Monitor load times and cache hit rates

Error Tracking​

Consider adding:

  • Sentry or Rollbar for JavaScript errors
  • Google Analytics events for integration failures
  • BigCommerce webhooks for order issues

Support Contacts​