Date Picker Design Editor

Holiday Light Visualizer Tool

Autobidder Guide Videos Overview:

The Hidden Psychology Behind Discounts (and How to Set Them Up in Autobidder) 

Revolutionize Your Bidding Process with the AI Measurement Tool

How to Integrate Jobber with Autobidder

Preview What Autobidder Looks Like To Your Customers:

Why Use a Popup for Autobidder? Popups are a great alternative to embedding Autobidder directly in a page because they: Keep your main pages clean and simple Let visitors open the estimator only when they’re ready Work well for mobile users when formatted correctly Make it easy to link multiple services to separate calculators The key is formatting it properly so it feels seamless and doesn’t interfere with scrolling or page behavior. Step 1: Create a New Popup in Your Website Builder Inside your site editor (such as Duda, Webflow, or another builder): Go to the Pages tab. Click on the Popups section. Select New Popup → choose a blank layout. Name it something like “Autobidder” (or use a service-specific name if you’ll have several popups). This creates a blank canvas for your estimator. Step 2: Add the Autobidder Embed Code Now that your popup is ready: Right-click inside the popup and select Add Blank Section to start fresh. Delete any default text, columns, or widgets. Drag in an HTML widget and drop it inside the section. Paste your Autobidder embed code into the HTML box. Give it a few seconds to load. Once it does, you’ll see your Autobidder form appear inside the popup. Step 3: Format the Popup for the Best Experience This is the most important step. Because Autobidder’s calculator form is scrollable by design , you need to make sure your popup itself is not scrollable . Otherwise, users can get stuck in a double-scroll situation — a common UX issue on mobile. Tips: Expand the popup size so the full form fits comfortably. Remove all padding or margins around the popup and inner sections. Consider adding a slight transparency or blur to the background for a professional look. Test across desktop, tablet, and mobile views. If you notice the popup feels tight, simply increase its height until the scroll is smooth and natural. Step 4: Connect the Popup to a Button Once your popup looks good, it’s time to connect it to a trigger button on your site. Go back to your page (for example, your home or service page). Click on the button you want to use — such as “Get Instant Quote” or “Instant Estimate.” Select Manage Button → Popup → Choose Popup → Autobidder. Now when a visitor clicks that button, your Autobidder form will open instantly in a popup. Step 5: Test on Desktop and Mobile Popups often behave slightly differently on mobile devices, so it’s crucial to test them manually. Open your site on your phone and click the button. Make sure the form fits the screen and scrolls correctly. Adjust padding or width as needed inside your site builder. You can also experiment with the border radius and color scheme to match your brand or the design of your embedded Autobidder form.  Step 6: Preview and Finalize Once you’ve fine-tuned the design: Click Preview and run through a test form submission. Make sure each step loads smoothly. Verify your lead capture and pricing output work correctly. That’s it — you now have Autobidder integrated cleanly into a popup window!

Holiday lighting season is one of the most profitable times of the year for exterior service companies. Whether you already offer pressure washing or exterior cleaning, adding a holiday light installation service can bring in significant extra revenue — especially when you make it easy for customers to get a quote instantly. In this tutorial, I’ll walk you through how to: Set up a Holiday Light Installation calculator inside Autobidder, Integrate it into your website , Customize the design to match your brand, and Add additional related services like commercial lighting or permanent installations . Let’s dive in. Step 1: Building the Holiday Light Installation Calculator Inside Autobidder, start by creating a new formula for Holiday Light Installation . This calculator will let your customers measure their home or building, select the type of lighting, and receive an instant ballpark estimate — all without you having to manually quote each job. Core Questions to Include Linear feet of lights — Customers can use the built-in Measure Map tool to trace rooflines or sections of their property. Lighting style — Offer options like C9, C7, or Icicle lights. Ridge line installation — Add an extra percentage for safety and complexity (e.g., +15%). Decorative add-ons — Peaks, dormers, pillars, wreaths, trees, or bushes. Each of these questions helps the system generate a realistic price estimate. For example, you might set: C9 lights at $4.20 per foot C7 lights at $3.90 per foot Icicle lights at $3.50 per foot Once you’ve added these variables, save your formula and test it using a sample property. Adjust pricing until the output matches your real-world rates. Step 2: Adjusting Pricing and Logic The calculator uses conditional logic to make results more accurate. You can increase prices based on: Roof height or difficulty, The number of peaks and dormers, Added decorative features, or The inclusion of take-down services after the holidays. Remember, the goal is not to give an exact price — it’s to give customers an instant estimate that encourages them to request a final quote. A good rule of thumb: aim for the estimate to be within 10–15% of your real job cost. Step 3: Adding the Calculator to Your Website Once the calculator is ready, it’s time to embed it into a landing page. Go to Custom Forms in Autobidder. Click Configure , then copy the embed code. In your website builder (for example, Duda or another platform), add an HTML widget and paste the code. Update the dimensions so it fills the container nicely — set both width and height to 100% . You can place this form directly on your Holiday Light Installation page , or — for a cleaner mobile experience — use a popup form triggered by a “Get Instant Bid” button. Step 4: Creating a Holiday Light Landing Page To maximize conversions, design a landing page that matches the festive theme and keeps visitors engaged. Page Structure Header: “Holiday Light Installation in [Your City]” Hero Section: Festive background, headline, and call-to-action button (“Get Your Instant Quote”). Embedded Calculator: Placed front and center. Service Options: Residential, Commercial, and Permanent Lighting. Before/After Gallery: Photos of past jobs or AI-generated visuals. Contact Info: Phone, email, and booking links. Even if holiday lighting isn’t your main service, this page can attract seasonal leads while keeping your brand consistent. Step 5: Expanding Your Lighting Services Once the residential calculator is set up, consider branching into Commercial Holiday Lighting . Create a separate formula for businesses, using variables such as: Total linear feet of lights, Building height , Type of lighting , Extras: bushes, trees, walkways, or rooftop outlines. You can adjust pricing tiers accordingly — for example: Standard C7 lights: $4.50/ft C9 lights: $5.10/ft Icicle lights: $4.55/ft Include optional add-ons like trees ($165 each) or bushes ($103 each) to upsell services automatically. Step 6: Testing and Fine-Tuning After building your forms and landing pages: Run several test quotes using random addresses to confirm the math is correct. Check layout and usability on both desktop and mobile . Tweak your pricing formula or display settings as needed. Autobidder also lets you hide discounts or modify tax settings if you prefer a simplified presentation. Step 7: Support and Next Steps Once your setup is live: Test real customer submissions to ensure leads are delivered correctly. Use Autobidder’s built-in support system if you need help editing your formula or embedding your form. Add permanent, party, or outdoor event lighting calculators later to capture more niche leads.

Complete Guide to the Autobidder Design Editor