Services Setup Tutorial

The Services app allows you to showcase and manage all the services your business offers on your website. Adding detailed service information helps potential customers understand what you provide, making it easier for them to choose your business.

Important: Setting up your Services is mandatory and required to use Solodoer effectively. This should be the third app you configure after setting up your Domain and Content Sections.

---

What You'll Learn

In this tutorial, you'll learn how to:

• Understand what Services are and why they're important for your business
• Access the Services app from your dashboard
• Create your first service with all required details
• Add media images to showcase your services
• Organize services using tags for better categorization
• Link FAQs to services for customer support
• Use the Asset Manager for efficient media management
• Edit and update existing services
• Delete services when they're no longer offered
• Search and filter through your service list
• Best practices for creating compelling service descriptions

---

Understanding Services

What are Services?

Services represent the offerings, products, or solutions your business provides to customers. Each service entry on your Solodoer website includes detailed information to help visitors understand what you offer.

Example Services:

For a Web Development Business:

• "Website Design & Development"
• "E-commerce Solutions"
• "Mobile App Development"
• "Website Maintenance & Support"

For a Consulting Business:

• "Business Strategy Consulting"
• "Marketing Consultation"
• "Financial Planning Services"
• "HR Consulting"

For a Creative Agency:

• "Logo Design"
• "Brand Identity Development"
• "Social Media Marketing"
• "Content Writing Services"

Why Are Services Important?

• Showcase Your Offerings - Let customers know exactly what you provide
• Attract Right Clients - Help qualified leads find services they need
• Build Credibility - Detailed descriptions demonstrate expertise
• Improve Conversions - Clear service information leads to more inquiries
• SEO Benefits - Service content helps with search engine rankings
• Professional Image - Well-organized services create trust

---

Before You Begin

To complete this tutorial, you should have:

1. Completed the Domain Setup Tutorial - Your domain must be configured
2. Completed the Content Sections Setup Tutorial - Core content should be ready
3. Access to your business dashboard at www.solodoer.com/dashboard
4. A list of services your business offers
5. Service descriptions, pricing, and details prepared
6. Images for each service (optional, but recommended)
   • Recommended format: PNG or JPEG
   • Recommended size: 800x600 pixels or larger
   • Keep file sizes under 1MB for faster loading

---

Accessing the Services App

To access the Services app:

1. Log in to your Solodoer Dashboard
2. Find your business card on the dashboard
3. Click the "Manage Apps" button on your business card
4. You'll be redirected to Manage Apps page
5. Click on the "Services" card to open the Services app
6. You'll be redirected to Services page

If you haven't added any services yet, you'll see an empty state with the message "No Service here" and instructions to click "Add Service" button.

---

Step 1: Creating Your First Service

Let's create your first service entry.

Navigate to Add Service Page

1. Go to the Services page
2. Click the "Add Service" button at the top
3. You'll be redirected to Manage Service page

Understanding the Service Form

The service form consists of one main card where you'll enter:

• Tag - Category or type for organizing services
• Title - Service name (3-25 characters)
• Pricing - Starting price currency, mode, and value
• Subtitle - Brief tagline or description (3-75 characters)
• Description - Detailed explanation of the service (3-250 characters)
• Bullet Points - Key highlights or features (3-5 points)
• Primary Media - Main image showcasing the service
• Media List - Additional gallery images (1-10 images required)
• FAQs - Frequently asked questions related to this service (1-10 FAQs required)

---

Step 2: Organizing Services with Tags

Tags help you categorize and organize your services by type, making it easier for visitors to browse related offerings.

What is a Tag?

A Tag is a label or category that groups related services together. For example:

• "Web Development" - All web-related services
• "Design" - Graphic design services
• "Consulting" - Advisory services
• "Marketing" - Marketing and advertising services
• "Support" - Maintenance and support services

Select or Create a Tag

On the Manage Service page, find the Tag field:

1. You'll see a button labeled "Choose Tag" or showing "No Tag Chosen" if no tag is selected yet
2. Click the "Choose Tag" button
3. The Tag Dialog will open with two tabs

Tab 1: Existing Tags

This tab displays all your existing tags:

• Selecting a Tag:

  1. Browse through the list of existing tags
  2. Click on any tag name to select it for your service
  3. The dialog will close and the tag will be assigned to your service

• Managing Tags:

  • Each tag has a three-dot menu icon on the right
  • Click the menu to Edit or Delete the tag
  • Edit opens the "Manage Tags" tab with the tag pre-filled
  • Delete removes the tag (only if not in use)

Tab 2: Manage Tags

This tab allows you to create new tags or edit existing ones:

