@jotul/jotul-widgets

React component package for Jotul widgets.

Widgets call your /api/jotul/widget route — not api.jotul.com directly. See Partner backend routes.

Widget types

| type | Description | |--------|-------------| | findDealerDrawer | Right-side drawer with dealer search, map, and inquiry form | | productPage | Product-page modal with dealer search and inquiry form | | warrantyForm | Inline warranty registration form | | contact | Inline contact form with address search and dealer selection | | bookInspection | Inline inspection booking form |

Example

import { JotulWidget } from '@jotul/jotul-widgets'

export default function Page() {
  return <JotulWidget type="productPage" productName="Jotul F 373 Advance" />
}

Find dealer drawer

<JotulWidget
  type="findDealerDrawer"
  locale="nb-NO"
  markets={['NO']}
  button={<button type="button">Find dealer</button>}
/>

Add ?dealer_id=8696 to the page URL to auto-open the drawer on that dealer’s inquiry form.

Product page

<JotulWidget
  type="productPage"
  productName="Jotul F 373 Advance"
  locale="nb-NO"
  markets={['NO']}
  button={<button type="button">Find dealer</button>}
/>

Warranty form

<JotulWidget type="warrantyForm" locale="nb-NO" market="NO" />

For US sites, set market="US" or locale="en-US" for the required County field.

Contact form

<JotulWidget type="contact" locale="nb-NO" markets={['NO']} />

Use scope="ildstedet" for exclusive (Ildstedet) dealers only.

Book inspection form

<JotulWidget type="bookInspection" locale="nb-NO" markets={['NO']} scope="ildstedet" />

Props (common)

| Prop | Default | Description | |------|---------|-------------| | endpoint | /api/jotul/widget | Partner proxy route | | locale | nb-NO | BCP 47 UI locale | | markets | — | ISO country codes for dealer widgets and contact/book inspection forms | | market | — | Singular ISO country code for warranty widget | | scope | — | "ildstedet" for exclusive dealers only | | productName | — | Product context for inquiry forms | | styling | — | Button/border CSS overrides |

Docs

• Widgets overview
• Partner backend routes