diff --git a/TWB/settings.py b/TWB/settings.py
index a3f8576..501f6c5 100644
--- a/TWB/settings.py
+++ b/TWB/settings.py
@@ -28,6 +28,14 @@ DEBUG = True
 ALLOWED_HOSTS = ["*"]
 
 
+WEBPUSH_SETTINGS = {
+    "VAPID_PUBLIC_KEY": "BKS8byh3MucwCF2h06JY9oey1s1RYII09j-j3ehI3qTYhs965UHv0qNPl-jFjQBbIJCvjVXm9RW6t_oJJK8yMOk",
+    "VAPID_PRIVATE_KEY": "f5NMgOntBtRqsyeKwEzloK-051ggMnZGF_GFimERY0w",
+    "VAPID_ADMIN_EMAIL": "admin@tripwb.com"
+}
+
+# NOTIFICATION_KEY = 'BJLyGzmo8sLI3Qkc6pN2cz11frCXiJdewvgve7Yps-_fM1lY1LSnTQfQxYtAgQ_26nAji_rgeYC1DkLiTwxw0Mo'
+
 # SESSION_COOKIE_HTTPONLY = False
 
 # Application definition
@@ -51,12 +59,15 @@ INSTALLED_APPS = [
     'ckeditor',
     'ckeditor_uploader',
 
+    'webpush',
+
     'GeneralApp',
     'AuthApp',
     'RoutesApp',
     'ReferenceDataApp',
     'ArticlesApp',
     'SubscribesApp',
+    'PushMessages',
 ]
 
 MIDDLEWARE = [
diff --git a/templates/tb_base.html b/templates/tb_base.html
index 4fe25bc..4d31ca7 100644
--- a/templates/tb_base.html
+++ b/templates/tb_base.html
@@ -8,6 +8,8 @@
 {#    <meta name="viewport" content="width=100%,maximum-scale=5,minimum-scale=1,initial-scale=1">#}
     <meta name="viewport" content="width=device-width,maximum-scale=1,minimum-scale=1,initial-scale=1">
 
+    <meta name="vapid-key" content="{{ vapid_key }}">
+
     {% include "inter/meta_names.html" %}
 {#    <script src='{% static "js/jquery_v3_6_4.js" %}'> </script>#}
 
@@ -15,6 +17,7 @@
     <script type="text/javascript" src="{% static "js/moment_js.js" %}"></script>
     <script type="text/javascript" src="{% static "js/moment-with-locales.js" %}"></script>
     <script type="text/javascript" src="{% static "js/datarangepicker.js" %}"></script>
+    <script type="text/javascript" src="{% static "js/push/registerSw.js" %}"></script>
     <script src="{% static "js/rangecalendartech.js" %}"></script>
 
     <link rel="stylesheet" href="{% static 'css/datarangepicker.css' %}" />
@@ -56,6 +59,7 @@
 </head>
 
 <body{% if page_type == 'routes' %} onscroll="scroll_ev(event,this)"{% endif %}>
+
     {% if page_type != 'routes' %}
         <script>
             let body = document.querySelector("body")