Skip to main content

Third-Party Integrations

Baits.com integrates with several third-party services for payments, reviews, accessibility, and marketing.

Payment Gateways​

Standard Payment Methods​

BigCommerce native payment integrations:

  • Visa
  • Mastercard
  • American Express
  • Discover
  • PayPal (Express Checkout and Standard)
  • Account Payment Methods V2 - Stored payment methods for returning customers

Configuration​

Payment methods configured in BigCommerce control panel:

  • Store Setup > Payments
  • Test mode available for development
  • PCI compliance handled by BigCommerce

Sezzle Buy-Now-Pay-Later​

Sezzle provides installment payment options at checkout.

Integration​

Custom integration code in assets/js/theme/baits/sezzle.js.

How Sezzle Works​

  1. Customer Selection: At checkout, customer selects "Pay with Sezzle"
  2. Credit Check: Instant approval decision from Sezzle
  3. Payment Schedule: Purchase split into 4 interest-free payments
  4. First Payment: Due at purchase
  5. Remaining Payments: Bi-weekly installments

Example: $100 purchase

  • Payment 1: $25 (at checkout)
  • Payment 2: $25 (2 weeks later)
  • Payment 3: $25 (4 weeks later)
  • Payment 4: $25 (6 weeks later)

Product Page Widget​

Sezzle installment calculator on product pages:

<div class="sezzle-widget" 
     data-amount="{{product.price.without_tax.value}}"
     data-alignment="left">
</div>

Widget Shows:

  • "or 4 interest-free payments of $X.XX with Sezzle"
  • Sezzle logo
  • "Learn more" link with details modal

Cart Page Widget​

Sezzle messaging in cart:

<div class="sezzle-cart-widget"
     data-amount="{{cart.total.value}}">
</div>

Updates dynamically as cart total changes.

Checkout Integration​

Sezzle payment method appears in checkout:

<div class="checkout-payment-method">
    <input type="radio" name="payment_method" value="sezzle" />
    <label>
        <img src="sezzle-logo.png" alt="Sezzle" />
        <span>Pay in 4 interest-free installments</span>
    </label>
</div>

Configuration​

Sezzle settings (in BigCommerce or theme):

  • Merchant ID: Unique Sezzle merchant identifier
  • API Keys: Public and private keys for authentication
  • Widget Theme: Light or dark mode
  • Price Threshold: Minimum order for Sezzle ($35 default)
  • Installment Display: Show/hide installment breakdown

Customer Benefits​

  • No Interest: 0% APR financing
  • No Hard Credit Check: Soft credit inquiry only
  • Instant Approval: Decision in seconds
  • Easy Payments: Auto-deducted from linked payment method
  • Payment Reminders: Email and SMS notifications

Merchant Benefits​

  • Increased Conversion: Higher cart values and completion rates
  • Full Payment Upfront: Merchant receives full amount immediately
  • Sezzle Risk: Sezzle handles payment defaults
  • No Integration Fees: Free to integrate (Sezzle takes transaction fee)

BazaarVoice Reviews & Ratings​

Product review and rating system powered by BazaarVoice.

Features​

Ratings & Reviews​

  • 5-Star Rating System: Aggregate and individual ratings
  • Written Reviews: Customer feedback and experiences
  • Review Photos: Customer-uploaded product images
  • Verified Purchaser Badges: For confirmed buyers
  • Helpful Voting: Upvote/downvote reviews
  • Review Moderation: Automatic and manual review approval
  • Response from Brand: Company responses to reviews

Questions & Answers​

  • Product Q&A: Customers ask questions about products
  • Community Answers: Other customers and brand can respond
  • Helpful Voting: Mark best answers
  • Notifications: Email alerts for question responses

Syndication​

  • Review Syndication: Share reviews across product variants
  • Multi-Site Syndication: Reviews visible across all brand sites

Integration​

Product Pages​

Reviews container in templates/components/products/baits/product-reviews.html:

<div id="BVRRContainer">
    <div data-bv-show="reviews" 
         data-bv-product-id="{{product.id}}">
    </div>
</div>

BazaarVoice Script​

Loaded globally in theme:

<script>
$BV.configure('global', {
    productId: '{{product.id}}',
    locale: 'en_US',
    displayCode: '{{bazaarvoice.site_id}}'
});
</script>

