Bamboo Proptech

Bid Now

Information for web developers on how to embed the Bamboo "Place a Bid" button on property pages for auction bidding.

The Bid Now widget adds a floating "Place a Bid" button to your own property pages. When a visitor clicks the button, an overlay opens where they can register and place bids on properties listed for auction through Bamboo.

The Bid Now widget is built on the same technology as the Bamboo Auctions white label integration, working alongside it to make bidding easier than ever for buyers.

The widget automatically detects properties from supported CRM integrations (e.g. Reapit, Alto) and only shows the button when the property is published for auction on Bamboo.

Integration Steps

1. Add the Script

Add the following script tag before the closing </body> tag on your property pages:

<script src="https://<name>.bambooauctions.com/js/bamboo-widget.js"></script>

Replace <name> with your Bamboo white label identifier (e.g., yourcompany.bambooauctions.com).

If you don't yet have a white label identifier, contact your Bamboo representative.

The widget will automatically detect properties from your CRM and show the bidding button when applicable.

How It Works

  1. The script loads and detects the property on the page using your CRM integration
  2. It checks with Bamboo whether the property is published for auction
  3. If the property is published for auction, a "Place a Bid" button appears on the page
  4. When a visitor clicks the button, a bidding overlay opens where they can register and place bids

The button automatically positions itself on the page and matches your site's styling (colours, fonts, border radius) for a seamless look. It also avoids overlapping with other fixed elements like chat widgets or cookie banners.

Custom Button

If you'd like full control over the button's appearance and placement — for example to style it with your own CSS, position it inline with your property details, or apply responsive behaviour — you can provide your own button in the property page template instead of using the default floating button.

Add a data-bamboo-button attribute to any <button> element on the page, and make sure it is hidden by default:

<button data-bamboo-button hidden>Place a Bid</button>

Or using CSS:

<button data-bamboo-button style="display: none">Place a Bid</button>

The widget will automatically detect the button and reveal it only when the property is published for auction on Bamboo. On non-auction pages the button stays hidden, so it's safe to leave the markup in a shared property template.

When the widget activates, it:

  • Removes the hidden attribute (and any inline display: none) from your button
  • Attaches the click handler that opens the bidding overlay
  • Skips rendering its default floating button

Frequently Asked Questions

On this page