XUND
Guides

Customization

Language, profile data, risk topics, onboarding, and compact mode.

Each option below works with the script embed as an HTML attribute and with the JS API as a property. Each example shows both versions; use only the one that matches your integration.

The examples on this page use await; run them inside an async function or a <script type="module">.

Language

Script embed integration
<script … app-language="de"></script>
JS API integration
const xundApp = await XUND.hc.init({ …, appLanguage: 'de' })

Accepted values: en, de, de-formal, hu, it, it-formal, nl, nl-formal, fr, fr-formal. When a language is set, the language selector in the side menu is hidden. Content is fully finalized in en, de, and de-formal; other languages are accepted, but confirm coverage with XUND before relying on them.

Profile data

Prefill what you already know about the person, so the app does not ask for it:

Script embed integration
<script … age="45" sex="female" height="168" weight="64"></script>
JS API integration
const xundApp = await XUND.hc.init({
  …,
  customization: { age: 45, sex: 'female', height: 168, weight: 64 },
})
OptionValues
ageA number from 18 to 100.
gendermale or female (case does not matter).
sexmale or female.
heightHeight in cm, from 50 to 260.
weightWeight in kg, from 20 to 500.

In HTML attributes, values outside these ranges are ignored; with the JS API, pass values within these ranges.

Risk topics

Start the check with the given risk topics:

Script embed integration
<script … risk-topics="TOPIC-ID-1,TOPIC-ID-2"></script>
JS API integration
const xundApp = await XUND.hc.init({ …, customization: { riskTopics: ['TOPIC-ID-1', 'TOPIC-ID-2'] } })

In the HTML attribute, separate the ids with commas. XUND provides the risk topic ids for your integration.

Onboarding

The app shows an onboarding page before the check by default. To skip it:

Script embed integration
<script … onboarding="false"></script>
JS API integration
const xundApp = await XUND.hc.init({ …, customization: { onboarding: false } })

Compact mode

Hide the logo and the menu in the app's header, for example when your page already has its own header:

Script embed integration
<script … compact-mode="true"></script>
JS API integration
const xundApp = await XUND.hc.init({ …, customization: { compactMode: true } })

Last updated on

On this page