1. Support
  2. Knowledge base
  3. Synthetic monitoring
  4. Transaction monitoring
  5. Tutorial: User journey in a shop
  6. Capturing the shopping cart user journey

Capturing the shopping cart user journey

In this example you go through the process of capturing the user journey for a user adding to and modifying their shopping cart.

The following instructions take you through a detailed example of the transaction recording process. Once the transaction monitor is active, it will use transaction credits that you have to buy in your account. This example includes information about which steps will use credits. More details about the usage of credits can be found in the article Transaction monitor credit calculations.

  1. Get Uptrends' transaction recorder from the Chrome webstore and add this extension to your Chrome browser. The steps are described in Download the transaction recorder.

  2. In a Chrome browser window, open the transaction recorder extension and click the Start Recording button. The REC start window opens.

  3. Enter https://galacticshirts.com as the URL in the address bar of the REC start window.
    This is your first transition to a new page resulting in a server request (credits used = 1).
    The home page of the shop is shown. screenshot of galactic shirts homepage

  4. Click the image of the first shirt to open its product detail page.
    The shirt may change, but there should always be a first shirt. In this case, the first shirt is the Suraya Bay T-Shirt.
    Clicking the link means transitioning to the product detail page and making a server request. This will use another credit (credits used = 2). The product details for the shirt are shown.

  5. Click the Size drop-down to select size “L”.

  6. Change the quantity to “2”. Changing the quantity by highlighting the “1” and typing “2” or clicking the up/down arrows doesn’t matter; the recorder registers the click and the change in value only.

  7. Click Add to cart.
    Clicking the Add to cart button generates a server request and a page refresh using another credit (credits used = 3).

  8. Add a content check.
    Now is a good time to add a content check to make sure that the add-to-cart action worked properly (one of many content checks you should consider adding to your script). You can also add content checks later using the step editor.

    To add a content check during the recording process:

    1. Find the recorder window (often behind your browser window): screenshot recorder content check Click + Add content check
    2. Choose a part of the confirmation page that is unique to the page and least likely to change. In this case a good candidate is “added to your cart.” Enter this into the Add content check pop up. screenshot content check pop up
    3. Click Save.
    4. Return to the recording window.
  9. Click the View Cart button to go to the shopping cart view.
    This uses another credit (credits used = 4).

  10. Change the quantity from “2” to “1.”

  11. Click Update cart.
    Update cart refreshes the page which generates a server request using one credit (credits used = 5). screenshot shopping cart update

  12. Add a content check to verify the page loaded correctly by testing for the text “Cart updated.”

  13. Click the red “X” to remove the item from the shopping cart to finish our transaction.
    Removing the item generates a server request using one credit (total credits used = 6).

  14. Add a content check using the phrase “Your cart is currently empty.”.

  15. Click Stop recording.

  16. Click Upload recording and choose to test and optimize the transaction yourself first (self-service transaction). Check out the knowledge base article Options for transaction scripts on the choice between full-service and self-service transactions.

You’ve reached the end of the shopping cart user journey recording process. The result will be a new transaction monitor in your Uptrends account. You can expect your monitor to use six transaction credits, but other factors affect the calculation of credits.

The next task is to test your transaction and make adjustments, if needed. Use the instructions in Testing and editing your transaction script to guide you through the testing.

By using the Uptrends website, you consent to the use of cookies in accordance with our Cookie Policy.