Compra con una forma de pago existente
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Los flujos que implican compras deben ser lo más simples y cortos posible, para minimizar la atención necesaria de los conductores.
Asegúrate de seguir los lineamientos de los flujos de compra.
Flujo de muestra
| Acción del usuario |
Dónde se realiza la acción |
Recuento de pasos después de la acción |
| El usuario está usando tu app y decide hacer una compra. |
Plantilla de destino (no se muestra) |
1 |
| El usuario selecciona una ubicación de estacionamiento de una lista seleccionada de ubicaciones cercanas o reservadas recientemente. |
Plantilla de lista
|
2 |
| El usuario ve los detalles de la ubicación del estacionamiento y reserva el lugar; la compra se realiza en segundo plano. |
Plantilla de panel
|
3 |
| El usuario ve la confirmación y selecciona Navigate. |
Plantilla de mensaje
|
4 |
| Se abrirá una app de navegación independiente y comenzará el enrutamiento. |
Cambiar a la app de navegación
|
1 (tarea nueva) |
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-07-25 (UTC)
[null,null,["Última actualización: 2025-07-25 (UTC)"],[[["\u003cp\u003eIn-car purchase flows should be straightforward and require minimal driver attention, ideally concluding within 3 steps inside the app.\u003c/p\u003e\n"],["\u003cp\u003eApps should streamline the purchase process by offering curated parking location lists, background purchase handling, and clear confirmation messages.\u003c/p\u003e\n"],["\u003cp\u003eUpon purchase confirmation, initiate navigation using a seamless transition to a dedicated navigation app, ensuring a clear task separation for the driver.\u003c/p\u003e\n"]]],[],null,["# Purchase using existing payment method\n\n\u003cbr /\u003e\n\nFlows that involve purchases should be as simple and short as possible, to\nminimize attention needed from drivers.\n\nBe sure to follow the\n[guidelines for purchase flows](/cars/design/create-apps/ux-requirements/templated-apps#purchase).\n\nSample flow\n-----------\n\n| User action | Where action is performed | Step count after action |\n|------------------------------------------------------------------------------------------------------------|------------------------------|-------------------------|\n| The user is using your app. They decide to make a purchase. | Landing template (not shown) | 1 |\n| The user selects a parking location from a curated list of nearby or recently booked locations. | List template | 2 |\n| The user views parking location details and reserves the spot; the purchase takes place in the background. | Pane template | 3 |\n| The user sees confirmation and selects **Navigate**. | Message template | 4 |\n| A separate navigation app opens and routing begins. | Switch to navigation app | 1 (new task) |"]]
