--- title: "Sitio web de pedidos en línea para tu marca" description: "Planea un recorrido de pedidos web con tu marca y las conexiones operativas que necesita el lanzamiento de tu sitio con Ordering.co." canonical: https://www.ordering.co/es/platform/ordering-web/ lang: es --- # Planea un recorrido de pedidos web en torno a tu operación. Ordering Web es el espacio para definir la tienda en línea, el menú y el flujo de pedidos que usarán tus clientes, además de las operaciones y conexiones que deben respaldarlos. [Agenda una demo](https://www.ordering.co/es/contact/?meeting=demo#book)[Habla con Ordering.co](https://www.ordering.co/es/contact/) - Planeación de la tienda en línea - Recorrido con tu marca - Alcance por proyecto Restaurante de ejemplo lunapizza.com/menu Restaurante de ejemploMenúSucursalesPedidosEntrega a domicilio · 14 Elm StCarrito · 2 Promoción de ejemplo**Platillos destacados del menú** PizzasPastasEnsaladasBebidas Pepperoni$14.00 Margherita$12.50 Cuatro quesos$15.00 **Tu pedido**2× Pepperoni$28.001× Pan de ajo$5.50Entrega a domicilio$3.40Total$36.90PagarApple Pay · Google Pay · Tarjeta · Efectivo Ejemplo de vista previa de una tienda en línea con categorías del menú, un carrito y el pago. Empieza por el recorrido del pedido y luego define el trabajo que lo respalda. - Tienda en línea - Menú - Flujo de pedidos - Entrega del pedido Ordering Web ## Diseña la tienda en línea a partir de un recorrido de pedido real. 01 ### Recorrido del cliente Empieza por el menú, las opciones de servicio y los pasos del pedido que tus clientes necesitan entender antes de ordenar. 02 ### Marca y dominio Define cómo se expresa tu marca, cómo se configura el dominio y quién es responsable de qué en tu sitio web. 03 ### Preparación operativa Identifica las expectativas de alojamiento, disponibilidad y soporte que requieren un acuerdo explícito en el proyecto. 04 ### Enfoque de implementación Elige la configuración o el camino de implementación adecuado una vez confirmados el recorrido del cliente y los requisitos técnicos. ## Aclara las decisiones de la tienda en línea antes de implementarla. [Todas las funciones](https://www.ordering.co/es/features/all-features/) ### Estructura del menú Define las categorías, los productos y las opciones que tus clientes deben ver para hacer el pedido correcto. ### Alcance del pago Confirma los requisitos de pago, cuenta y checkout que aplican al mercado y al proyecto elegidos. ### Opciones de servicio Define las opciones de entrega que necesitan tus clientes, incluidos la tienda, el horario y la entrega del pedido que cada una requiere. ### Modelo de sucursales Identifica cómo encuentran tus clientes la tienda correcta y qué reglas de sucursal se deben respaldar. ### Comunicación del pedido Decide qué comunicaciones de estado, servicio y seguimiento forman parte del recorrido del cliente. ### Información pública Planea las páginas de la tienda en línea y la información local que tus clientes necesitan antes de iniciar un pedido. Ordering Web en acción ## Conoce el recorrido por el marketplace que siguen tus clientes. Empieza con un negocio, elige de su menú, revisa el carrito y vuelve al detalle del pedido. Las vistas de abajo muestran estos momentos en la experiencia web. 1. Descubrir ### Encuentra negocios que se ajusten a la ubicación del cliente. Los clientes pueden indicar una dirección de entrega, explorar categorías y filtros, o usar un mapa para pasar de un marketplace amplio a la ficha de un negocio. Tu configuraciónElige la ubicación, las categorías, los filtros y los negocios que forman parte de tu marketplace. ![Inicio de marketplace con categorías de comida, filtros de búsqueda, ofertas y listado de negocios](https://www.ordering.co/_astro/marketplace-home.aSaVAPDH.webp) Encuentra un negocio con categorías, filtros y listados. [Ver imagen completa](https://www.ordering.co/_astro/marketplace-home.aSaVAPDH.webp) Ver 3 vistas web más ![Cuadro de diálogo de dirección de entrega con un mapa y campos de dirección](https://www.ordering.co/media/features/ca910b41b6ac96d7ddfe8d914f3126250e2a7917c34a3c2e3bed9923489a3ab9.webp) Define una dirección de entrega antes de explorar los negocios cercanos. [Ver imagen completa](https://www.ordering.co/media/features/ca910b41b6ac96d7ddfe8d914f3126250e2a7917c34a3c2e3bed9923489a3ab9.webp) ![Página de marketplace con categorías, ofertas y listado de negocios](https://www.ordering.co/media/features/7d443f208ec82f6c434c091081833f64a6efc56a16f8ca3101c38edf47bc60c9.webp) Compara negocios con las categorías y los datos de entrega a la vista. [Ver imagen completa](https://www.ordering.co/media/features/7d443f208ec82f6c434c091081833f64a6efc56a16f8ca3101c38edf47bc60c9.webp) ![Tres vistas web que muestran el descubrimiento de negocios, el menú de una tienda y una búsqueda por ubicación](https://www.ordering.co/media/features/4ab973336b47320518a62042539adcefa284781cfc9c1a9b9c138ab86b28e9ef.webp) Explora negocios, abre un menú y empieza un pedido en la web. [Ver imagen completa](https://www.ordering.co/media/features/4ab973336b47320518a62042539adcefa284781cfc9c1a9b9c138ab86b28e9ef.webp) 2. Elegir ### Convierte la ficha de un negocio en una elección del menú. La página de un negocio reúne las categorías del menú, las imágenes de los productos, los precios y las opciones de cada artículo. Los clientes pueden revisar un artículo antes de agregarlo al carrito. Tu configuraciónDefine el menú, las opciones, las ventas adicionales y las ofertas relevantes que cada negocio puede mostrar. ![Página de un negocio con categorías del menú, fotos de productos e información de la tienda](https://www.ordering.co/_astro/store-menu.CxgH3ebN.webp) Abre la página de un negocio para explorar su menú. [Ver imagen completa](https://www.ordering.co/_astro/store-menu.CxgH3ebN.webp) Ver 4 vistas web más ![Menú de un negocio con productos destacados, fotos y precios](https://www.ordering.co/media/features/586476ca86fcefe919d8afbb55d6d17b6a996617e3457a1d368b9860c759bac1.webp) Consulta los productos destacados del menú junto con sus precios. [Ver imagen completa](https://www.ordering.co/media/features/586476ca86fcefe919d8afbb55d6d17b6a996617e3457a1d368b9860c759bac1.webp) ![Navegación por categorías sobre una cuadrícula de productos del menú](https://www.ordering.co/media/features/80c2f25ee3490c2f28b00d1e41e51294e640756c4dde095659c3058117678b34.webp) Cambia entre categorías del menú para encontrar un producto. [Ver imagen completa](https://www.ordering.co/media/features/80c2f25ee3490c2f28b00d1e41e51294e640756c4dde095659c3058117678b34.webp) ![Detalle de producto con foto, opciones, cantidad y acción para agregar al carrito](https://www.ordering.co/_astro/product-options.DQRpoByB.webp) Revisa las opciones del producto antes de agregarlo. [Ver imagen completa](https://www.ordering.co/_astro/product-options.DQRpoByB.webp) ![Grupos de opciones de un producto con extras seleccionables](https://www.ordering.co/media/features/d3e9ff310bf69afcd2faa519f3a8ed3ab3a02e65bef5b735ce5798b63d3fa25f.webp) Elige los extras del producto antes de agregarlo al carrito. [Ver imagen completa](https://www.ordering.co/media/features/d3e9ff310bf69afcd2faa519f3a8ed3ab3a02e65bef5b735ce5798b63d3fa25f.webp) 3. Ordenar ### Mantén claras las opciones del carrito y del pago. Los clientes pueden revisar los artículos, elegir entrega a domicilio o recoger en tienda donde esté disponible, ingresar los datos del pedido y ver las opciones de pago y el total de ese pedido. Tu configuraciónConfirma las opciones de entrega, pago, tarifas, ofertas y lealtad para tu proyecto. ![Pago en la web con datos de entrega, métodos de pago, propina y resumen del pedido](https://www.ordering.co/_astro/checkout.DVbc2dr2.webp) Revisa los datos de entrega, el pago y el total antes de pedir. [Ver imagen completa](https://www.ordering.co/_astro/checkout.DVbc2dr2.webp) Ver 3 vistas web más ![Panel del carrito con dos productos, cantidades, subtotal y acción para pagar](https://www.ordering.co/_astro/cart.D7wvZt0L.webp) Edita las cantidades y revisa el subtotal del carrito. [Ver imagen completa](https://www.ordering.co/_astro/cart.D7wvZt0L.webp) ![Página de pago con los datos del cliente y las opciones del pedido](https://www.ordering.co/media/features/11684f2c65a2e0676300e507d288f030e4fb99f9815243f47dcce66a4a1caf4a.webp) Reúne los datos del cliente y las opciones de entrega en un solo lugar. [Ver imagen completa](https://www.ordering.co/media/features/11684f2c65a2e0676300e507d288f030e4fb99f9815243f47dcce66a4a1caf4a.webp) ![Pago con métodos de pago, puntos de lealtad y total del pedido](https://www.ordering.co/media/features/2c8dbf71b3e862837cbc3ad25a8b9e2cfdde25bed858eb664aa3820131656c17.webp) Revisa las opciones de pago y de lealtad disponibles para el pedido. [Ver imagen completa](https://www.ordering.co/media/features/2c8dbf71b3e862837cbc3ad25a8b9e2cfdde25bed858eb664aa3820131656c17.webp) 4. Seguimiento ### Dale a cada pedido un lugar al que volver. El detalle del pedido muestra los artículos y el estado. La experiencia web también muestra una invitación a calificar y una forma de iniciar otro pedido. Tu configuraciónElige las actualizaciones de estado y las acciones de regreso que tus clientes deben ver. ![Detalle de un pedido completado con productos, total, calificación y dirección de entrega](https://www.ordering.co/_astro/order-details.C7fOqiu8.webp) Consulta los productos, el estado del pedido y los datos de entrega después de pagar. [Ver imagen completa](https://www.ordering.co/_astro/order-details.C7fOqiu8.webp) Ver 2 vistas web más ![Página de producto con artículos destacados y calificaciones de clientes](https://www.ordering.co/media/features/8796903531b56a2d4699aecdcd4333e3c02d98bc9f2032d4971b1dac25a53e43.webp) Consulta las calificaciones junto a los productos destacados del menú. [Ver imagen completa](https://www.ordering.co/media/features/8796903531b56a2d4699aecdcd4333e3c02d98bc9f2032d4971b1dac25a53e43.webp) ![Formulario de inicio de sesión con opciones de correo electrónico, teléfono y código de un solo uso](https://www.ordering.co/media/features/b8907306a37cff91af2506f3e368c5a4fc6085aebd21de003c7fe3ef3ba87967.webp) Ofrece a los clientes recurrentes una forma de iniciar sesión. [Ver imagen completa](https://www.ordering.co/media/features/b8907306a37cff91af2506f3e368c5a4fc6085aebd21de003c7fe3ef3ba87967.webp) Ordering Widget ## Decide dónde deben vivir los pedidos dentro de tu experiencia web. Cuando un sitio web existente forma parte del recorrido del cliente, usa la conversación del proyecto para elegir la ubicación y el flujo que deben llevar al pedido. Ejemplos de puntos de entrada; la disponibilidad depende de tu plan. Punto de entradaUna acción visible puede dirigir a los clientes hacia el recorrido de pedido elegido. Entrada guiadaUna entrada guiada puede ayudar a los clientes a reconocer dónde empieza el flujo de pedidos. Recorrido integradoUn enfoque integrado debe planearse en función de la estructura de la página existente y de la tarea del cliente. Antes de lanzar ## Prueba los cambios en un sitio de staging antes de que los vean tus clientes. Una versión de staging de tu sitio de pedidos es una copia independiente del sitio en vivo que se usa para probar los cambios antes de que lleguen a tus clientes. Dónde lo usas: La configuración de tu proyecto, junto a la tienda en línea en vivo ### Para qué sirve un sitio de staging - Una copia de prueba independiente Los cambios en el menú, el diseño o el flujo de pedidos se hacen primero en un sitio de staging, sin afectar lo que ven los clientes en el sitio en vivo. - Prueba el flujo de pedido completo Recorre la navegación, el pago y el cobro en staging para confirmar que todo funciona antes de salir en vivo. - Pruébalo primero con un grupo pequeño Comparte el sitio de staging con un grupo pequeño de personas para que los problemas salgan a la luz antes de que todos tus clientes vean el cambio. - Capacita a tu equipo antes del lanzamiento Tu personal puede practicar en el sitio de staging antes de que los clientes empiecen a usar el sitio real. ### Por qué importa - **Menos sorpresas al lanzar**Los errores y problemas se detectan en staging y no frente a tus clientes. - **Un equipo listo desde el primer día**El personal que ya practicó en staging puede atender a los clientes en cuanto el sitio sale en vivo. [Ver reportes de pedidos y productos](https://www.ordering.co/es/features/business-intelligence/) Carrito y pago ## Tus clientes revisan todo antes de pagar. Los clientes recorren el menú, eligen artículos y terminan el pedido desde una sola pantalla, con un carrito que pueden modificar hasta el último paso. Dónde lo usas: Ordering Web y apps para clientes ### Una pantalla para ordenar - Explorar, elegir y ordenar en un solo lugar Los clientes recorren las categorías del menú, agregan artículos al carrito y ven el total acumulado sin salir de la pantalla de pedido. - Una pantalla de pedido con tu marca El aspecto de la pantalla de pedido sigue tu marca y lo ajustas a lo que necesitan tus clientes. ### Revisar antes de terminar - Edita el carrito al pagar En el paso de revisión, los clientes agregan o quitan artículos, cambian cantidades y aplican descuentos o cupones. - Confirma los datos de pago Los clientes revisan y confirman su información de pago antes de hacer el pedido, una verificación adicional antes de pagar. - Un pago breve y claro El pago solo pide lo que el pedido necesita, con opciones de entrega a domicilio o recoger en tienda y de pago que los clientes reconocen. - Los métodos de pago que elijas Tarjetas de crédito y débito, PayPal, Stripe y cualquier pasarela de pago de terceros que conectes, de proveedores disponibles en todo el mundo. ### Por qué importa - **Menos errores en los pedidos**Una última revisión de los artículos y los datos de pago detecta errores antes de que el pedido llegue a la tienda. [Explora las integraciones de pago](https://www.ordering.co/es/integrations/payments/) Visibilidad en buscadores ## Páginas e imágenes que los buscadores entienden. Los ajustes de SEO te permiten describir tu plataforma, tus tiendas, tus productos y tus imágenes tal como quieres que aparezcan en los resultados de búsqueda. Dónde lo usas: Panel de administración, para Ordering Web ### Lo que puedes configurar - Meta descripciones para las páginas Escribe el título y la descripción que los resultados de búsqueda muestran para tu plataforma, tus productos y tus categorías. - Descripciones para las imágenes Agrega una descripción a cada imagen para que los buscadores entiendan lo que muestra. - Herramientas de SEO para tu sitio web Otros ajustes de SEO ayudan a que tu sitio de pedidos llegue a los clientes que buscan lo que vendes. ### Por qué importa - **Más clientes desde los buscadores**Las descripciones claras ayudan a que los clientes indicados encuentren y elijan tu sitio web en los resultados de búsqueda. Ayuda integrada ## Respuestas dentro de la experiencia de pedidos. Una sección de ayuda dentro de tus canales de pedidos les da a tus clientes y a tu equipo un lugar donde encontrar respuestas sin salir del sitio. Dónde lo usas: Ordering Web y apps para clientes; el contenido se edita desde el panel de administración ### Lo que incluye la sección de ayuda - Preguntas frecuentes con búsqueda Los clientes buscan entre las preguntas frecuentes para resolver por su cuenta los problemas comunes. - Guías y videos tutoriales Guías paso a paso y videos muestran cómo hacer un pedido y usar tus canales. - Datos de contacto Cuando la respuesta no está ahí, los clientes encuentran cómo comunicarse con tu equipo. - Ayuda para tu equipo Tu personal encuentra en el mismo lugar guías sobre las funciones y respuestas a preguntas técnicas. ### Por qué importa - **Menos preguntas repetidas**Los clientes resuelven solos las dudas comunes, así que tu equipo dedica menos tiempo a atenderlas. Una sola infraestructura ## Relaciona la tienda en línea con el trabajo detrás de un pedido. Usa el mapa de planeación para identificar las conexiones de menú, tienda, entrega y sistemas que se deben revisar junto con el recorrido del cliente elegido. - Web - App - Kiosco - Teléfono - Agente de IA ![Ordering.co](https://www.ordering.co/assets/logos/ordering-lockup-color-on-white.svg)![Ordering.co](https://www.ordering.co/assets/logos/ordering-lockup-color-reversed.svg)Canales de pedido y operaciones seleccionados - Merchant App - POS - Repartidores - Lealtad y CRM Decisiones del proyecto ## Acuerda el camino de implementación antes del lanzamiento. El proyecto debe dejar por escrito el diseño de la tienda en línea, la responsabilidad sobre el contenido, las integraciones y las responsabilidades técnicas que requiere el recorrido de pedido elegido. - Expresión de marca Aclara los recursos de marca, las páginas y la responsabilidad sobre el contenido que requiere la tienda en línea. - Necesidades de contenido Identifica la información pública que tus clientes necesitan antes de llegar al menú. - Conexiones técnicas Identifica qué conexiones de sistemas o decisiones de implementación deben evaluarse con los responsables técnicos. - Responsabilidades de entrega Confirma las responsabilidades de alojamiento, implementación y soporte incluidas en tu plan. ## Todas las demás formas en que tus clientes hacen pedidos. - [ConstruyeOrdering AppsExplora el recorrido y los requisitos de la app junto con la tienda en línea.](https://www.ordering.co/es/platform/ordering-apps/) - [ConstruyeOrdering KioskExplora el recorrido del cliente en la tienda física junto con la tienda en línea.](https://www.ordering.co/es/platform/ordering-kiosk/) - [ConstruyeOrdering Call CenterExplora las necesidades de pedidos asistidos para equipos que toman pedidos por teléfono.](https://www.ordering.co/es/platform/ordering-call-center/) - [NuevoAI Ordering AgentsExplora los pedidos por conversación junto con la tienda en línea.](https://www.ordering.co/es/platform/ai-ordering-agents/) - [ConstruyeSitio web de restauranteEl mismo sitio web de pedidos para la marca de un solo restaurante, en lugar de un marketplace.](https://www.ordering.co/es/platform/restaurant-website/) ## Planea tu tienda en línea en torno a la operación. Usa una demo para revisar el recorrido del cliente y confirmar el alcance de sitio web, dominio, pago, integraciones y entrega que corresponde a tu proyecto. [Agenda una demo](https://www.ordering.co/es/contact/?meeting=demo#book)[Habla con Ordering.co](https://www.ordering.co/es/contact/)