1. Add the "Advanced Device Detector" plugin to your app from the Bubble plugin marketplace. 2. Drag the "Advanced Device Detector" element onto your page.
3. Access the following exposed states to retrieve device and browser details:
  - `device_model`: Returns the type of device (e.g., iPhone, Android, Mac).
  - `browser_name`: Returns the browser name (e.g., Chrome, Safari).
  - `browser_version`: Returns the version of the browser (e.g., 112.0.1).
  - `screen_width`: Returns the screen's width in pixels.
  - `screen_height`: Returns the screen's height in pixels.
  - `orientation`: Returns the screen orientation ("portrait" or "landscape").
4. Use these states in workflows or display them dynamically in your app.
5. If additional detection is needed, trigger the "Refresh" action in workflows to update the details dynamically.