Skip to main content

faq widget

you may increase conversion by letting your clients know that divit is available as soon as possible. the divit faq widgets give your clients more details so they may take action more quickly:

faq widget displays divit faq contents, which your customers will be interested when they use divit as a payment.

how to embed the widget into your website?

to display divit faq widget, simply put these code in the your help desk page.


<script type="module" src="https://static.divit.com.hk/js/divit-faq-v1.x.esm.js"></script>
<divit-faq></divit-faq>

how to customize styles?

you can change styling of faq using css variable. pick style properties you want to match your website's styles, and put them in your css file.


divit-faq {
--font-family: -apple-system, 'Noto Sans', 'Helvetica Neue', Helvetica,
'Nimbus Sans L', Arial, 'Liberation Sans', 'PingFang SC', 'Hiragino Sans GB',
'Noto Sans CJK SC', 'Source Han Sans SC', 'Source Han Sans CN',
'Microsoft YaHei', 'Wenquanyi Micro Hei', 'WenQuanYi Zen Hei', 'ST Heiti',
SimHei, 'WenQuanYi Zen Hei Sharp', sans-serif;
--background-color: white;
--menu-font-size: 16px;
--menu-item-color: #1c1c1c;
--menu-item-active-color: #FFCC33;
--section-title-color: #1c1c1c;
--section-title-font-size: 32px;
--item-title-font-size: 16px;
--item-title-color: #1c1c1c;
--item-content-color: #656565;
}