1. Click the "Manage Tags" tab at the top
2. You'll see a form with:
   • Add Tag or Edit Tag heading (depending on whether you're editing)
   • Tag Name field (3-25 characters)
3. Enter your tag name
   • Examples: "Web Development", "Design", "Consulting", "Marketing", "Support"
4. Click "Save & Submit"
5. The tag will be created (or updated if editing)
6. You'll automatically return to the "Existing Tags" tab
7. Click on your newly created tag to select it for your service

Tag Best Practices:

• Use clear, descriptive tag names
• Group similar services under the same tag
• Avoid creating too many tags (5-10 tags is ideal)
• Use professional, industry-standard terms

---

Step 3: Adding Service Details

Now let's fill in the core information about your service.

Title

1. Find the Title field
2. Enter your service name (3-25 characters)

Title Writing Tips:

• Be specific and descriptive
• Use action-oriented language
• Include key benefits when possible
• Keep it concise and clear

Examples:

• Good: "Professional Website Design & Development"
• Bad: "Websites"
• Good: "Social Media Marketing Management"
• Bad: "Social Media"
• Good: "24/7 IT Support & Maintenance"
• Bad: "Support"

Pricing Information

Services include pricing details to help customers understand the cost structure.

Starting Price Currency

1. Find the Starting Price Currency field
2. Select a currency from the dropdown:
   • INR - Indian Rupee
   • USD - US Dollar
   • EUR - Euro

Tip: Choose the currency most relevant to your target market.

Starting Price Mode

1. Find the Starting Price Mode field
2. Select how your service is priced:
   • perHour - Hourly rate (e.g., for consulting, freelancing)
   • perDay - Daily rate
   • perWeek - Weekly rate
   • perMonth - Monthly subscription or retainer
   • perYear - Annual subscription
   • perQuotation - Custom quote based on requirements
   • perPackage - Fixed package pricing

Examples:

• Web design service: perPackage
• Monthly social media management: perMonth
• Consulting services: perHour
• Custom software development: perQuotation

Starting Price Value

1. Find the Starting Price Value field
2. Enter the price amount (1-10,000,000)

Examples:

• INR 5000 perPackage (Website Package starting at ₹5,000)
• USD 150 perHour (Consulting at $150/hour)
• USD 500 perMonth (Monthly retainer at $500/month)
• EUR 100 perQuotation (Starting from €100, custom quote)

Pricing Tips:

• Be transparent about your pricing
• Use "Starting at" language if prices vary
• For custom pricing, show a base rate
• Consider your market and competition
• Update prices regularly as needed

Subtitle

1. Find the Subtitle field
2. Enter a brief tagline or summary (3-75 characters)

Subtitle Writing Tips:

• Highlight the main benefit or value proposition
• Keep it short and punchy
• Use it to differentiate from similar services
• Make it complement the title

Examples:

Title: "Professional Website Design & Development" Subtitle: "Custom websites that drive results and engage your audience"

Title: "Business Strategy Consulting" Subtitle: "Expert guidance to grow your business and maximize profits"

Title: "Logo Design Services" Subtitle: "Unique, memorable logos that capture your brand identity"

Description

1. Find the Description field
2. Enter a comprehensive explanation of your service (3-250 characters)

Description Writing Tips:

Be Detailed and Informative:

• Explain what the service includes
• Highlight key features and benefits
• Describe the process or approach
• Mention deliverables or outcomes

Structure Your Description:

• Start with an overview
• List key features or what's included
• End with results or benefits

Use Persuasive Language:

• Focus on customer benefits
• Use specific details (not vague claims)
• Address customer pain points
• Create urgency or desire

Example Descriptions:

Service: Website Design & Development

"Transform your online presence with a custom-designed website that captures your brand and converts visitors into customers. Our comprehensive service includes responsive design, user-friendly navigation, SEO optimization, and mobile compatibility. We work closely with you throughout the entire process, from initial concept to launch, ensuring your website reflects your vision and meets your business goals. Includes up to 10 pages, contact forms, social media integration, and 30 days of post-launch support."

Service: Social Media Marketing Management

"Grow your brand and reach your target audience with professional social media management. We create engaging content, manage your profiles across all major platforms, respond to comments, and analyze performance metrics. Our data-driven approach ensures your social media presence generates real business results. Includes content calendar planning, 5 posts per week, community engagement, monthly analytics reports, and strategy optimization based on performance."

Service: Business Consulting

"Unlock your business's full potential with personalized consulting services from experienced industry experts. We analyze your current operations, identify growth opportunities, and develop actionable strategies to achieve your goals. Whether you're facing challenges with profitability, operations, marketing, or expansion, we provide practical solutions tailored to your unique situation. Includes initial assessment, strategic planning session, implementation roadmap, and 3 months of follow-up support."

Bullet Points

Add 3-5 key highlights about your service to make it easy for visitors to scan important features or benefits.

1. Find the Bullet Point section on the form
2. Click the "Add Bullet Point" button to add a new bullet point card
3. Each bullet point card shows:
   • A label "Bullet Point 1", "Bullet Point 2", etc.
   • An input field to enter your bullet point text (3-150 characters)
   • A delete button (trash icon) in the top-right corner
4. Type your bullet point directly in the input field
5. Click "Add Bullet Point" again to add more points
6. You must have a minimum of 3 and maximum of 5 bullet points

To Edit a Bullet Point:

• Simply click in the input field and type your changes directly

To Delete a Bullet Point:

• Click the delete button (trash icon) in the top-right corner of the bullet point card

Bullet Point Examples:

For Website Design Service:

• "Responsive design that works on all devices"
• "SEO-optimized for better search rankings"
• "30 days of free post-launch support"
• "Custom design tailored to your brand"
• "Fast loading times and performance"

For Consulting Service:

• "20+ years of industry experience"
• "Personalized strategies for your business"
• "Proven track record of results"
• "Flexible engagement models"
• "Free initial consultation"

For Social Media Management:

• "Daily posts across all major platforms"
• "Professional content creation"
• "Monthly analytics and reporting"
• "Community management included"
• "No long-term contracts required"

Bullet Point Best Practices:

• Keep each point short and scannable
• Start with benefits, not just features
• Use specific numbers when possible
• Focus on what matters to customers
• Make each point unique (avoid repetition)
• Use active, positive language

---

Step 4: Adding Media Images

Visual content helps showcase your services. Let's add images to make your services stand out.

Understanding Media Types

Primary Media:

• Main image representing your service
• Displayed prominently on your service card in all services
• Required for every service

Media List (Gallery):

• Additional images showcasing your service (1-10 images required)
• Use these to show multiple photos of your service from different angles or examples of your work

Add Primary Media

1. On the Manage Service page, find the Primary Media section
2. Click the "Choose Media" button
3. The Media Dialog will open

Understanding the Media Dialog:

The Media Dialog has two tabs:

Tab 1: Asset Manager

• Browse images already uploaded to your Asset Manager app
• Click on any image to select it for your service

Tab 2: Upload Files

• Upload new images directly from your computer
• Supported formats: PNG, JPEG
• Maximum file size: 1MB
• After upload completes, the image will be automatically selected

About Media and Asset Manager:

When you upload images in Services, they are automatically organized in your Asset Manager app under the "Services" folder. This means:

• All your service images are stored in one organized place
• You can reuse the same image in multiple services
• You can manage all your images later from the Asset Manager app

Tip: You don't need to worry about organizing files yourself - everything is automatically saved to the right folder.

Add Media List (Gallery)

After adding your primary media, add more images to your gallery (1-10 images required):

1. Find the Media List section on the form
2. Click the "Add Media" button to add images
3. Choose from existing images in the "Services" folder or upload new images
4. All uploads are automatically saved to the "Services" folder in Asset Manager
5. Select your images
6. Repeat to add more images (you must add at least 1 image, maximum 10 images)

When to Use Media List:

• Show before/after examples
• Display different angles or views
• Showcase variations or options
• Demonstrate features or components
• Present portfolio samples

Example:

For Web Design Service:

• Primary Media: Main hero image of a website
• Media List: Homepage, about page, contact page screenshots

For Product Service:

• Primary Media: Product in use
• Media List: Product details, packaging, different colors

For Consulting Service:

• Primary Media: Professional headshot or team photo
• Media List: Office, awards, client logos, process diagrams

---

Step 5: Linking FAQs to Services

Services must have related FAQs (1-10 FAQs required) to provide additional information and answer customer questions specific to that service.

Why Link FAQs to Services?

• Service-Specific Information - Answer questions unique to this service
• Reduce Support Inquiries - Provide instant answers
• Improve Conversions - Address concerns before they become objections
• Better User Experience - All information in one place

Prerequisites

Before linking FAQs, you need to:

1. Create FAQs in the FAQ app first
2. Ensure FAQs are relevant to the service

If you haven't created FAQs yet:

• Visit the FAQ Tutorial to learn how to create FAQs
• Add FAQs first, then come back to link them to services

Adding FAQs to Your Service

On the Manage Service page, find the FAQ List section:

1. Click the "Add FAQ" button
2. The FAQ Dialog will open showing all your existing FAQs
3. Click on any FAQ card to select it for your service
4. The dialog will close and the FAQ will be added to your service

FAQ Dialog Features:

Refresh Button:

• Located at the top left
• Click to reload the latest FAQs from the server
• Useful if you just created new FAQs in another tab

Add FAQ Button:

• Located at the top right
• Redirects you to the Add FAQ page
• Use this to create new FAQs without leaving the service form
• After creating a FAQ, return to the service form and click Refresh in the FAQ Dialog

Selecting FAQs:

• Browse the scrollable list of available FAQs
• Click on any FAQ card to select it
• Each FAQ card shows the question and has an edit option

Managing Selected FAQs

After selecting FAQs, they appear as cards in the FAQ List section:

Viewing Selected FAQs:

• Each FAQ shows as a card displaying the question
• Cards display in the order added

Removing FAQs:

• Click the delete button (trash icon) on any FAQ card to remove it

Adding More FAQs:

• Click the "Add FAQ" button again to add more
• You must have at least 1 FAQ and can have a maximum of 10 FAQs

---

Step 6: Save and Submit Your Service

After completing all fields, it's time to save your service.

Review Your Service

Before submitting, verify:

• Tag - Correctly categorized
• Title - Clear and descriptive (3-25 characters)
• Pricing - Currency, mode, and value selected
• Subtitle - Engaging tagline (3-75 characters)
• Description - Comprehensive and persuasive (3-250 characters)
• Bullet Points - 3-5 key highlights added
• Primary Media - Main image uploaded and selected
• Media List - Additional images added (1-10 images required)
• FAQs - Relevant FAQs linked (1-10 FAQs required)
• Character Limits - All fields meet requirements

Submit Your Service

1. At the top of the page, click the "Save & Submit" button
2. Your service will be saved to the server
3. You'll see a success message
4. You'll be redirected back to the Services page

---

Viewing Your Services

After creating services, you'll see them displayed on the Services page.

Service Card Display

Each service is displayed as a card showing:

• Service Image - The media you uploaded
• Tag Badge - The category label
• Title - Service name
• Subtitle - Brief description
• Description - Full description (truncated if long)
• Action Menu - Three-dot menu with Edit and Delete options

Searching Services

Use the search bar at the top to find specific services:

1. Type your search term in the search box
2. Services are filtered by title
3. Results update as you type

---

Managing Your Services

Editing a Service

To update an existing service:

1. Go to the Services page
2. Find the service card you want to edit
3. Click the three-dot menu icon on the card
4. Select "Edit" from the dropdown menu
5. You'll be redirected to the Manage Service page
6. All existing data will be pre-filled, including:
   • Selected tag
   • Service details (title, subtitle, description)
   • Pricing information (currency, mode, value)
   • Bullet points
   • Primary media
   • Media list
   • Linked FAQs
7. Make your changes
8. Click "Save & Submit" when done

When to Edit:

• Service details have changed
• Pricing or deliverables updated
• New features added to the service
• Description needs improvement
• Image needs updating
• Need to add or remove linked FAQs

Deleting a Service

To remove a service:

1. Go to the Services page
2. Find the service card you want to delete
3. Click the three-dot menu icon on the card
4. Select "Delete" from the dropdown menu
5. A Delete Dialog will appear
6. Review the service details in the dialog
7. Click "Confirm" to permanently delete

Warning: Deleting a service is permanent and cannot be undone.

When to Delete:

• Service is no longer offered
• Service has been replaced by a better offering
• Consolidating similar services
• Service was created by mistake

Note: Deleting a service does NOT delete the media images from Asset Manager. Images remain available for reuse in other services or apps.

---

Best Practices

Service Strategy

Start with Core Services:

• Focus on your main 5-10 services initially
• Add specialized services later as you grow
• Don't overwhelm visitors with too many options
• Highlight your most profitable or popular services

Keep Services Updated:

• Review services quarterly
• Update pricing and details when they change
• Remove discontinued services promptly
• Add new services as you expand offerings

Organize Effectively:

• Use tags to group related services
• Create a logical service hierarchy
• Make it easy for visitors to find what they need

Content Writing Tips

Titles:

• Be specific and descriptive
• Use keywords customers search for
• Include the type of service clearly
• Keep under 25 characters for best display

Subtitles:

• Highlight the unique value proposition
• Focus on benefits, not just features
• Create interest and curiosity
• Complement the title, don't repeat it

Descriptions:

• Lead with the most important information
• Use bullet points or short paragraphs
• Include specific deliverables
• Mention timeframes and scope
• Address common customer questions
• End with a clear call-to-action (implied or direct)

Tone:

• Professional yet approachable
• Confident but not boastful
• Customer-focused language
• Use "you" and "your" to address customers
• Avoid internal term words unless your audience expects it

Image Guidelines

Quality:

• Use high-resolution images (minimum 800x600)
• Ensure images are clear and professional
• Avoid blurry, pixelated, or low-quality images
• Keep file sizes under 1MB (compress if needed)

Relevance:

• Choose images that represent the service
• Use real photos when possible (not generic stock photos)
• Show results, outcomes, or the service in action
• Ensure images align with your brand

Consistency:

• Use similar styles across all service images
• Maintain consistent color schemes
• Use the same aspect ratio for uniformity
• Create a cohesive visual identity

FAQ Integration

When to Link FAQs:

• Service is complex or technical
• Common questions specific to this service
• Pricing or terms need clarification
• Process or timeline questions arise frequently

How Many FAQs to Link:

• 3-7 FAQs per service is ideal
• Focus on service-specific questions
• Don't duplicate general business FAQs
• Link the most frequently asked questions

FAQ Content:

• Keep answers service-specific
• Reference the service name in answers
• Update FAQs when service details change
• Remove irrelevant or outdated FAQs

---

Troubleshooting Common Issues

Issue: Cannot Save Service

Possible Causes:

• Required fields are empty
• Title, subtitle, or description exceeds character limits
• No tag selected
• No media selected
• Internet connection lost

Solutions:

1. Check that all required fields are filled
2. Verify character counts (Title: 3-25, Subtitle: 3-75, Description: 3-250)
3. Verify bullet points are between 3-5 length
4. Select a tag using the "Choose Tag" button
5. Select pricing currency, mode, and value
6. Upload and select primary media
7. Check your internet connection
8. Refresh the page and try again

Issue: Image Not Uploading

Possible Causes:

• File size too large
• Unsupported file format
• Internet connection issues
• Browser cache problems

Solutions:

1. Ensure image is under 1MB
2. Use only PNG or JPEG formats
3. Check internet connection
4. Try a different browser
5. Clear browser cache and cookies
6. Compress image before uploading
7. Try uploading a different image to test

Issue: FAQ Dialog Not Showing FAQs

Possible Causes:

• No FAQs created yet
• FAQs haven't loaded
• Internet connection issues

Solutions:

1. Click the Refresh button in the FAQ Dialog
2. Ensure you've created FAQs in the FAQ app first
3. Visit FAQ app to create FAQs
4. Return and click Refresh in the FAQ Dialog
5. Check your internet connection
6. Refresh the page

Issue: Tag Not Showing in Dialog

Possible Causes:

• Tags haven't loaded yet
• Tag was just created
• Internet connection issues

Solutions:

1. Switch to the "Existing Tags" tab if you're in "Manage Tags"
2. Wait a few seconds for tags to load
3. Check your internet connection
4. Close and reopen the Tag Dialog
5. Refresh the page

Issue: Service Not Appearing on Website

Possible Causes:

• Service not saved properly
• Browser cache showing old content
• DNS not configured
• Website not published

Solutions:

1. Verify service appears in the Services list
2. Clear browser cache or try incognito mode
3. Wait a few minutes for changes to propagate
4. Check DNS record status in Domain app
5. Check Website app status
6. Contact support if issue persists

---

Next Steps

Congratulations! You've successfully set up services for your Solodoer business.

Complete Your Website Setup

After adding services, you should complete the final mandatory step:

1. Website - Complete your website setup with a guided checklist
   • View Website Tutorial

The Website app includes a comprehensive checklist that guides you through verifying all mandatory apps (Domain, Content Sections, and Services) are properly configured.

Continue Enhancing Your Website

Consider adding these optional apps to enhance your business presence:

• FAQ Tutorial - Add frequently asked questions (you can then link them to services)
• Clients Tutorial - Manage your client directory
• Projects Tutorial - Showcase your portfolio
• Testimonials Tutorial - Display customer reviews
• Asset Manager Tutorial - Organize your media files

Optimize Your Services

1. Monitor Performance - Track which services get the most views
2. Update Regularly - Keep service information current
3. Add More Services - Expand offerings as your business grows
4. Gather Feedback - Ask customers about service clarity
5. Optimize for Search - Use keywords customers search for

Additional Resources

• Getting Started Guide - Complete overview of Solodoer
• Domain Setup Tutorial - Configure your domain and email
• Content Sections Tutorial - Set up your website content

---

Need Help?

If you're having trouble with Services setup or have questions:

• Contact Us: www.solodoer.com/contact-us
• Help Tutorials: View all tutorials

Our support team is here to help you succeed!

---

Next Tutorial: Website Setup