Embedding widgets

Widgets represent an entry point to the chat for your visitors.

Header widget

To embed a header widget on your page, paste the following code where you want the widget to be displayed.

<iframe id="curachat_header_widget"
    title="CuraChat Widget"
    width="100%"
    height="300"
    frameborder="0"
    scrolling="no"
    marginheight="0"
    marginwidth="0"
    src="https://<your-domain>/opeka-widgets/header/<chat-type>">
</iframe>

chat-type can optionally be set to pair or group, and will then reflect the state of pair chat or group chat rooms.

Feel free to adjust the iframe settings to fit your particular layout. The content layout is responsive, i.e. is designed to adjust to different screen sizes automatically.