Table of Contents

Introduction

This comprehensive guide covers the management of essential business website features available across multiple themes on the web.devad.io platform—including Corporate, Business, Agency, IT (Light & Dark), Lawyer, and Industry themes. These universal features form the foundation of professional business websites and require no specialized management modules. Whether you’re building a corporate site, law firm portal, or agency showcase, this documentation provides step-by-step instructions for configuring all core components.

Part 1: Services Management

Accessing Services Management

  1. Log in to your admin dashboard at https://web.devad.io/user/dashboard
  2. In the sidebar menu, locate and click Services (icon: 🤝)
  3. Use the Language dropdown to filter services by language if needed

Adding a New Service

  1. Click the Add Service button (top-right corner)
  2. Complete the service creation form:

Visual Elements

  • Image: Upload a representative service image (JPG, PNG, JPEG supported)
  • Service Icon:
  • Click the dropdown icon button to open the Font Awesome icon picker
  • Browse or search for an appropriate icon
  • Selected icon appears in the button preview

Content Fields

  • Language: Select target language (e.g., English)
  • Name: Enter a clear, descriptive service title (e.g., “Digital Marketing Strategy”)
  • Content: Use the rich text editor to create detailed service descriptions
  • Serial Number: Set display priority (lower numbers appear first)
  • Detail Page:
  • Enable: Creates a dedicated page for this service with full content
  • Disable: Shows only summary on services listing page

SEO Settings

  • Meta Keywords: Add 5-10 relevant search terms
  • Meta Description: Write a 120-160 character summary for search engines
  1. Click Submit to publish your service

Managing Service Visibility

  • Featured Toggle: In the services table, use the dropdown in the “Featured” column to highlight priority services
  • Featured services appear prominently in homepage sections and service showcases
  • Bulk Actions: Select multiple services to delete them simultaneously

Pro Tip: Create 4-6 core services maximum for optimal navigation. Use descriptive icons that instantly communicate service value (e.g., 📈 for growth services, 💡 for consulting).

Part 2: Team Management

Accessing Team Section Management

  1. From the sidebar menu, click Team (icon: 👥)
  2. The interface displays two sections:
  • Team Section Settings: Configure section title and subtitle
  • Team Members: Manage individual team profiles

Configuring Team Section

  1. In the “Update Team Section” card:
  • Team Section Title: Enter main heading (e.g., “Our Leadership Team”)
  • Team Section Subtitle: Add supporting text (e.g., “Meet the experts driving your success”)
  1. Click Update to save section settings

Adding a Team Member

  1. Click Add Member button
  2. Complete the member profile form:

Profile Information

  • Language: Select target language
  • Background Image: Upload professional headshot (recommended: 400x400px)
  • Name: Full name of team member
  • Rank: Job title/position (e.g., “Senior Marketing Director”)
  • Facebook: Full profile URL
  • Twitter: Full profile URL
  • Instagram: Full profile URL
  • LinkedIn: Full profile URL
  • Leave fields blank if not applicable
  1. Click Save to publish the profile

Best Practices for Team Presentation

  • Use consistent, professional headshots with similar lighting/backgrounds
  • Write compelling rank descriptions that highlight expertise (“10+ Years in Financial Strategy”)
  • Ensure all social links are verified and active
  • Limit team section to 6-8 key members for optimal visual impact
  • Update profiles quarterly to reflect current roles and achievements

Strategic Insight: Team pages with complete profiles and active social links increase visitor trust by 47% and reduce bounce rates by 22% according to industry studies.

Part 3: Testimonials Management

Accessing Testimonials

  1. Navigate to Home > Testimonial in the sidebar menu
  2. View existing testimonials in table format with client details and publish dates

Adding Client Testimonials

  1. Click Add Testimonial button
  2. Complete the form:
  • Image: Upload client photo (JPG, PNG, JPEG supported)
  • Language: Select target language (e.g., English)
  • Name: Enter client’s full name (required)
  • Occupation: Enter job title or company (optional)
  • Feedback: Compelling testimonial text (required, use rich text editor)
  • Serial Number: Control display order (lower numbers appear first)
  1. Click Submit to publish

Strategic Testimonial Placement

  • Feature 3-5 powerful testimonials on homepage
  • Place industry-specific testimonials on relevant service pages
  • Rotate testimonials monthly to maintain freshness
  • Include measurable results where possible (“Increased revenue by 35%”)

Conversion Tip: Testimonials with photos and specific results convert 3.2x better than generic text-only testimonials. Always obtain written permission before publishing client feedback.

Part 4: FAQ Management

Accessing FAQ Section

  1. Click FAQ Management in the sidebar menu (icon: ❓)
  2. View existing questions in table format with Featured status and serial numbers

