Website Management
✅ Introduction
What it does: Customizes your SaaS website for customer acquisition Why it's useful: Creates a professional marketing site to attract customers Location: Admin Panel → Website
Website management allows you to customize your public-facing website that potential customers see before signing up. This includes your homepage, pricing page, features list, testimonials, and more.
✅ Accessing Website Management
Navigation Path
- Login to Admin Panel
- Navigate to Website → Settings
Required Permissions
admin.website.view- View website settingsadmin.website.edit- Edit website content and settings
✅ Website Theme Configuration
Theme Settings
Location: Admin Panel → Website → Theme
Configure the visual appearance of your website:
Theme Options:
- Primary Color: Main brand color
- Secondary Color: Accent color
- Font Family: Typography selection
- Header Style: Navigation appearance
- Footer Style: Footer layout
- Button Style: CTA button appearance
- Card Style: Feature card design
Layout Options:
- Single page or multi-page
- Fixed or fluid width
- Light/dark mode toggle
- Responsive behavior settings
Custom CSS & JavaScript
Location: Admin Panel → Website → Custom Code
Add custom styling and functionality:
Available Options:
- Custom CSS: Add custom styling
- Custom JavaScript: Add custom scripts
- Header Code: Insert code in
<head>section - Footer Code: Insert code before
</body> - Google Analytics: Add tracking code
✅ Homepage Configuration
Hero Section
Location: Admin Panel → Website → Hero Section
Configure your main landing page header:
Customization Options:
- Heading: Main headline text
- Subheading: Supporting text
- CTA Button: Call-to-action text and URL
- Background: Image or color selection
- Hero Image/Video: Main visual content
- Animation: Optional entrance effects
Best Practices:
- Clear value proposition
- Compelling headline (30-70 characters)
- Action-oriented CTA button
- High-quality hero image
- Mobile-responsive design
Features Section
Location: Admin Panel → Website → Features
Showcase your platform's main features:
Customization Options:
- Section Title: Features heading
- Section Subtitle: Supporting text
- Feature Cards: Individual feature items
- Icons: Visual representations
- Layout: Grid or list arrangement
- Animation: Reveal animations
Feature Management:
- Add/edit/remove features
- Set display order
- Configure mobile display
- Link to detailed feature pages
Testimonials Section
Location: Admin Panel → Website → Testimonials
Display customer success stories:
Customization Options:
- Testimonial Cards: Customer quotes
- Customer Photos: Avatar images
- Company Logos: Brand identification
- Star Ratings: Customer satisfaction
- Carousel Settings: Auto-scroll, timing
- Video Testimonials: Embed options
Management Options:
- Add/edit/remove testimonials
- Set display order
- Configure display style
- Filter by category
✅ Pricing Page Configuration
Plan Display
Location: Admin Panel → Website → Pricing Page
Configure how subscription plans appear:
Display Options:
- Plan Cards: Visual presentation
- Featured Plan: Highlight recommended option
- Toggle Monthly/Yearly: Billing period switch
- Comparison Table: Feature comparison
- Plan Order: Display sequence
- Pricing Format: How prices are shown
- CTA Buttons: Sign-up button text
Content Options:
- Section Title: Page heading
- Section Subtitle: Supporting text
- Feature Selection: Which features to show
- FAQ Section: Common pricing questions
Free Trial Configuration
Location: Admin Panel → Website → Pricing → Trial Settings
Configure free trial promotions:
Trial Options:
- Trial Banner: Promotional message
- Trial Length: Displayed trial period
- Credit Card Required: Show if payment info needed
- Trial CTA: Special trial button text
- Trial Highlights: Key selling points
✅ Additional Pages
About Page
Location: Admin Panel → Website → Pages → About
Configure your company information:
Content Sections:
- Company Story: History and mission
- Team Members: Key personnel
- Company Values: Core principles
- Timeline: Company milestones
- Office Locations: Physical presence
- Partner Logos: Business associations
FAQ Page
Location: Admin Panel → Website → Pages → FAQ
Manage frequently asked questions:
Management Options:
- FAQ Categories: Logical grouping
- Question/Answer Pairs: Content items
- Search Functionality: Enable/disable
- Display Style: Accordion or full list
- Suggested Questions: Related items
Contact Page
Location: Admin Panel → Website → Pages → Contact
Configure how customers can reach you:
Content Options:
- Contact Form: Fields and submission
- Email Address: Public contact email
- Phone Number: Support line
- Office Address: Physical location
- Map Integration: Location display
- Support Hours: Availability times
✅ SEO Configuration
SEO Settings
Location: Admin Panel → Website → SEO
Optimize your website for search engines:
Global SEO Settings:
- Site Title: Default page title
- Meta Description: Default description
- Favicon: Browser tab icon
- Social Image: Default sharing image
- Robots.txt: Search engine instructions
- Sitemap: XML sitemap generation
Page-Specific SEO:
- Individual page titles
- Custom meta descriptions
- URL slugs/permalink structure
- Open Graph tags for social sharing
- Structured data markup
Analytics Integration
Location: Admin Panel → Website → Analytics
Track website performance:
Integration Options:
- Google Analytics
- Facebook Pixel
- Google Tag Manager
- Custom tracking scripts
- Conversion tracking
✅ Blog Management
Blog Settings
Location: Admin Panel → Website → Blog
Configure your content marketing:
Blog Options:
- Enable/Disable: Turn blog on/off
- Layout: Post display format
- Sidebar: Widget configuration
- Categories: Content organization
- Featured Posts: Highlighted content
- Author Profiles: Contributor info
Content Management:
- Create/edit/publish blog posts
- Set featured images
- Configure meta information
- Manage tags and categories
- Enable/disable comments
✅ Mobile Optimization
Mobile Settings
Location: Admin Panel → Website → Mobile
Ensure your site works well on mobile devices:
Mobile Options:
- Responsive Testing: Preview tools
- Mobile Menu: Navigation configuration
- Touch Elements: Button sizing
- Mobile Images: Optimized loading
- AMP Support: Accelerated pages
✅ Best Practices
- Clear Value Proposition: Communicate benefits quickly
- Consistent Branding: Maintain visual consistency
- Performance Focus: Optimize page loading speed
- Regular Updates: Keep content fresh and relevant
- A/B Testing: Test different layouts for conversion
- Mobile-First Design: Prioritize mobile experience
- Strong CTAs: Clear calls to action throughout
✅ Troubleshooting
Common Issues:
- Image Loading Problems: Check size and format
- Responsive Design Issues: Test on multiple devices
- Form Submission Errors: Verify email configuration
- Custom Code Conflicts: Isolate problematic code
- SEO Preview Errors: Check meta tag formatting
Next Steps
After setting up your website, learn about Payment Gateway Integration to start accepting payments from customers.