Customer Portal
Give your customers self-service access to quotes, invoices, and booking
Customer Portal requires STARTER
Upgrade to Starter plan or higher
What is the Customer Portal?
Overview
The Customer Portal is a self-service website where your customers can manage their account, view service history, and interact with your business 24/7. It's automatically branded with your company colors and logo.
- View and accept quotes
- Pay invoices online
- Book new appointments
- View service history
- Update contact information
- Download receipts and invoices
Portal URL
All Plans
yourcompany.sergio.app/portal
Example: If your company subdomain is 'sparkle', your portal URL would be sparkle.sergio.app/portal
Initial Setup
Step 1: Configure Company Information
- Go to Settings → Company Profile
- Ensure your company details are complete:
- The following information appears on your portal:
- Company Name - Shown in header and emails
- Contact Email - For customer inquiries
- Phone Number - Displayed on portal
- Business Address - For invoices and quotes
- Click Save Changes
Step 2: Upload Your Logo
- Go to Settings → Branding
- Click Upload Logo
- Select your logo file (PNG or SVG recommended, max 2MB)
- Adjust the crop area if needed
- Click Save
Step 3: Set Your Service Area
- Go to Settings → Service Area
- Enter your service locations (cities, postal codes, or draw on map)
- Set your maximum travel radius
- Save your settings
Step 4: Choose Brand Colors
- Go to Settings → Branding → Colors
- Select your brand colors:
- Primary Color - Used for buttons and headers
- Accent Color - Used for highlights and links
- Preview your portal appearance
- Click Save Changes
Customization Options
Welcome Message
- Go to Settings → Customer Portal
- Find the Welcome Message section
- Write a friendly greeting for your customers
- You can use variables like {customer_name}
- Click Save
Booking Settings
Control how customers can book appointments:
- Enable Online Booking - Allow customers to book directly through the portal
- Minimum Lead Time - How far in advance customers must book (e.g., 24 hours)
- Reschedule Window - How close to appointment customers can reschedule
- Available Services - Which services customers can book online
Payment Settings
- Accepted Payment Methods - Credit cards, ACH, or both
- Allow Saved Cards - Let customers save payment methods for faster checkout
- Enable Auto-Pay - Customers can opt into automatic payments
- Payment Terms - Due on receipt, Net 15, Net 30, etc.
Customer Access
How Customers Access the Portal
Customers can access your portal in several ways:
- Direct link: Send them your portal URL (yourcompany.sergio.app/portal)
- Email links: Invoice and quote emails include a View in Portal button
- Website widget: Embed a Login button on your website
Inviting Customers Manually
- Go to Customers → select a customer
- Click Actions → Send Portal Invite
- Customer receives an email with login instructions
- The email includes:
- Link to your branded portal
- Instructions for setting up their account
- Your company contact information
Customer Login Flow
- Customer visits your portal URL
- They enter their email address
- A magic link is sent to their email (no password required)
- They click the link to sign in
- The link is valid for 15 minutes
- Once logged in, they stay authenticated for 30 days
Security & Privacy
Data Protection
- Encryption: All data is encrypted in transit (TLS 1.3) and at rest (AES-256)
- Password-less Auth: Magic links eliminate password vulnerabilities
- Access Control: Customers can only see their own data
- Session Timeout: Automatic logout after 30 days of inactivity
Customer Privacy
Your customers' data is protected:
- Customers only see their own quotes, invoices, and appointments
- They cannot access other customers' information
- Payment details are handled securely by Stripe (PCI compliant)
- You control what information is visible in the portal
Payment Security
Online payments are processed securely through Stripe:
- Card numbers are never stored on our servers
- All transactions use 3D Secure authentication when available
- Fraud detection is automatically enabled
- PCI DSS Level 1 compliance through Stripe
Testing the Portal
Preview Mode
- Go to Settings → Customer Portal
- Click Preview Portal
- You'll see your portal as customers see it
- Test navigation, colors, and branding
- Make adjustments as needed
Create a Test Account
To fully test the customer experience:
- Create a test customer with your own email
- Add a sample quote and invoice to this customer
- Send a portal invite to yourself
- Complete the login flow
- Test accepting quotes and paying invoices
- Try booking an appointment
Need Help Setting Up?
Our support team can help you configure your customer portal and answer any questions.
Contact Support