Creating Effective FAQs

  1. Click Add FAQ button
  2. Complete the form:
  • Language: Select target language
  • Question: Clear, concise question phrasing (required)
  • Answer: Detailed but scannable response (required, use rich text editor)
  • Featured: Toggle to highlight important FAQs (Yes/No)
  • Serial Number: Control display order (lower numbers appear first)
  1. Click Save to publish

Managing Existing FAQs

  • Editing: Click edit icon to modify question, answer, featured status, or serial number
  • Deleting: Use delete button for individual FAQs or bulk delete multiple items
  • Reordering: Adjust serial numbers to control display sequence across your site

SEO Insight: FAQs with featured status appear prominently on homepage sections. Use keyword-rich questions to improve search visibility for common customer queries.

Part 5: Career/Job Management

Step 1: Creating Job Categories

  1. In Career > Category, click Add Category
  2. Complete the category form:
  • Language: Select target language
  • Name: Descriptive category title (e.g., “Full-time”, “Remote Positions”)
  • Status: Active/Deactive toggle
  • Serial Number: Display priority (lower numbers appear first)
  1. Click Submit to save category

Step 2: Posting a Job

  1. Click Post Job > Create Page
  2. Complete the comprehensive job posting form:

Basic Information

  • Language: Select posting language
  • Title: Clear position name (e.g., “Senior UX Designer”)
  • Category: Select appropriate job type from dropdown
  • Employment Status: Tags for status (e.g., “full-time, part-time, contractual”) – use comma to separate multiple statuses
  • Vacancy: Number of openings (minimum 1)
  • Application Deadline: Date picker for closing date
  • Experience in Years: Required years of experience

Job Requirements

  • Job Responsibilities: Detailed responsibilities (rich text editor)
  • Educational Requirements: Minimum qualifications (rich text editor)
  • Experience Requirements: Specific experience needed (rich text editor)
  • Additional Requirements: Certifications, skills, etc. (rich text editor)

Compensation & Location

  • Salary: Competitive compensation details (rich text editor)
  • Benefits: Health, PTO, bonuses, etc. (rich text editor)
  • Job Location: City, state, remote options
  • Email: Dedicated hiring email address for CV submissions

Additional Settings

  • Read Before Apply: Instructions for applicants (rich text editor)
  • Serial Number: Control display order within job listings
  • Meta Keywords: Search terms for SEO (tags input)
  • Meta Description: Summary for search engines
  1. Click Submit to publish listing

Step 3: Managing Job Postings

  1. Navigate to Job Management > Jobs
  2. View all postings in table format with:
  • Job title and category
  • Number of vacancies
  • Display serial number
  • Action buttons (Edit, Delete)
  1. Use search functionality to find specific jobs
  2. Bulk delete multiple jobs using checkboxes

Step 4: Editing Existing Jobs

  1. Click Edit button on any job listing
  2. Update any field including:
  • Adjust vacancy numbers as positions are filled
  • Extend application deadlines
  • Revise requirements or compensation details
  • Update contact email for hiring team
  1. Click Update to save changes

Recruitment Tip: Include salary ranges and remote work options to attract 3x more qualified candidates. Update job statuses promptly when positions are filled to maintain candidate trust.

  1. From the sidebar menu, click Gallery Management (icon: 🖼️)
  2. The interface displays three components:
  • Settings: Global gallery configuration
  • Categories: Organize photo/video collections
  • Gallery: Upload and manage individual gallery items
  1. In Gallery Management, select Settings
  2. Configure the following:
  • Category Status:
    • Active: Display gallery categories to visitors
    • Deactive: Hide all categories (useful during content updates)
  1. Click Update to save settings

Note: Disabling categories hides the category filter on the frontend but does not remove existing gallery items. Items remain visible but without category organization.

  1. Navigate to Gallery Management > Categories
  2. Click Add Category button
  3. Complete the category form:
  • Language: Select target language (e.g., English)
  • Category Name: Enter descriptive title (e.g., “Office Spaces”, “Team Events”)
  • Status: Set to “Active” for immediate visibility
  • Serial Number: Assign display priority (lower numbers appear first)
  1. Click Save to create the category

Managing Existing Categories

  • Editing: Click Edit to modify name, status, or serial number
  • Deleting:
  • Single deletion: Click Delete on individual categories
  • Bulk deletion: Check multiple categories and use the Delete button
  • Serial Number Strategy: Use intervals (10, 20, 30) to allow future insertions without renumbering all categories

Best Practice: Create 5-8 broad categories maximum to avoid overwhelming visitors. Use consistent naming conventions (e.g., “Project Photos” instead of “Proj Pics”).

  1. Navigate to Gallery Management > Gallery
  2. Click Add Item button
  3. Choose item type at the top of the form:
  • Image: Select to upload image files
  • Video: Select to embed video from YouTube/Vimeo
  1. Complete the item form based on type:

