Theme Builder

Customize the widget and copy the embed code.

Colors

Brand

Primary#0f2140

Accent#0066cc

Background#ffffff

Surface#f8f9fa

Text & Buttons

Text#212529

Secondary#6c757d

Button#0066cc

Btn Text#ffffff

Inputs & Status

Border#ced4da

Focus#0066cc

Progress#0066cc

Preview

Widget Key

Enter a valid widget key to enable interactive preview

Branding

Benefit badge text (the trust badge on the landing page) is a server-managed setting. Contact your account manager to customize it or hide it.Learn more

Logo URL

Typography

Font

Border Radius

Layout

Max Width

Padding

Live Preview

Embed Code

<div id="bh-insurance-widget"></div>
<script
  src="/widget.js"
  data-bh-key="YOUR_KEY"
  data-bh-type="auto"
  data-bh-container="#bh-insurance-widget"
></script>

CSS Variable & Attribute Reference

Attribute	CSS Variable	Default
data-bh-color-primary	--bh-color-primary	#0f2140
data-bh-color-accent	--bh-color-accent	#0066cc
data-bh-color-background	--bh-color-background	#ffffff
data-bh-color-surface	--bh-color-surface	#f8f9fa
data-bh-color-text	--bh-color-text	#212529
data-bh-color-text-secondary	--bh-color-text-secondary	#6c757d
data-bh-color-button-primary	--bh-color-button-primary	#0066cc
data-bh-color-button-text	--bh-color-button-text	#ffffff
data-bh-color-input-border	--bh-color-input-border	#ced4da
data-bh-color-input-focus	--bh-color-input-focus	#0066cc
data-bh-color-progress	--bh-color-progress	#0066cc
data-bh-font-family	--bh-font-family	'Montserrat', system-ui, sans-serif
data-bh-border-radius	--bh-border-radius	8px
data-bh-max-width	--bh-max-width	100%
data-bh-padding	--bh-padding	24px
data-bh-logo	--bh-logo	(empty)