Widget configurator
Set the texts and the agents. The code on the right follows what you type, and the widget in the corner of this page is the preview: open it to see what a visitor sees. Then copy the code to the end of your page. See Getting started and the options for what each field does.
Widget
Agents
Integration code
Copy and paste this code at the end of your page:
<script type="text/javascript">
!function (w, h, a, t, s, p) {
w.whatsapp || (
s = h.createElement(a),
s.src = t,
p = h.getElementsByTagName(a)[0],
p.parentNode.insertBefore(s, p)
)
}(window, document, "script", "https://cdn.jsdelivr.net/gh/miguelcolmenares/whatsapp-widget/dist/js/whatsapp-widget.js");
window.addEventListener('load', function () {
new whatsapp({
title: '¿Necesitas ayuda?',
description: 'Chatea con nosotros por WhatsApp',
agents: [
{
name: "Servicio al cliente",
phone: "+57 320 1234567",
hours: "Disponible 9am - 6pm",
cta: "Haz clic para iniciar chat",
message: "Hola, me gustaría obtener más información",
schedule: [
[
"9:00",
"18:00"
],
[
"9:00",
"20:00"
],
[
"9:00",
"20:00"
],
[
"9:00",
"20:00"
],
[
"9:00",
"20:00"
],
[
"9:00",
"22:00"
],
[
"10:00",
"18:00"
]
]
}
]
});
});
</script>