You’ve decided to add instant estimates to your roofing website. Smart move. This guide walks you through the complete BidHawk setup process—from creating your account to embedding the widget to receiving your first qualified lead.
By the end, you’ll have a fully functional instant estimate widget on your website, connected to your CRM, and ready to convert visitors into leads.
Before You Start
You’ll need:
- A website (any platform works: GHL, WordPress, Wix, Squarespace, HTML)
- Access to edit your website (or someone who can add code for you)
- Your pricing information (price per square, rough ranges)
- About 15 minutes to complete the setup
No technical skills required. If you can copy and paste, you can do this.
Step 1: Create Your BidHawk Account
Head to bidhawk.com/signup and fill out the signup form:
- Enter your name and contact information
- Add your company name and website URL
- Select “Contractor” as your account type
- Complete the form and submit
You’ll receive a confirmation email with login credentials. Your 14-day free trial starts immediately—no charge until day 15.
Step 2: Log Into Your Dashboard
Once logged in, you’ll see your BidHawk dashboard. Here’s what’s available:
- Widget Configuration - Customize your pricing and appearance
- Leads - View and manage captured leads
- Integrations - Connect to your CRM
- Account Settings - Manage billing and preferences
Let’s start with widget configuration.
Step 3: Configure Your Pricing
This is the most important step. Your pricing configuration determines what estimates visitors will see.
Set Your Price Per Square
Navigate to Widget Configuration → Pricing. You’ll set:
Base Price Per Square
- Low estimate: Your minimum price per square (e.g., $350)
- High estimate: Your maximum price per square (e.g., $550)
Example: If you typically charge $400-$500 per square for a standard asphalt shingle replacement, you might set:
- Low: $375/sq
- High: $525/sq
This gives homeowners a realistic range while building in flexibility for the actual quote.
Complexity Adjustments (Optional)
BidHawk can adjust estimates based on detected roof complexity:
- Simple roof (few facets): Standard pricing
- Medium complexity: +10-15%
- High complexity (many facets, steep pitch): +20-30%
Configure these modifiers based on your actual pricing patterns.
Test Your Pricing
Use the preview tool to test different addresses. Enter addresses of properties you’ve actually quoted to see if the estimates align with reality. Adjust as needed.
Step 4: Customize Widget Appearance
Your widget should match your brand. Options include:
Color Scheme
- Primary color (buttons, accents)
- Background style
- Text colors
Branding
- Company name display
- Logo upload (optional)
- Custom messaging
Behavior
- Auto-open on page load?
- Trigger on button click?
- Pop-up vs embedded?
Start with the defaults and customize once it’s working on your site.
Step 5: Get Your Embed Code
Navigate to Widget Configuration → Embed Code. You’ll see a code snippet like:
<script src="https://widget.bidhawk.com/embed.js"
data-contractor-id="YOUR_UNIQUE_ID">
</script>
Copy this code. You’ll paste it into your website in the next step.
Step 6: Add the Widget to Your Website
Here’s how to embed on popular platforms:
GoHighLevel (GHL)
- Open your funnel or website editor
- Add a “Custom Code” element where you want the widget
- Paste the embed code
- Save and publish
WordPress
Option A: Using a Code Widget
- Go to Appearance → Widgets (or use Elementor/your page builder)
- Add a “Custom HTML” widget
- Paste the embed code
- Save
Option B: In Page/Post Editor
- Edit the page where you want the widget
- Add a “Custom HTML” block
- Paste the embed code
- Update the page
Wix
- Open the Wix Editor
- Click Add (+) → Embed → Embed a Widget
- Click “Enter Code”
- Paste the embed code
- Position and save
Squarespace
- Edit the page
- Add a “Code” block
- Paste the embed code
- Save and publish
Plain HTML
Add the embed code just before the closing </body> tag, or in a <div> where you want the widget to appear.
Step 7: Test the Widget
Visit your website and test the widget:
- Enter a test address - Use your own address or a known property
- Verify the estimate - Does it seem reasonable?
- Complete the form - Submit a test lead with your info
- Check your dashboard - Confirm the lead appears
If anything looks off, return to your configuration and adjust.
Step 8: Set Up CRM Integration
BidHawk can push leads directly to your CRM via webhook. Here’s how:
GoHighLevel (GHL)
- In GHL, go to Settings → Integrations → Webhooks
- Create a new webhook and copy the URL
- In BidHawk, go to Integrations → Add Integration
- Paste your GHL webhook URL
- Map the fields (name, email, phone, address, estimate)
- Save and test
JobNimbus
- In JobNimbus, find your API webhook URL
- In BidHawk, go to Integrations → Add Integration
- Select JobNimbus and paste your webhook URL
- Configure field mapping
- Save and test
Other CRMs
BidHawk supports any CRM that accepts webhook POST requests. In your CRM, find the webhook or API endpoint, then configure the integration in BidHawk.
Step 9: Configure Lead Notifications
Never miss a lead. Set up notifications:
Email Notifications
- Enter email addresses to receive instant notifications
- Configure notification content
SMS Notifications (Optional)
- Add phone numbers for SMS alerts
- Receive texts when new leads come in
Test these by submitting another test lead.
Step 10: You’re Live!
Congratulations—your instant estimate widget is now live and ready to capture leads.
Optimizing for Best Results
Now that you’re set up, here are tips for maximizing performance:
Widget Placement
Test different placements:
- Hero section (most visible)
- Sidebar widget
- Dedicated pricing page
- Pop-up on exit intent
Track which placement generates the most leads.
Pricing Adjustments
After receiving actual leads and quotes:
- Are your estimates too high? Visitors might not submit.
- Too low? You might be setting unrealistic expectations.
- Adjust based on real data.
Response Speed
Leads from instant estimates are hot. They’re actively researching and ready to talk. Aim to:
- Respond within 5 minutes if possible
- Maximum 1 hour during business hours
- Have a same-day callback system
Track Your Metrics
Monitor in your BidHawk dashboard:
- Widget views
- Estimates generated
- Leads submitted
- Conversion rates
Use this data to optimize pricing and placement.
Troubleshooting Common Issues
Widget Not Showing
- Confirm the code was saved/published
- Check if ad blockers are interfering
- Verify the code is in the correct location
- Clear your browser cache
Estimates Seem Wrong
- Review your pricing configuration
- Test multiple addresses
- Adjust complexity modifiers
Leads Not Appearing in CRM
- Verify webhook URL is correct
- Check field mapping
- Test the webhook manually
- Confirm your CRM is receiving data
Next Steps
Your widget is live. Here’s what to do next:
- Drive traffic - More visitors = more leads
- Monitor performance - Check dashboard daily initially
- Respond fast - Speed matters for conversion
- Adjust pricing - Refine based on actual experience
- Gather testimonials - Happy customers become social proof
Welcome to the world of instant estimates. Your website just became a lead-generating machine.
Need help? Contact BidHawk support at support@bidhawk.com. We typically respond within 24 hours.