Murphy AI Assistant

How to use the widget in your application

Step 1: Add in head of your HTML the following lines to include the Murphy AI Assistant scripts and styles:

        <script defer src="https://kipp.murphycc.com/widget/static/js/main.80fb2838.js"></script>
        <link href=https://kipp.murphycc.com/widget/static/css/main.d284eb31.css" rel="stylesheet"/>
      

Step 2: If you want to customize the panel, configure the global object window.murphyPanelAsistente in your HTML before closing the body tag. Here is an example of how to configure it:

<script>
  window.murphyPanelAsistente = {
    title: "Murphy AI Assistant",
    logo: "URL_DEL_LOGO",
    titleColor: "#fff", 
    logoColorBorder: "2px solid #7768FB",
    bgColorMessage: "#7768FB",
    bgColorResponse: "#fff",
    buttonLogo: "URL_DEL_BOTON_LOGO",
    textButton: "Hola, Soy Murphy AI Assistant ¿Tienes alguna pregunta?",
    bgColorGlobal: "#1E1E1E",
    onOpen: function () { console.log("open by script"); },
    onClose: function () { console.log("close by script"); },
  };
</script>
      

View demo