How do I customize the Web Widget (Classic) in my help center using APIs?

If you embed the Web Widget (Classic) in your help center, customize its settings with the Web Widget (Classic) API and modify the help center document_head.hbs template file.

To add the custom Web Widget (Classic) settings:

In Knowledge admin, click the Customize design icon ( )

Click the theme you want to edit to open it

Click the options menu, then select Edit code

In the Templates section, click document_head.hbs to modify the code

Place the desired code below the first line, and above the final header line

For example, to change the position of the Web Widget (Classic) in the help center, use this API setting:


window.zESettings = {
webWidget: {
offset: { horizontal: '100px', vertical: '150px' }
}
};


This is how it looks in the document_head.hbs file:

For more information to customize the Web Widget (Classic) and the help center, see

Advanced customization of the Web Widget (Classic)

Customize your help center theme