How to Add Autobidder to a Popup on Your Website

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):

1. Go to the Pages tab.
2. Click on the Popups section.
3. Select New Popup → choose a blank layout.
4. 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:

1. Right-click inside the popup and select Add Blank Section to start fresh.
2. Delete any default text, columns, or widgets.
3. Drag in an HTML widget and drop it inside the section.
4. 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.

1. Go back to your page (for example, your home or service page).
2. Click on the button you want to use — such as “Get Instant Quote” or “Instant Estimate.”
3. 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:

1. Click Preview and run through a test form submission.
2. Make sure each step loads smoothly.
3. Verify your lead capture and pricing output work correctly.

That’s it — you now have Autobidder integrated cleanly into a popup window!