Pay Frame
Init flags

This page page includes further information about the Pay Frame's init flags.

rootNode

The rootNode parameter is a required parameter that points to an HTMLElement (typically a <div> element) on your website. This element serves as a placeholder for the <avarda-pay-frame> custom element, which is created when you call the avardaPayFrameInit function.

Example:

const rootNode = document.getElementById('pay-frame');

siteKey

The siteKey parameter is a required unique identifier provided by Avarda. Please contact Avarda to obtain your specific SiteKey.

This parameter is necessary for:

  • displaying partner-specific styling of the Pay Frame
  • once customer logs inside the Pay Frame, displaying only those accounts belonging to that specific partner

language

The language parameter is optional and specifies the language for the Pay Frame's UI. If not specified, it defaults to English (en).

Supported values for language:

⚠️
Values are ISO 639-1 language codes
  • en (English)
  • sv (Swedish)
  • fi (Finnish)
  • no (Norwegian)
  • da (Danish)
  • de (German)

You can change the language even after the Pay Frame has been initialized by using changeLanguage function. This is useful if you want the Pay Frame to change also it's language when a customer changes language on your website.

Embed Pay Frame