How to embed the plug and play embedded widget for Authentic Insurance partners.
<script type='module' src='https://www.unpkg.com/@authenticins/widget@latest/dist/authenticWidget.js'></script><script>
window.addEventListener('load', () => {
window.authenticWidget.init({
portal: { url: 'https://example-tenant-name.prod.authenticinsurance.com' },
prefillData: {
lead: { email: 'johndoe@email.com' }
},
themeOverrides: {
primaryColor: '#000000',
borderRadiusPx: 6,
brand: {
name: 'Example Tenant Name',
logoUrls: {
darkBg: 'https://example-tenant-website.com/logo-white.png',
lightBg: 'https://example-tenant-website.com/logo-black.png'
},
faviconUrl: 'https://example-tenant-website.com/favicon.ico'
}
}
});
})
</script>portal: { url: 'https://example-tenant-name.prod.authenticinsurance.com&utm_source=tenant-name&utm_medium=widget' },interface WidgetConfig {
portal?: {
url?: string;
// The CSS selector for the target element you want the Portal injected into.
// If no target selector is provided, the widget will inject its default persistent banner and modal.
targetSelector?: string;
};
customerId?: string;
prefillData?: {
lead?: {
email:? string;
businessClassCode?: string;
stateCodes?: string[];
productIds?: string[];
};
responses?: {
exposures?: Array<{
exposureName: string;
// Where each key is a field's name mapped to its value (e.g. ['BUSINESS_LEGAL_NAME']: 'Example Business Name');
fieldValues: Record<string, string>;
}>;
// Same as format described above.
questions?: Record<string, string>;
};
};
themeOverrides?: {
useDarkMode?: boolean;
primaryColor?: string;
secondaryColor?: string;
borderRadiusPx?: number;
brand?: {
name?: string;
logoUrls?: {
darkBg?: string;
lightBg?: string;
};
faviconUrl?: string;
};
};
};