diff --git a/system/controllers/settings.php b/system/controllers/settings.php
index 74b5b160..7a7de6ac 100644
--- a/system/controllers/settings.php
+++ b/system/controllers/settings.php
@@ -205,6 +205,7 @@ switch ($action) {
         $sms_url = _post('sms_url');
         $wa_url = _post('wa_url');
         $address = _post('address');
+        $tawkto = _post('tawkto');
         $payment_gateway = _post('payment_gateway');
         if ($company == '') {
             r2(U . 'settings/app', 'e', $_L['All_field_is_required']);
@@ -277,6 +278,17 @@ switch ($action) {
                 $d->save();
             }
 
+            $d = ORM::for_table('tbl_appconfig')->where('setting', 'tawkto')->find_one();
+            if($d){
+                $d->value = $tawkto;
+                $d->save();
+            }else{
+                $d = ORM::for_table('tbl_appconfig')->create();
+                $d->setting = 'tawkto';
+                $d->value = $tawkto;
+                $d->save();
+            }
+
             $note = _post('note');
             $d = ORM::for_table('tbl_appconfig')->where('setting', 'note')->find_one();
             $d->value = $note;
diff --git a/ui/ui/app-midtrans.tpl b/ui/ui/app-midtrans.tpl
index c3b7000d..979f3144 100644
--- a/ui/ui/app-midtrans.tpl
+++ b/ui/ui/app-midtrans.tpl
@@ -55,6 +55,8 @@
                             <button class="btn btn-primary waves-effect waves-light" type="submit">{$_L['Save']}</button>
                         </div>
                     </div>
+                        <pre>/ip hotspot walled-garden
+add dst-host=:^midtrans.com</pre>
                 </div>
             </div>
 
diff --git a/ui/ui/app-settings.tpl b/ui/ui/app-settings.tpl
index fec09055..479fce87 100644
--- a/ui/ui/app-settings.tpl
+++ b/ui/ui/app-settings.tpl
@@ -72,6 +72,18 @@
                         </div>
                     </div>
                 </div>
+                <div class="panel-heading">Tawk.to Chat Widget</div>
+                <div class="panel-body">
+                    <div class="form-group">
+                        <label class="col-md-2 control-label">https://tawk.to/chat/</label>
+                        <div class="col-md-6">
+                            <input type="text" class="form-control" id="tawkto" name="tawkto" value="{$_c['tawkto']}" placeholder="62f1ca7037898912e961f5/1ga07df">
+                            <p class="help-block">From Direct Chat Link.</p>
+                            <pre>/ip hotspot walled-garden
+add dst-host=:^tawk.to</pre>
+                        </div>
+                    </div>
+                </div>
                 <div class="panel-heading">Invoice</div>
                 <div class="panel-body">
                     <div class="form-group">
diff --git a/ui/ui/app-tripay.tpl b/ui/ui/app-tripay.tpl
index c2d2f101..371e3a93 100644
--- a/ui/ui/app-tripay.tpl
+++ b/ui/ui/app-tripay.tpl
@@ -44,6 +44,8 @@
                             <a class="btn btn-info waves-effect waves-light" href="https://tripay.co.id/?ref=TP19304" target="_blank">Daftar Tripay</a>
                         </div>
                     </div>
+                        <pre>/ip hotspot walled-garden
+add dst-host=:^tripay.co.id</pre>
                 </div>
             </div>
 
diff --git a/ui/ui/app-xendit.tpl b/ui/ui/app-xendit.tpl
index a3f043af..769a2d42 100644
--- a/ui/ui/app-xendit.tpl
+++ b/ui/ui/app-xendit.tpl
@@ -41,6 +41,8 @@
                             <button class="btn btn-primary waves-effect waves-light" type="submit">{$_L['Save']}</button>
                         </div>
                     </div>
+                        <pre>/ip hotspot walled-garden
+add dst-host=:^xendit.co</pre>
                 </div>
             </div>
 
diff --git a/ui/ui/register-otp.tpl b/ui/ui/register-otp.tpl
index 07db896a..1203520b 100644
--- a/ui/ui/register-otp.tpl
+++ b/ui/ui/register-otp.tpl
@@ -101,6 +101,21 @@
 			</form>
 		</div>
 	</div>
+{if $_c['tawkto'] != ''}
+<!--Start of Tawk.to Script-->
+<script type="text/javascript">
+var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
+(function(){
+var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
+s1.async=true;
+s1.src='https://embed.tawk.to/{$_c['tawkto']}';
+s1.charset='UTF-8';
+s1.setAttribute('crossorigin','*');
+s0.parentNode.insertBefore(s1,s0);
+})();
+</script>
+<!--End of Tawk.to Script-->
+{/if}
 	<script src="scripts/vendors.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/ui/ui/register-rotp.tpl b/ui/ui/register-rotp.tpl
index 8c23bd9c..82efa6d6 100644
--- a/ui/ui/register-rotp.tpl
+++ b/ui/ui/register-rotp.tpl
@@ -74,6 +74,21 @@
 			</form>
 		</div>
 	</div>
+{if $_c['tawkto'] != ''}
+<!--Start of Tawk.to Script-->
+<script type="text/javascript">
+var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
+(function(){
+var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
+s1.async=true;
+s1.src='https://embed.tawk.to/{$_c['tawkto']}';
+s1.charset='UTF-8';
+s1.setAttribute('crossorigin','*');
+s0.parentNode.insertBefore(s1,s0);
+})();
+</script>
+<!--End of Tawk.to Script-->
+{/if}
 	<script src="scripts/vendors.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/ui/ui/register.tpl b/ui/ui/register.tpl
index c15f8d3f..7d2fb2c4 100644
--- a/ui/ui/register.tpl
+++ b/ui/ui/register.tpl
@@ -97,6 +97,21 @@
 			</form>
 		</div>
 	</div>
+{if $_c['tawkto'] != ''}
+<!--Start of Tawk.to Script-->
+<script type="text/javascript">
+var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
+(function(){
+var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
+s1.async=true;
+s1.src='https://embed.tawk.to/{$_c['tawkto']}';
+s1.charset='UTF-8';
+s1.setAttribute('crossorigin','*');
+s0.parentNode.insertBefore(s1,s0);
+})();
+</script>
+<!--End of Tawk.to Script-->
+{/if}
 	<script src="scripts/vendors.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/ui/ui/sections/user-footer.tpl b/ui/ui/sections/user-footer.tpl
index 3e5fa2ed..d2b6172c 100644
--- a/ui/ui/sections/user-footer.tpl
+++ b/ui/ui/sections/user-footer.tpl
@@ -11,8 +11,8 @@
 						<div class="left small">Fixed Header</div>
 						<div class="md-switch right">
 							<label>
-								<input type="checkbox" id="fixedHeader"> 
-								<span>&nbsp;</span> 
+								<input type="checkbox" id="fixedHeader">
+								<span>&nbsp;</span>
 							</label>
 						</div>
 					</li>
@@ -20,8 +20,8 @@
 						<div class="left small">Nav Full</div>
 						<div class="md-switch right">
 							<label>
-								<input type="checkbox" id="navFull"> 
-								<span>&nbsp;</span> 
+								<input type="checkbox" id="navFull">
+								<span>&nbsp;</span>
 							</label>
 						</div>
 					</li>
@@ -55,10 +55,26 @@
 	<script src="{$_theme}/scripts/form-elements.init.js"></script>
 
 	<script src="ui/lib/js/bootbox.min.js"></script>
-	
+
 {if isset($xfooter)}
 	{$xfooter}
 {/if}
-		
+
+{if $_c['tawkto'] != ''}
+<!--Start of Tawk.to Script-->
+<script type="text/javascript">
+var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
+(function(){
+var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
+s1.async=true;
+s1.src='https://embed.tawk.to/{$_c['tawkto']}';
+s1.charset='UTF-8';
+s1.setAttribute('crossorigin','*');
+s0.parentNode.insertBefore(s1,s0);
+})();
+</script>
+<!--End of Tawk.to Script-->
+{/if}
+
 </body>
 </html>
\ No newline at end of file
diff --git a/ui/ui/user-dashboard.tpl b/ui/ui/user-dashboard.tpl
index d688016b..128e91da 100644
--- a/ui/ui/user-dashboard.tpl
+++ b/ui/ui/user-dashboard.tpl
@@ -57,5 +57,4 @@
 							</div>
 						</div>
 					</div>
-
 {include file="sections/user-footer.tpl"}