diff --git a/src/pages/sincronizar_clientes_tryton.vue b/src/pages/sincronizar_clientes_tryton.vue
index d9811ee..510f814 100644
--- a/src/pages/sincronizar_clientes_tryton.vue
+++ b/src/pages/sincronizar_clientes_tryton.vue
@@ -1,4 +1,7 @@
 <template>
+  <div>
+    <CodeDialog @code-verified="(verified) => showComponent = verified"/>
+  </div>
   <v-container class="fill-height d-flex align-center justify-center">
     <v-card class="pa-6" max-width="600" elevation="4">
       <v-card-title class="text-h5 font-weight-bold text-center">
@@ -41,6 +44,7 @@
 </template>
 
 <script>
+  import CodeDialog from '../components/CodeDialog.vue'
   import { inject } from 'vue';
 
   export default {
diff --git a/src/pages/sincronizar_productos_tryton.vue b/src/pages/sincronizar_productos_tryton.vue
index 49660d9..adec5f6 100644
--- a/src/pages/sincronizar_productos_tryton.vue
+++ b/src/pages/sincronizar_productos_tryton.vue
@@ -1,4 +1,7 @@
 <template>
+  <div>
+    <CodeDialog @code-verified="(verified) => showComponent = verified"/>
+  </div>
   <v-container class="fill-height d-flex align-center justify-center">
     <v-card class="pa-6" max-width="600" elevation="4">
       <v-card-title class="text-h5 font-weight-bold text-center">
@@ -36,6 +39,7 @@
 </template>
 
 <script>
+  import CodeDialog from '../components/CodeDialog.vue'
   import { inject } from 'vue';
 
   export default {
@@ -44,6 +48,7 @@
       return {
         api: inject('api'),
         productos_tryton: [{}],
+        showComponent: false,
       }
     },
     methods: {