diff --git a/clientside/public/dist/support_widget.js b/clientside/public/dist/support_widget.js
new file mode 100644
index 0000000..094fb63
--- /dev/null
+++ b/clientside/public/dist/support_widget.js
@@ -0,0 +1,16 @@
+$(document).ready(function () {
+  const baseUrl = frappe.boot.chat_widget_base_url;
+  const token = frappe.boot.chat_widget_token;
+  const disabled = frappe.boot.chat_widget_disabled;
+  if (!token || !baseUrl) return;
+  if (disabled) return;
+
+  window.$crisp = [];
+  window.CRISP_WEBSITE_ID = token;
+  (function (d) {
+    s = d.createElement("script");
+    s.src = baseUrl;
+    s.async = 1;
+    d.getElementsByTagName("head")[0].appendChild(s);
+  })(document);
+});
diff --git a/clientside/public/js/support_widget.js b/clientside/public/js/support_widget.js
index 173b2da..a0cbbb8 100644
--- a/clientside/public/js/support_widget.js
+++ b/clientside/public/js/support_widget.js
@@ -5,18 +5,13 @@ $(document).ready(function () {
   if (!token || !baseUrl) return;
   if (disabled) return;
 
-  (function(d, t) {
-    var BASE_URL = baseUrl;
-    var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
-    g.src = BASE_URL + "/packs/js/sdk.js";
-    g.defer = true;
-    g.async = true;
-    s.parentNode.insertBefore(g, s);
-    g.onload = function() {
-      window.chatwootSDK.run({
-        websiteToken: token,
-        baseUrl: BASE_URL
-      });
-    };
-  })(document, "script");
-});
\ No newline at end of file
+  window.$crisp = [];
+  window.CRISP_WEBSITE_ID = token;
+  (function (d) {
+    s = d.createElement("script");
+    s.src = baseUrl;
+    s.async = 1;
+    d.getElementsByTagName("head")[0].appendChild(s);
+  })(document);
+});
+
diff --git a/clientside/templates/web.html b/clientside/templates/web.html
index 9a8ba82..34fb695 100644
--- a/clientside/templates/web.html
+++ b/clientside/templates/web.html
@@ -2,6 +2,15 @@
 %} {% macro main_content() %}
 <div class="page-content-wrapper">
   {% block page_container %}
+  <div class="page-header-wrapper">
+    <div class="page-header">{% block header %}{% endblock %}</div>
+
+    {% if self.header_actions() %}
+    <div class="page-header-actions-block">
+      {% block header_actions %}{% endblock %}
+    </div>
+    {% endif %}
+  </div>
 
   <div class="page_content">{%- block page_content -%}{%- endblock -%}</div>