SwayChat design examples

SwayChat

Sign-in screen where the user authenticates with an email address and password to access SwayChat.

• Sign In

SwayChat

Password recovery screen where the user enters their email address to receive reset instructions.

• Forgot Password

SwayChat

Landing page with an open modal where the user creates a new SwayChat account by providing their email, name, company details, and choosing a custom domain.

• Verification

SwayChat

Onboarding screen where the user is prompted to copy and paste a JavaScript snippet to install the chat widget on their website.

• Onboarding Checklist
• Add & Create

SwayChat

Dashboard empty state where a new user is welcomed and presented with four setup actions to configure their chat widget and agents.

• Getting Started
• Dashboard

SwayChat

Inbox view where the user manages live chats, currently showing empty states for both the message list and the active chat pane.

• Empty State
• Messages

SwayChat

Live chat inbox where a support agent manages conversations, showing a list of active chats, the current message thread, and visitor details like location and browser.

• Messages
• Chatbot

SwayChat

Settings page where the user customizes the appearance and behavior of their live chat widget, with a live preview on the right.

• Settings
• Edit

SwayChat

Settings page where the user manages support agents and teams, showing active teams alongside visitor statistics in the sidebar.

• Team Management
• Dashboard

SwayChat

Paywall modal where the user can choose to upgrade their current free plan to a Standard or Platinum tier to unlock more agents and features.

• Pricing
• Upgrade Prompt

SwayChat

Settings page where the user updates their profile picture, name, title, and account credentials.

• Account Settings
• Profile

SwayChat

Settings page where the user configures the organization name, auto-away timeouts for agents, and round-robin chat distribution rules.

• Settings