diff --git a/config/qr.php b/config/qr.php
new file mode 100644
index 00000000..ec1c801f
--- /dev/null
+++ b/config/qr.php
@@ -0,0 +1,8 @@
+<?php
+
+return [
+    // please update resources/assets/vue/app.js if value is changed
+    
+    // 'qr_code_img_url' => 'https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=', // not working 
+    'qr_code_img_url' => 'https://qrcode.tec-it.com/API/QRCode?data=',
+];
diff --git a/resources/assets/vue/app.js b/resources/assets/vue/app.js
index b81feb10..42b0ddb0 100644
--- a/resources/assets/vue/app.js
+++ b/resources/assets/vue/app.js
@@ -24,6 +24,9 @@ import closable from './general/directives/closable';
 
 import Avatar from 'vue-avatar';
 
+// define global variable
+Vue.prototype.$qr_code_img_url = 'https://qrcode.tec-it.com/API/QRCode?data=';
+
 /** Application Injections */
 Vue.use(vuelidate);
 Vue.use(VueTheMask);
diff --git a/resources/assets/vue/components/orders/elements/OrderComponent.vue b/resources/assets/vue/components/orders/elements/OrderComponent.vue
index a744f38a..59cbfcbf 100644
--- a/resources/assets/vue/components/orders/elements/OrderComponent.vue
+++ b/resources/assets/vue/components/orders/elements/OrderComponent.vue
@@ -7,7 +7,8 @@
                         <div class="col">
                             <a :href="route('order.qr.download', item.id)" target="_blank">
                                 <div class="peelable-corner overflow-hidden relative">
-                                    <img :src="'https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl={id:'+item.id+'}'" class="w-100">
+                                    <!-- <img :src="'https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl={id:'+item.id+'}'" class="w-100"> -->
+                                    <img :src="this.$qr_code_img_url + item.id + '}'" class="w-100">
                                 </div>
                             </a>
                         </div>
diff --git a/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue b/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue
index 25417616..65c4d3be 100644
--- a/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue
+++ b/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue
@@ -12,7 +12,8 @@
                                         <div class="col-10">
                                             <a :href="route('order.qr.download', order.id)" target="_blank">
                                                 <div class="peelable-corner overflow-hidden relative">
-                                                    <img :src="'https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl={id:'+order.id+'}'" class="w-100">
+                                                    <!-- <img :src="'https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl={id:'+order.id+'}'" class="w-100"> -->
+                                                    <img :src="this.$qr_code_img_url + order.id + '}'" class="w-100">
                                                 </div>
                                             </a>
                                         </div>
diff --git a/resources/assets/vue/components/orders/sections/OrderProfileV2SectionComponent.vue b/resources/assets/vue/components/orders/sections/OrderProfileV2SectionComponent.vue
index 4546a99b..1856fea5 100644
--- a/resources/assets/vue/components/orders/sections/OrderProfileV2SectionComponent.vue
+++ b/resources/assets/vue/components/orders/sections/OrderProfileV2SectionComponent.vue
@@ -12,7 +12,8 @@
                                         <div class="col-10">
                                             <a :href="route('order.qr.download', order.id)" target="_blank">
                                                 <div class="peelable-corner overflow-hidden relative">
-                                                    <img :src="'https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl={id:'+order.id+'}'" class="w-100">
+                                                    <!-- <img :src="'https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl={id:'+order.id+'}'" class="w-100"> -->
+                                                    <img :src="this.$qr_code_img_url + order.id + '}'" class="w-100">
                                                 </div>
                                             </a>
                                         </div>
diff --git a/resources/views/pdfs/qr.blade.php b/resources/views/pdfs/qr.blade.php
index 8a7ff9b2..0ff0a267 100644
--- a/resources/views/pdfs/qr.blade.php
+++ b/resources/views/pdfs/qr.blade.php
@@ -16,7 +16,7 @@
                         <tbody>
                         <tr align="center">
                             <td>
-                                <img src="{{ url('https://chart.googleapis.com/chart?chs=250x250&cht=qr&chl={"id":'.$order->id.'}') }}" style="width: 230px; height: 230px;" />
+                                <img src="{{ url(config('qr.qr_code_img_url') . '{id:'.$order->id.'}') }}" style="width: 230px; height: 230px;" />
                             </td>
                         </tr>
                         <tr align="center">