SaaS
SaaS — Settings Page
Copy-paste layout brief covering Layout, Settings Navigation, Profile Settings and Workspace Settings — hand it to ChatGPT, Claude, or v0 as-is.
SaaS — Settings Page is a copy-ready build prompt for saas pages. Paste it into ChatGPT, Claude, v0 and iterate from the first draft it returns.
If something here is out of date, the source link below is always the canonical reference.
| Use case | SaaS |
|---|---|
| Works with | ChatGPT, Claude, v0, Cursor |
| Source | websiteprompts.com |
Create a comprehensive settings page for a SaaS application:
1. LAYOUT
- Sidebar navigation for setting categories
- Main content area for each setting section
- Save button fixed at bottom or per-section
2. SETTINGS NAVIGATION (sidebar)
- Profile
- Account
- Workspace
- Notifications
- Integrations
- Billing
- Security
- API
3. PROFILE SETTINGS
- Avatar upload with crop functionality
- Full name input
- Display name input
- Email (read-only with "Change email" link)
- Job title
- Bio/About (textarea)
- Timezone dropdown
- Language dropdown
4. WORKSPACE SETTINGS
- Workspace name
- Workspace URL/subdomain
- Logo upload
- Default project settings
- Member permissions matrix
5. NOTIFICATION SETTINGS
Table with toggles for:
- Email / Push / In-app columns
- Rows: Task assigned, Task completed, Mentions, Comments, Project updates, Weekly digest
6. INTEGRATIONS PAGE
- Grid of available integrations
- Each card: Logo, name, description, Connect/Disconnect button
- Connected integrations show "Connected" badge
- Search/filter integrations
7. BILLING SETTINGS
- Current plan card with upgrade button
- Payment method (card ending in ****4242)
- Billing history table
- Download invoice links
- Cancel subscription link (with confirmation modal)
8. SECURITY SETTINGS
- Change password form
- Two-factor authentication toggle
- Active sessions list with "Sign out" buttons
- Login history
- API keys management
Design: Clean form layouts, use toggle switches for boolean options, group related settings logically.How to use it
- Copy the full prompt with the button above.
- Paste it into your model and add your brand, copy and colours.
- Ask for one section at a time if the first pass is too broad.
Compiled and written by HowToPrompts from public sources. View original source ↗
← Back to Website Prompts