by BNBCalc

Airbnb calculator widget

Turn your website visitors into qualified leads! Try it below 👇

🔍 How it works

Step 1

1. You offer your website visitors a free STR rent report using our embedded calculator widget

Step 2

2. To receive their free report, your website visitor enters their address, name, phone, and email

Step 3

3. You receive the visitor's info and they receive a free Airbnb rental report

💡 Quick start

1. In the section of your website where you want to embed, create a <div> element with an id of "bnbcalc-iframe-container" 

<div id="bnbcalc-iframe-container"></div>

2. Embed our script "embed-script.js" with type="module" and an id of "bnbcalc-script" in the <head> section of your website. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" id="bnbcalc-script">

3. Add your email to your script tag get the leads with name, address, email and phone number straight to your inbox. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-mailtosendleads="youremail@gmail.com" id="bnbcalc-script">

Congratulations! You're up and running. When a website visitor searches an address, they'll be prompted for an email to see the results, and their email, phone, and name will be sent to your inbox.

⚙️ Optional parameters

To use optional parameters, add these data-attributes to your script element.

data-mailtosendleads

string or undefined

If you want to collect and receive the data of the analyses that the users make on your website, you need to add this attribute to the script element. If not provided, the default value is empty. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-accomodates="3" data-mailtosendleads="hello@bnbcalc.com" id="bnbcalc-script">

data-whitebackground

true or undefined

If you want container to have a white background, you need to add this attribute to the script element. If not provided, the default background color value is gray (#EDF2F7). 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-accomodates="3" data-whitebackground="true" id="bnbcalc-script">

data-bedrooms

string or undefined

Adds the number of bedrooms to the form input. If not provided, the default value is 1. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-bedrooms="4" id="bnbcalc-script">

data-bathrooms

string or undefined

Adds the number of bathrooms to the form input. If not provided, the default value is 1. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-bathrooms="4" id="bnbcalc-script">

data-parentamount

string or undefined

Parent amount can either be purchase price or the monthly rent amount depending on the analysis type. It wont be used if the analysis type is cohost/manage. If not provided, the default value is empty. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-parentamount="500000" id="bnbcalc-script">

data-latlng

string or undefined

The formatting should be latitude,longitude Adds the latitude and longitude of the property to the form input. It needs to be used with data-address. If not provided, the default value is empty. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-latlng="123.45678,123.45678" id="bnbcalc-script">

data-address

string or undefined

Adds the address of the property to the form input. It needs to be used with data-latlng. If not provided, the default value is empty. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-address="New York, NY" id="bnbcalc-script">

data-accomodates

string or undefined

Adds the number of guests the property can accomodate to the form input. If not provided, the default value is 1. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-accomodates="3" data-bedrooms="2" id="bnbcalc-script">

data-downpaymentpercentage

string or undefined

Adds the down payment percentage to the form input. It only works with the properties that you own already. If not provided, the default value is 20. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-downpaymentpercentage="5" id="bnbcalc-script">

data-interestratepercentage

string or undefined

Adds the interest rate percentage to the form input. If not provided, the default value is 3.5. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-accomodates="3" data-interestratepercentage="5" id="bnbcalc-script">

data-mortgagelength

string or undefined

Adds the mortgage length to the form input. If not provided, the default value is 30. 

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-accomodates="3" data-mortgagelength="30" id="bnbcalc-script">