<?xml version="1.0" encoding="utf-8"?>

Action empty state

Action empty state

This type of empty state is more proactive. It not only informs users that there's no content but also encourages them to take a specific action. The CTA button in this case should align with the message in the text. For instance, if it's an empty shopping cart, the message might be, "Your cart is empty. Start shopping now!" with a prominent "Shop Now" button.

If you want to offer users additional options, like reading documentation, you can include a link in the copy. For example, in an empty settings page, you could say, "There are no settings configured yet. Click here to read the documentation on how to get started."

Improve your UX & Product skills with interactive courses that actually work