Offer Now
Information for web developers on how to embed the Offer Now widget on property pages.
The Offer Now widget adds a "Make an Offer" button to your property listing pages. Visitors can submit offers directly from your site at any time, with instant confirmation to the buyer and notifications sent to your team.
Did you know?
Offer Now is a standalone product that supports private treaty sales, whether or not you run auctions through Bamboo.
Offer Now is designed around your CRM. When a buyer lands on your own property page, the widget detects the listing and reads its current record directly from your Reapit, Alto, or Street integration, including branch and negotiator.
The offer button only appears when your CRM says the property is available, and new listings get the button automatically the moment they go on sale. On your side, the integration is one script tag, added once to your listing template.
Offers placed through the widget land instantly in your dashboard, and where your CRM supports it they are written directly back to the property's record, keeping your offer pipeline in one place without duplicate data entry.
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 offer button when the property meets the conditions in the When Does the Button Appear? section below.
How It Works
- The script loads and detects the property on the page using your CRM integration.
- It checks with Bamboo whether the property is eligible to accept offers.
- If the property is eligible, a "Make an Offer" button appears on the page.
- When a visitor clicks the button, an offer overlay opens where they can register and submit an offer.
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.
When Does the Button Appear?
The widget calls the Bamboo API to check whether the detected property is eligible to accept offers. The exact conditions depend on which CRM the property comes from.
Reapit
| Field | Required value |
|---|---|
selling.disposal | privateTreaty |
selling.status | forSale |
Alto
| Field | Required value |
|---|---|
recordType | Sale |
inventoryStatus | one of Available, UnderOffer, UnderOfferMarketing, UnderOfferAvailable |
Street
| Field | Required value |
|---|---|
is_sales | true |
sales_listing.marketing_status | one of For Sale, Under Offer |
If a property does not meet these conditions in your CRM, the widget will not show the button on that page.
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>Make an Offer</button>Or using CSS:
<button data-bamboo-button style="display: none">Make an Offer</button>The widget will automatically detect the button and reveal it only when the property is eligible for offers on Bamboo. On non-eligible 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
hiddenattribute (and any inlinedisplay: none) from your button - Attaches the click handler that opens the offer overlay
- Skips rendering its default floating button
- Leaves your button's text content untouched, so you can use any label you like