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. Decide if you want to collect visitor information: Note: You'll find more customization options below under "⚙️ Optional Parameters"
<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-mailtosendleads="INSERT_YOUR_EMAIL@example.com" id="bnbcalc-script"></script>

2. Add our calculator to your website:

<script type="module" src="https://embed.bnbcalc.com/embed-script.js" data-mailtosendleads="INSERT_YOUR_EMAIL@example.com" id="bnbcalc-script"></script>
<div id="bnbcalc-iframe-container"></div> 
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.

🤔 Still need help? Email hello at bnbcalc.com to schedule a call for a human-assisted setup.


⚙️ 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.

asd

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-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 (in years) 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">

data-allowedanalysistypes

string or undefined

Allows you to specify the type of analyses will show up in the form. 0 = Buy, 1 = Rent, 2 = List, 3 = Cohost. If undefined, then all types will be shown

<x>

data-removebnbcalclogo

"true" or undefined

Allows you to hide BNB Calc logo.

<x>