Embed the script into the body of your page and specify the path to your
configuration file via data-config:src
attribute or provide
fallback configuration options using
data-config:fallback:<config-item-name>
attributes.
The id="cm-chat-script"
is mandatory. Query parameters
(e.g. ?v=123
) might be used for cache busting.
<body>
...
<script
id="cm-chat-script"
src="https://www.cmtest.nl/embeddable-chat-button/cm-chat.min.js?v=123"
data-config:src="<path-to-your-website>/config.json"
data-config:fallback:chat.applebusinesschat.businessid="00000000-0000-0000-0000-000000000000"
data-config:fallback:chat.whatsapp.phone="31000000000"
type="text/javascript">
</script>
</body>
chat.applebusinesschat.businessid (string) [required]
Your Apple Business Guid.
chat.applebusinesschat.tooltip (string or
{ "html": ... }
)
Tooltip text that would be shown on Apple Chat button hover.
Default: "Apple Business Chat"
chat.whatsapp.phone (string) [required]
Your contact phone number. Used to generate QR Code image for the WhatsApp widget.
chat.whatsapp.subtitle (string or
{ "html": ... }
)
Subtitle text that would be shown in the WhatsApp widget header.
Default: "Scan & chat"
chat.whatsapp.tagline (string or
{ "html": ... }
)
Text that would be shown below the QR Code image on the WhatsApp widget.
chat.whatsapp.title (string or
{ "html": ... }
)
Title text that would be shown in the WhatsApp widget header.
Default: "WhatsApp"
chat.whatsapp.tooltip (string or
{ "html": ... }
)
Tooltip text that would be shown on WhatsApp button hover.
Default: "WhatsApp"