5. Shopper Experience
Understand the customer journey based on the customers' status.
Review the diagrams below to understand the shopper journey through Bolt and the Magento UI.
Guest Flow - Account Does Not Exist
The flow below represents the journey of a customer who doesn’t have a Bolt account.
sequenceDiagram
Magento Frontend-->>User: Render Guest Checkout
User->>Magento Frontend: Enters Email
Magento Frontend->>Bolt Backend: Does Account exist?
Bolt Backend->>Magento Frontend: No
Magento Frontend->>User: Show Create Bolt Account Box
User->>Magento Frontend: Complete Guest Checkout
Magento Frontend->>Magento Backend: POST info
Magento Backend->>Bolt Backend: Existing Embedded API Creation
Guest Flow - Account Exists
The following represents a flow where the shopper has selected Guest checkout, but they have an existing Bolt account.
sequenceDiagram
Magento Frontend-->>User: Render Guest Checkout
User->>Magento Frontend: Enters Email
Magento Frontend->>Bolt Backend: Does Account Exist?
Bolt Backend->>Magento Frontend: Yes
Magento Frontend-->Bolt Login UI: Open (Sends One Time Code to Customer Device or Email)
Bolt Login UI->>User: Prompt for One Time Password
User->>Bolt Login UI: Close UI
Bolt Login UI-->>Magento Frontend: Return to Guest Checkout
Magento Frontend->>User: Continue Guest Checkout
User->>Magento Frontend: Complete Guest