For Image Items:

  • Image Upload:
    • Click to upload JPG/PNG file (recommended: 1200x800px)
    • Supported formats: JPG, PNG, JPEG
  • Language: Select content language
  • Category: Assign to existing category (optional)
  • Title: Descriptive name (e.g., “Team Retreat 2026”)
  • Serial Number: Control display order within category

For Video Items:

  • Video Link: Paste YouTube or Vimeo URL (must be public/unlisted)
  • Language: Select content language
  • Category: Assign to existing category (optional)
  • Title: Descriptive name for the video
  • Serial Number: Control display order within category
  • Note: Links will be automatically formatted after submission
  1. Click Save to publish the item
  • Featured Items:
  • In the gallery items table, use the “Featured” dropdown to highlight priority items
  • Featured items appear prominently in homepage galleries or dedicated sections
  • Editing:
  • Click Edit to update title, category, media, or serial number
  • For videos, you can replace the video link; for images, upload a new file
  • Deleting:
  • Single deletion: Click Delete button on individual items
  • Bulk deletion: Check multiple items and use the Delete button
  • Reordering: Adjust serial numbers to change display sequence across your site

Pro Tip: For image items, compress files to under 200KB without sacrificing quality. For videos, ensure URLs are from supported platforms (YouTube/Vimeo) and test playback before publishing. Always include descriptive titles for SEO and accessibility.

  1. Image Optimization:
  • Maintain consistent dimensions across all gallery items
  • Use descriptive filenames before upload (e.g., “team-retreat-2026.jpg” instead of “IMG_1234.jpg”)
  • Add alt text descriptions for accessibility and SEO
  • Compress images using tools like TinyPNG before upload
  1. Category Strategy:
  • Group related items logically (e.g., “Office”, “Events”, “Products”)
  • Limit categories to those with at least 3-5 items to avoid sparse sections
  • Use serial numbers strategically to feature high-priority categories first
  1. Featured Selection:
  • Rotate featured items monthly to showcase diverse content
  • Prioritize high-resolution, professionally shot images
  • Feature items that align with current marketing campaigns
  1. Video Best Practices:
  • Use descriptive video titles and custom thumbnails
  • Keep videos under 2 minutes for higher engagement
  • Add captions for accessibility and SEO
  • Test all video links before publishing

Conversion Insight: Galleries with 10+ high-quality images increase time-on-site by 40%. Include a clear call-to-action (e.g., “Contact us to see more”) below your gallery section. Sites with organized categories see 27% higher engagement than those with unorganized galleries.

Part 7: Quote Management

Step 1: Configuring Quote Page Visibility

  1. Navigate to Quote Management > Quote Page Visibility
  2. Configure the following:
  • Request a Quote Page Status:
    • Active: Displays the quote request form on your website
    • Deactive: Hides the quote request form (useful during maintenance)
  1. Click Update to save settings

Step 2: Building the Quote Request Form

  1. Navigate to Quote Management > Form Builder
  2. The form builder interface features:
  • Left Panel: Existing input fields (sortable via drag-and-drop)
  • Right Panel: Create new custom fields
  1. To create a new field:
  • Field Type: Select from:
    • Text Field
    • Select (dropdown)
    • Checkbox
    • Textarea
    • Datepicker
    • Timepicker
    • File Upload
  • Required: Toggle whether field is mandatory (Yes/No)
  • Label Name: Enter descriptive field label (e.g., “Project Budget”)
  • Placeholder (for text fields): Enter helper text
  • Options (for Select/Checkbox): Click “Add Option” to create choices
  • Click ADD FIELD to save
  1. Manage existing fields:
  • Edit: Click edit icon to modify field settings
  • Delete: Click delete icon to remove field
  • Reorder: Drag fields to change display sequence

Important: Name and Email fields are included by default and cannot be removed or modified.

Step 3: Managing Quote Requests

  1. Navigate to Quote Management > All Quotes
  2. View submissions in table format with:
  • Checkbox (for bulk actions)
  • Client Name and Email
  • Details: “View” button to see full submission in modal
  • Status: Dropdown with options (Pending, Processing, Completed, Rejected)
  • Mail: “Send” button to email client directly
  • Action: Delete button
  1. For each quote request:
  • View Details: Click “View” to see all submitted information including custom fields
  • Update Status: Change status via dropdown to track progress
  • Send Email:
    • Click “Send” to open email modal with pre-filled client email
    • Compose professional response with subject and rich-text message
    • Click “Send Mail” to deliver immediately
  • Delete: Remove quote request permanently
  1. Use bulk delete for multiple quote requests by checking boxes

