{
    "componentChunkName": "component---node-modules-rocketseat-gatsby-theme-docs-core-src-templates-docs-query-js",
    "path": "/uso/flujo-del-cliente",
    "result": {"data":{"mdx":{"id":"d8232035-fc22-583a-ba8f-e42bb734b612","excerpt":"Pagar con MODO En pocos pasos, tus clientes podrán pagar con  MODO  en tu tienda. En la siguiente guía rápida te mostramos cómo: Una vez que el cliente finalice…","fields":{"slug":"/uso/flujo-del-cliente/"},"frontmatter":{"title":"Flujo del cliente","description":"¿Cómo pagar con MODO?","image":null,"disableTableOfContents":null},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Flujo del cliente\",\n  \"description\": \"¿Cómo pagar con MODO?\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", {\n    \"id\": \"pagar-con-modo\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#pagar-con-modo\",\n    \"aria-label\": \"pagar con modo permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Pagar con MODO\"), mdx(\"p\", null, \"En pocos pasos, tus clientes podr\\xE1n pagar con \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"MODO\"), \" en tu tienda. En la siguiente gu\\xEDa r\\xE1pida te mostramos c\\xF3mo:\"), mdx(\"p\", null, \"Una vez que el cliente finalice su compra, tendr\\xE1 a su disposici\\xF3n \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"MODO\"), \" como m\\xE9todo de pago.\"), mdx(\"p\", null, mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/img/img11.png\",\n    \"alt\": \"Image Title\"\n  })), mdx(\"p\", null, \"Cuando seleccione \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"MODO\"), \" como m\\xE9todo de pago y presione el bot\\xF3n \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Realizar pedido\"), \", ser\\xE1 redirigido a una ventana modal con un c\\xF3digo QR.\"), mdx(\"p\", null, mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/img/img11a.png\",\n    \"alt\": \"Image Title\"\n  })), mdx(\"p\", null, \"Luego el cliente debe iniciar sesi\\xF3n en la app de \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"MODO\"), \" previamente instalada en su dispositivo m\\xF3vil.\"), mdx(\"p\", null, mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/img/img12.png\",\n    \"alt\": \"Image Title\"\n  })), mdx(\"p\", null, \"Posteriormente se mostrar\\xE1 la pantalla de inicio de la app, all\\xED debe seleccionar \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Pagar\"), \" y escanear el c\\xF3digo QR que ten\\xEDa previamente cargado en la pantalla del ordenador.\"), mdx(\"p\", null, \" \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/img/img13.png\",\n    \"alt\": \"Image Title\"\n  })), mdx(\"p\", null, \"Luego de escanear el c\\xF3digo QR se mostrar\\xE1 una pantalla con el monto total a pagar. All\\xED debe seleccionar \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Continuar\"), \".\"), mdx(\"p\", null, mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/img/img14.png\",\n    \"alt\": \"Image Title\"\n  })), mdx(\"p\", null, \"Luego se mostrar\\xE1 la siguiente pantalla, donde debe deslizar la flecha hacia arriba.\"), mdx(\"p\", null, mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/img/img15.png\",\n    \"alt\": \"Image Title\"\n  })), mdx(\"p\", null, \"All\\xED ser\\xE1 redirigido a la siguiente pantalla donde se acredita que el pago fue realizado con \\xE9xito.\"), mdx(\"p\", null, mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/img/img16.png\",\n    \"alt\": \"Image Title\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","headings":[{"depth":2,"value":"Pagar con MODO"}]}},"pageContext":{"slug":"/uso/flujo-del-cliente/","prev":{"label":"Configuración","link":"/configuracion/configuracion"},"next":{"label":"Flujo del administrador","link":"/uso/flujo-del-admin"},"repositoryEditUrl":"","repositoryProvider":""}},
    "staticQueryHashes": ["1954253342","2328931024","2501019404","973074209"]}