PitCrew Balance Lookup Widget

📋 Quick Install Guide

Floating	Just add the script. No HTML needed. Button appears in corner automatically.
Inline	Add one or more `<div>` elements where you want the form. Use different IDs for each.
Trigger	Add your own button(s). Use a class to target multiple buttons at once.

⚠️ The script goes on the page only ONCE — even if you have multiple divs/buttons!

⚙️ All Options

Add any of these to PitCrewConfig:

`familyId`	Your shop's ID. Auto-detected if not set.
`mode`	`'floating'` (default), `'inline'`, or `'trigger'`
`position`	`'bottom-right'` (default), `'bottom-left'`, `'top-right'`, `'top-left'`
`targetSelector`	CSS selector for inline/trigger modes. e.g. `'#my-widget'` or `'.rewards-btn'`
`buttonText`	Button label. Default: `'Check Rewards'`
`buttonColor`	Background color. Default: `'#f46231'` (orange)
`buttonTextColor`	Text color. Default: `'#ffffff'` (white)
`offsetX`	Horizontal offset in pixels. Default: `20`
`offsetY`	Vertical offset in pixels. Default: `20`
`zIndex`	Stack order. Default: `999999`. Increase if hidden behind other elements.
`showBranding`	`true` (default) or `false` to hide "Powered by" footer.

                Example:

                <script>PitCrewConfig={offsetX:50,buttonColor:'#3b82f6',position:'bottom-left'}</script>

📱 URL Parameters

Open the widget with a pre-filled phone number - perfect for email/SMS links!

                If URL has no params:

                https://yoursite.com?p=5551234567

                If URL already has params (use &):

                https://yoursite.com?page=rewards&p=5551234567

When someone visits a URL with p=, the widget automatically:

Opens the popup
Pre-fills the phone number
Customer just clicks "Check Balance"!

💡 Great for: Email campaigns, SMS messages, QR codes, customer service links

📝 Note: Use ?p= for the first parameter, or &p= if URL already has ? in it.

🔧 JavaScript API

PitCrewWidget.open() - Open the modal
PitCrewWidget.open('555-1234') - Open with pre-filled phone
PitCrewWidget.close() - Close the modal
PitCrewWidget.destroy() - Remove widget from page
PitCrewWidget.diagnose() - Run diagnostic check (see below)

📱 URL Parameters

Auto-open the widget with a customer's phone number via URL:

?p=5551234567 - Opens widget with phone pre-filled

Example: https://yoursite.com?p=5551234567
Perfect for email/SMS links that take customers directly to their balance lookup!

🔍 Diagnostic Tools

Check if the widget is installed and working correctly on any website.

Option 1: Console Command (Check Existing)

If widget is already on the page, run this in DevTools (F12) → Console:

PitCrewWidget.diagnose();

Option 2: Bookmarklet

Drag this button to your bookmarks bar. Click it on any site to check the widget:

🔍 Check PitCrew Widget

What it checks:

✓ Widget script is loaded
✓ Widget is initialized with familyId
✓ No duplicate scripts (common mistake!)
✓ Target elements exist (for inline/trigger modes)
✓ Not trapped in an iframe
✓ Button is visible (no CSS conflicts)

💉 Console Inject Commands

Test the widget on ANY website by pasting these commands in DevTools Console (F12).

🚀 Auto-Detect (Zero Config)

Automatically finds familyId based on website domain. Auto-initializes!

// Auto-detect & auto-initialize if(window.PitCrewWidget && window.PitCrewWidget._initialized){PitCrewWidget.destroy();window.PitCrewWidget._initialized=false;} var s=document.createElement('script'); s.src='https://ewardme.net/BLW/v2/PitCrewWidget.js?'+Date.now(); document.head.appendChild(s);

🔧 With Specific Family ID

Replace YOUR_FAMILY_ID with the actual ID:

// Manual familyId if(window.PitCrewWidget && window.PitCrewWidget._initialized){PitCrewWidget.destroy();window.PitCrewWidget._initialized=false;} var s=document.createElement('script'); s.src='https://ewardme.net/BLW/v2/PitCrewWidget.js?'+Date.now(); s.onload=function(){PitCrewWidget.init({familyId:'YOUR_FAMILY_ID'});}; document.head.appendChild(s);

🎨 With Custom Options

Full customization example:

// Full options if(window.PitCrewWidget && window.PitCrewWidget._initialized){PitCrewWidget.destroy();window.PitCrewWidget._initialized=false;} var s=document.createElement('script'); s.src='https://ewardme.net/BLW/v2/PitCrewWidget.js?'+Date.now(); s.onload=function(){ PitCrewWidget.init({ familyId: '2', position: 'bottom-right', buttonColor: '#f46231', buttonText: 'Check Rewards', offsetX: 20, offsetY: 20 }); }; document.head.appendChild(s);

💡 Tip: After pasting, the widget button will appear on the page. If using auto-detect, check the console for "Auto-detected familyId: X" message.