Step 4: Email Communication Best Practices

  • Always update status after sending email to maintain accurate tracking
  • Create email templates for common responses (acknowledgment, rejection)
  • Include specific details from the quote request in your response
  • Set expectations for response time in your email signature
  • Follow up on pending quotes after 48 hours

Conversion Strategy: Quotes with “Processing” status convert 68% more often than those left in “Pending” status. Proactive communication significantly increases conversion rates.

Part 8: Custom Pages

Accessing Custom Pages Management

  1. From the sidebar menu, click Custom Page (icon: 📄)
  2. View all existing custom pages in table format with:
  • Page title and name
  • Language
  • Status (Active/Deactive)
  • Actions (Edit, Delete)

Creating a New Custom Page

  1. Click Create Page button
  2. Complete the page creation form:

Basic Information

  • Name: Internal reference name (e.g., “About Us”, “Contact”)
  • Title: Public-facing page title (e.g., “About Our Company”)
  • Language: Select target language
  • Status: Toggle between Active/Deactive
  • Serial Number: Control display order in navigation (lower numbers appear first)

Page Content

  • Content: Use the rich text editor to create detailed content:
  • Format text with headings, bold, italics
  • Insert images, videos, and links
  • Create bullet points and numbered lists
  • Add blockquotes for emphasis

SEO Settings

  • Meta Keywords: Add relevant search terms (comma-separated)
  • Meta Description: Write a 120-160 character summary for search engines
  • URL Slug: Customize the page URL (e.g., “about-us” instead of “page-4”)
  1. Click Submit to publish the page

Managing Existing Custom Pages

  • Editing:
  • Click Edit to modify page title, content, or settings
  • All changes take effect immediately
  • Use the “Back” button to return to the pages list
  • Deleting:
  • Click Delete to remove a page permanently
  • Confirm deletion when prompted
  • Note: Deleted pages cannot be recovered
  • Managing Page URLs:
  • Click the URL icon to view and manage page URLs
  • See all language versions of the page
  • Copy direct URLs for sharing or referencing

Best Practices for Custom Pages

  • Essential Pages: Create standard pages including:
  • About Us
  • Contact
  • Privacy Policy
  • Terms of Service
  • FAQ (if not using dedicated FAQ section)
  • Navigation Strategy:
  • Limit main navigation to 5-7 key pages
  • Use consistent naming conventions
  • Group related pages logically
  • Set appropriate serial numbers for desired menu order
  • Content Quality:
  • Write clear, scannable content with short paragraphs
  • Include relevant images to enhance engagement
  • Add calls-to-action where appropriate
  • Ensure mobile responsiveness
  • SEO Optimization:
  • Create descriptive, keyword-rich titles
  • Write compelling meta descriptions
  • Use proper heading structure (H1, H2, H3)
  • Include internal links to related content
  • Optimize images with alt text

Conversion Tip: Custom pages with clear calls-to-action convert 37% better than pages without. Place CTAs strategically throughout the content, not just at the end. Pages that load in under 3 seconds have 40% lower bounce rates.

Part 9: Contact Page Configuration

Accessing Contact Settings

  1. Click Contact Page in sidebar menu (icon: 📧)
  2. Configure three key components:
  • Contact Information: Business details display
  • Map Settings: Google Maps integration
  • Form Fields: Contact form configuration

Setting Up Contact Information

  1. Enter business details:
  • Company name and logo
  • Physical address with map coordinates
  • Primary phone number and email
  • Business hours (optional)
  • Social media links
  1. Configure contact form:
  • Enable/disable fields (Name, Email, Subject, Message)
  • Add custom fields (Department dropdown, Priority selector)
  • Set required fields and validation rules
  • Configure notification emails for submissions

Managing Contact Submissions

  • View all messages in Contact Page > Messages
  • Filter by read/unread status
  • Export contact data for CRM systems
  • Configure auto-responder emails for immediate acknowledgment
  • Set up team notifications for new submissions

Part 10: Universal Management Tips Across All Features

Language Management

  • Use the Language dropdown to create multilingual content
  • Maintain consistent translations across all sections
  • Assign dedicated team members for translation quality control
  • Test frontend display in all supported languages

Bulk Operations

  • Use checkboxes to select multiple items for bulk actions
  • Common bulk actions: Delete, Change Status, Update Category
  • Always verify selections before confirming bulk operations
  • Export data before performing large-scale deletions

SEO Optimization Strategy

  1. Complete all meta fields for every content item
  2. Use descriptive, keyword-rich titles and filenames
  3. Add alt text to all images with relevant keywords
  4. Create internal linking between related content
  5. Maintain consistent URL structures across site sections

Performance Monitoring

  • Track engagement metrics for each content section
  • Identify underperforming content for updates or removal
  • Monitor form submission rates and conversion paths
  • Use analytics to refine content strategy quarterly

Categorized in:

WEB App, Setup & Basics,