<script src="https://apps.bazaarvoice.com/deployments/{{bazaarvoice.client_name}}/{{bazaarvoice.site_id}}/{{bazaarvoice.environment}}/{{bazaarvoice.locale}}/bv.js"></script>

Configuration Variables​

{
    client_name: 'baits',
    site_id: 'main_site',
    environment: 'production', // or 'staging'
    locale: 'en_US'
}

Custom Styling​

Shadow DOM styles injected via assets/js/theme/baits/reviews.js:

const reviews_styles = {
    '': {
        '[class^=bv_rating_content] section': {
            'margin': '0 0 30px',
            'padding': '0'
        },
        'h2': {
            'margin': '0 0 30px',
            'text-align': 'center',
            'width': '100%'
        }
    },
    '1261': {
        'h2:nth-child(n)': {
            'font-size': '48px',
            'margin': '0 0 45px',
        }
    }
};

Review Display Options​

Configured in BazaarVoice portal:

  • Sort Options: Most recent, highest/lowest rated, most helpful
  • Filter Options: By star rating, verified purchaser
  • Pagination: Number of reviews per page
  • Review Images: Enable/disable customer photos
  • Q&A Section: Show/hide questions
  • Inline Ratings: Star summary on product cards

SEO Benefits​

BazaarVoice provides SEO-friendly markup:

<div itemscope itemtype="http://schema.org/Product">
    <span itemprop="name">Product Name</span>
    <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
        <span itemprop="ratingValue">4.5</span>
        <span itemprop="reviewCount">127</span>
    </div>
</div>

SEO Impact:

  • Rich Snippets: Star ratings in search results
  • User-Generated Content: Fresh, keyword-rich content
  • Schema.org Markup: Structured data for search engines
  • Social Proof: Increased click-through rates

Review Request Campaigns​

Automated review requests via BazaarVoice:

  1. Order Completion: Triggered by BigCommerce webhook
  2. Delay Period: Wait 14-30 days for product use
  3. Email Request: Sent to customer with review link
  4. Reminder Emails: Follow-up if no review submitted
  5. Incentives: Optional discount/reward for reviews

Email Marketing​

Newsletter Signup​

Footer newsletter form:

<form class="newsletter-form" action="{{urls.account.subscribe}}" method="post">
    <input 
        type="email" 
        name="nl_email" 
        placeholder="Enter your email" 
        required 
    />
    <button type="submit">Subscribe</button>
</form>

Integrates with BigCommerce's built-in email marketing or third-party services.

Klaviyo Integration (Potential)​

While not explicitly visible in the codebase, Klaviyo is commonly used with BigCommerce for:

  • Email Campaigns: Promotional emails and newsletters
  • Abandoned Cart Recovery: Automated cart reminder emails
  • Browse Abandonment: Follow-up for viewed products
  • Win-Back Campaigns: Re-engage inactive customers
  • Post-Purchase Flows: Thank you emails, review requests
  • Segmentation: Targeted campaigns by customer behavior

Integration Method: BigCommerce app or JavaScript SDK

<script src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=XXXXX"></script>

<script>
    var _learnq = _learnq || [];
    _learnq.push(['identify', {
        '$email': '{{customer.email}}',
        '$first_name': '{{customer.first_name}}',
        '$last_name': '{{customer.last_name}}'
    }]);
</script>

Social Media Integration​

Social Sharing​

Product sharing buttons:

<div class="social-sharing">
    <a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" 
       target="_blank"
       aria-label="Share on Facebook">
        <svg><use xlink:href="#icon-facebook"></use></svg>
    </a>
    <a href="https://twitter.com/intent/tweet?url={{page.url}}&text={{product.title}}"
       target="_blank"
       aria-label="Share on Twitter">
        <svg><use xlink:href="#icon-twitter"></use></svg>
    </a>
    <a href="https://pinterest.com/pin/create/button/?url={{page.url}}&media={{product.main_image}}"
       target="_blank"
       aria-label="Share on Pinterest">
        <svg><use xlink:href="#icon-pinterest"></use></svg>
    </a>
</div>

Footer social media links:

<div class="footer-social">
    <a href="{{social.facebook}}" aria-label="Facebook">
        <svg><use xlink:href="#icon-facebook"></use></svg>
    </a>
    <a href="{{social.instagram}}" aria-label="Instagram">
        <svg><use xlink:href="#icon-instagram"></use></svg>
    </a>
    <a href="{{social.youtube}}" aria-label="YouTube">
        <svg><use xlink:href="#icon-youtube"></use></svg>
    </a>
