Integration Preview
Button with Pre-filled Quote
A simple quote button that opens a full-page modal with pre-filled quote information such as primary insured contact details and property address. Can be styled with your own CSS.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Button with Pre-filled Quote — Steadily</title>
<!-- Required: Steadily JS -->
<script src="https://demo.steadilypartner.com/partner/v3.js" async defer></script>
<!-- Optional: Custom styles -->
<style>
.steadily-quote-button .quote-btn {
font-family: sans-serif;
border-radius: 4px;
border: 0px;
padding: 8px 24px;
background-color: #3145d5;
color: #ffffff;
text-decoration: none;
}
.steadily-quote-button .quote-btn:hover {
cursor: pointer;
background-color: #2d3c8f;
}
</style>
</head>
<body>
<!--
Modal Configuration
- product: "landlord-insurance", "renters-insurance"
- data-show-modal-on-load: "0" or "1", 0 is a closed modal, 1 automatically opens the model
- button-text: string, text to be displayed in the button that triggers the modal
Data Attributes
- external_record_id: unique id per lead that partners can pass in for meta data collection
- primary_insured__first_name: string, first name of the lead seeking insurance
- primary_insured__last_name: string, last name of the lead seeking insurance
- primary_insured__company_name: string, the name of the company associated with the lead
- primary_insured__email: email field, email address provided by the lead
- primary_insured__phone_number: phone number field, phone number provided by the primary insured
- primary_insured__date_of_birth: Date in format "YYYY-MM-DD", the date of birth of the primary insured person on the policy
- primary_insured__mailing_address__street_address: string, represents the lead's personal mailing address
- primary_insured__mailing_address__street_address_2: string, for the apartment, suite, unit number, or part of the address not part of the physical address for the primary insured
- primary_insured__mailing_address__city: string, city where the primary insured's personal address resides
- primary_insured__mailing_address__state: string, 2 character state code where the primary insured's personal address resides
- primary_insured__mailing_address__zip_code: string, zip code associated with the primary insured's personal address
- property_details__street_address: string, the address of the first dwelling
- property_details__street_address_2: string, for the apartment, suite, unit number, or part of the address not part of the physical address of the dwelling
- property_details__city: string, the city in which the dwelling resides
- property_details__state: string, 2 character state code in which the dwelling resides
- property_details__zip_code: string, zip code of the dwelling
- property_details__property_type: enum, ["single_family", "townhouse_or_rowhouse", "duplex", "triplex", "quadplex", "apartment_building", "condominium_unit", "manufactured_or_mobile_home", "other"] represents the type of property
- property_details__construction_type: enum, ["frame", "brick_veneer", "brick_or_masonry_or_stone", "concrete", "other"] representing the building material for the property
- property_details__renovation_status: enum, ["not_under_renovation","under_renovation"] the current renovation status of the dwelling
- property_details__rental_duration: enum, ["short_term", "long_term"] if the property is used for short-term vs long term (6+ months) rentals
- property_details__replacement_value: integer in the interval [10000, 50000000] representing an estimate of the cost of replacing the dwelling
- property_details__size_sqft: integer in the interval [500, 10000000] representing the square footage of the dwelling
- property_details__stories: integer in the interval [0, 100] representing the number of stories the dwelling has
- property_details__year_built: integer, the year the dwelling was built
- property_details__external_property_id: unique id per property that partners can pass in for meta data collection
-->
<div class="steadily-quote-button" data-product="landlord-insurance"
data-show-modal-on-load="0"
data-button-text="Get landlord insurance"
data-button-class="quote-btn"
data-external_record_id="special_code_UUID"
data-primary_insured__first_name="Test"
data-primary_insured__last_name="Test"
data-primary_insured__company_name="Landlord LLC"
data-primary_insured__email="[email protected]"
data-primary_insured__phone_number="4155681111"
data-primary_insured__date_of_birth="1950-01-01"
data-primary_insured__mailing_address__street_address="123 Main St"
data-primary_insured__mailing_address__city="Anchorage"
data-primary_insured__mailing_address__state="AK"
data-primary_insured__mailing_address__zip_code="92909"
data-property_details__external_property_id="unique_UUID"
data-property_details__street_address="2212 S 101ST Dr"
data-property_details__city="Tolleson"
data-property_details__state="AZ"
data-property_details__zip_code="85353"
data-property_details__property_type="single_family"
data-property_details__construction_type="frame"
data-property_details__renovation_status="not_under_renovation"
data-property_details__rental_duration="long_term"
data-property_details__replacement_value="220000"
data-property_details__size_sqft="1561"
data-property_details__stories="1"
data-property_details__year_built="2011"></div>
</body>
</html>