Embeddable Chat Widget Demo

This is an example page to demonstrate the embeddable chat widget. You can see it in action by clicking the chat icon in the bottom right corner of your screen. The widget is configured entirely via a JavaScript object, making it incredibly easy to integrate and customize.

How to Integrate

Just add the following two script tags to your website's HTML, preferably before the closing </body> tag. Customize the ChatWidgetConfig object to match your branding and webhook endpoint.

<!-- Widget Configuration -->
<script>
window.ChatWidgetConfig = {
  webhook: {
    // Your webhook URL
    url: 'https://nodes.apps.regalospublicitarios.com/webhook/1a0dc8ca-fbd8-4c5c-a63b-7132da2a7214/chat',
  },
  branding: {
    logo: 'https://nocode-assets.s3.amazonaws.com/logo-square-black-bg.png',
    name: 'Asistente Virtual',
    welcomeText: '¡Hola! ¿En qué puedo ayudarte hoy?',
    responseTimeText: 'Normalmente respondemos en unos minutos.'
  },
  style: {
    primaryColor: '#854FFF',
    secondaryColor: '#6B3FD4',
    position: 'right', // 'left' or 'right'
    backgroundColor: '#FFFFFF',
    fontColor: '#0f172a'
  }
};
</script>
<script src="https://chatbot.apps.regalospublicitarios.com/widget.js"></script>