</div>

Configured in theme settings or BigCommerce control panel.

Analytics & Tracking​

Google Analytics 4​

Enhanced E-commerce tracking built into theme:

"features": [
    "enhanced_ecommerce"
]

Tracked Events:

  • Product Impressions: Products viewed in lists
  • Product Clicks: Product card clicks
  • Product Views: Product detail page views
  • Add to Cart: Items added to cart
  • Remove from Cart: Items removed from cart
  • Checkout Steps: Checkout progress
  • Purchases: Completed orders

Data Layer​

BigCommerce pushes data to dataLayer:

dataLayer.push({
    'event': 'productImpression',
    'ecommerce': {
        'currencyCode': 'USD',
        'impressions': [
            {
                'name': 'Product Name',
                'id': '12345',
                'price': '19.99',
                'brand': 'Brand Name',
                'category': 'Fishing Lures',
                'position': 1
            }
        ]
    }
});

Custom Event Tracking​

Theme includes event attributes for custom tracking:

<div class="productView" 
     {{#if settings.data_tag_enabled}}
     data-event-type="product"
     data-entity-id="{{product.id}}"
     data-name="{{product.title}}"
     data-product-category="{{product.category}}"
     data-product-brand="{{product.brand.name}}"
     data-product-price="{{product.price.value}}"
     {{/if}}>
</div>

Can be used for custom GA4, GTM, or other analytics events.

Facebook Pixel (Potential)​

Common BigCommerce integration for Facebook ads:

<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'PIXEL_ID');
fbq('track', 'PageView');
</script>

Tracked Events:

  • ViewContent (product pages)
  • AddToCart
  • InitiateCheckout
  • Purchase

Accessibility Tools​

UserWay Widget (Potential)​

While not explicitly in the codebase, UserWay is a common accessibility widget for e-commerce sites.

Features:

  • Screen Reader Optimization: Improved ARIA labels
  • Keyboard Navigation: Enhanced keyboard support
  • Color Contrast Adjustments: Increase contrast for visibility
  • Text Sizing: Increase/decrease text size
  • Cursor Enlargement: Bigger cursor for low vision
  • Tooltips: Hover explanations
  • Accessibility Statement: Compliance documentation

Integration:

<script>
(function(d){
    var s = d.createElement("script");
    s.setAttribute("data-account", "ACCOUNT_ID");
    s.setAttribute("src", "https://cdn.userway.org/widget.js");
    (d.body || d.head).appendChild(s);
})(document);
</script>

Native Accessibility Features​

Theme includes built-in accessibility:

  • Semantic HTML5: Proper element usage
  • ARIA Labels: Screen reader labels
  • Focus Indicators: Visible focus states
  • Skip Links: Skip to main content
  • Alt Text: Image descriptions
  • Form Labels: Associated labels for inputs
  • Color Contrast: WCAG AA compliant
  • Keyboard Navigation: All features accessible via keyboard

Shipping & Tax​

Shipping Providers​

BigCommerce native integrations:

  • USPS
  • UPS
  • FedEx
  • DHL
  • Australia Post
  • Canada Post
  • Royal Mail

Configuration: Control Panel > Store Setup > Shipping

Real-Time Rates​

Live shipping rates at checkout based on:

  • Destination address
  • Package weight/dimensions
  • Shipping method selected
  • Carrier rates

Tax Services​

Avalara Integration (Potential)​

Automated tax calculation:

{
    street_address: '123 Main St',
    city: 'Springfield',
    state: 'IL',
    zip: '62701',
    country: 'US'
}

Avalara calculates:

  • State tax
  • County tax
  • City tax
  • Special district taxes
  • Tax exemptions (if applicable)

TaxJar (Potential)​

Alternative tax automation service with similar features.

Tax Configuration​

Basic tax rules in BigCommerce:

  • Tax rates per state/region
  • Tax-exempt products
  • Tax-exempt customers
  • Nexus configuration

Security & Fraud Prevention​

SSL Certificate​

BigCommerce provides SSL:

  • Shared SSL: Free on bc.app.dev domain
  • Custom SSL: For custom domains
  • Auto-Renewal: Managed by BigCommerce

PCI Compliance​

BigCommerce is PCI DSS Level 1 certified:

  • Payment Tokenization: Credit cards never touch server
  • Secure Checkout: Encrypted payment processing
  • Regular Audits: Quarterly vulnerability scans

Fraud Prevention​

BigCommerce includes basic fraud detection:

  • AVS (Address Verification Service): Matches billing address
  • CVV Verification: Requires card security code
  • IP Geolocation: Flags suspicious locations
  • Velocity Checks: Multiple orders from same IP

Signifyd (Potential)​

Advanced fraud protection service:

Features:

  • Machine Learning: AI-powered fraud detection
  • Chargeback Protection: Financial guarantee
  • Order Screening: Automatic approve/reject/review
  • Manual Review: Expert team reviews flagged orders

Integration: BigCommerce app, no code changes required

CDN & Performance​

BigCommerce CDN​

Built-in CDN for static assets:

  • Akamai Network: Global edge servers
  • Automatic Optimization: Image compression
  • Geo-Distribution: Serve from nearest location
  • Cache Control: Configurable cache headers

Image Optimization​

Stencil image processing:

{{getImageSrcset image sizes use_default_sizes=true}}

Generates:

  • WebP format (when supported)
  • Multiple sizes (500w, 800w, 1200w, etc.)
  • Responsive srcset
  • Lazy loading

WebP Support​

Modern image format for smaller file sizes:

<picture>
    <source srcset="image.webp" type="image/webp" />
    <source srcset="image.jpg" type="image/jpeg" />
    <img src="image.jpg" alt="Product" />
</picture>

Benefits:

  • 25-35% smaller than JPEG
  • Faster page loads
  • Lower bandwidth usage

Monitoring & Support​

Uptime Monitoring​

BigCommerce provides:

  • 99.99% Uptime SLA: Guaranteed availability
  • Status Page: Real-time status updates
  • Incident Alerts: Email notifications for outages

Error Tracking​

JavaScript error monitoring (potential integrations):

Sentry​

<script
  src="https://browser.sentry-cdn.com/7.x.x/bundle.min.js"
  crossorigin="anonymous"
></script>

<script>
  Sentry.init({
    dsn: 'https://[email protected]/xxxxx',
    environment: 'production',
    release: '[email protected]'
  });
</script>

Captures:

  • JavaScript errors
  • Unhandled promise rejections
  • API failures
  • Performance metrics

Customer Support​

Live Chat (Potential)​

Common options:

  • Zendesk Chat
  • Intercom
  • Drift
  • LiveChat

Help Desk​

Ticket management:

  • Zendesk Support
  • Freshdesk
  • Help Scout

Integration via widget or email forwarding.

API Integrations​

BigCommerce Storefront API​

Used by theme via Stencil Utils:

import utils from '@bigcommerce/stencil-utils';

// Cart operations
utils.api.cart.itemAdd(formData, callback);
utils.api.cart.itemUpdate(itemId, quantity, callback);
utils.api.cart.itemRemove(itemId, callback);

// Product operations
utils.api.product.getById(productId, options, callback);

// Search
utils.api.search.search(query, params, callback);

GraphQL Storefront API​

Product variant data:

query ProductVariants($productId: Int!) {
  site {
    product(entityId: $productId) {
      variants {
        edges {
          node {
            entityId
            sku
            prices {
              price {
                value
              }
              salePrice {
                value
              }
            }
            options {
              edges {
                node {
                  displayName
                  values {
                    edges {
                      node {
                        label
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

Injected in templates:

<script>
window.variantData = {{{json product.variants}}};
</script>

Future Integration Opportunities​

Loyalty Programs​

  • Smile.io: Points and rewards
  • Yotpo Loyalty: Reviews + loyalty combined
  • LoyaltyLion: Tiered loyalty programs

Subscriptions​

  • Bold Subscriptions: Recurring orders
  • ReCharge: Subscription management
  • PayWhirl: Flexible subscription billing

Inventory Management​

  • Cin7: Multi-channel inventory
  • TradeGecko: Wholesale and retail inventory
  • Stitch Labs: Order and inventory management

ERP Integration​

  • NetSuite: Enterprise resource planning
  • Microsoft Dynamics: ERP and CRM
  • SAP Business One: Integrated business management

Marketplaces​

  • Amazon: Sell on Amazon Marketplace
  • eBay: Multi-channel selling
  • Walmart: Walmart Marketplace integration

All integrations should be evaluated based on:

  • Business requirements
  • Integration complexity
  • Cost
  • Maintenance overhead
  • Performance impact