Solodoer Tutorials | Content Sections Setup

Last Updated: Oct 28, 2025

All Articles

Tutorials

Solodoer Tutorials | Content Sections Setup

Content Sections Setup Tutorial

The Content Sections app allows you to manage the core content areas of your Solodoer website. These sections tell your business story, showcase your values, and help visitors understand what makes your business unique.

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

What You'll Learn

In this tutorial, you'll learn how to:

Understand what Content Sections are and why they're important
Access the Content Sections app from your dashboard
Create and manage the Hero Section with engaging content
Set up the Who We Are section to introduce your business
Configure the Why Choose Us section to highlight your strengths
Build the How We Work section to explain your process
Upload and manage media assets for each section
View and verify your content sections

Understanding Content Sections

Content Sections are the core building blocks of your Solodoer website. They help you structure your website's content in a professional and engaging way.

The Four Main Sections

Your Solodoer website includes four essential content sections:

1. Hero Section

The Hero Section is the first thing visitors see when they land on your website. It's your chance to make a powerful first impression and capture attention immediately.

Key Elements:

Multiple content slides (1-5) with titles, subtitles, and images
Call-to-action (CTA) buttons that guide visitors
Content alignment options (left, center, or right)
Eye-catching visuals to engage visitors

Example Use Cases:

Showcase your main services or products
Highlight special offers or promotions
Display your business tagline and mission
Feature customer success stories

2. Who We Are Section

The Who We Are Section introduces your business to visitors. It helps them understand your background, values, and what your business is all about.

Key Elements:

Subtitle to introduce the section
Detailed description of your business
Bullet points highlighting key aspects
Supporting image or photo

Example Content:

Your company's history and background
Your team's expertise and experience
Your business philosophy and values
What sets you apart from competitors

3. Why Choose Us Section

The Why Choose Us Section convinces visitors to choose your business over competitors. It highlights your unique strengths, benefits, and value propositions.

Key Elements:

Subtitle to introduce your advantages
Compelling description of benefits
Bullet points with specific reasons
Visual representation of your value

Example Content:

Years of experience in your field
Quality guarantees and certifications
Customer satisfaction rates
Unique features or services
Awards and recognitions

4. How We Work Section

The How We Work Section explains your process, methodology, or workflow. It helps visitors understand what to expect when working with you.

Key Elements:

Subtitle to introduce your process
Description of your approach
Multiple process steps (3-10) with details
Visual icons or images for each step

Example Content:

Step-by-step service delivery process
Consultation and onboarding procedure
Project timeline and milestones
Quality assurance steps
Post-delivery support process

Why Are Content Sections Important?

First Impressions Matter - Well-crafted content sections create a professional image
Clear Communication - Organized sections help visitors quickly understand your business
Build Trust - Sharing your story and process builds credibility
Guide Visitors - Strategic content placement guides visitors toward taking action
SEO Benefits - Quality content improves search engine rankings
Brand Identity - Consistent messaging reinforces your brand

Before You Begin

To complete this tutorial, you should have:

Completed the Domain Setup Tutorial - Your domain must be configured first
Access to your business dashboard at www.solodoer.com/dashboard
Images ready for your sections (optional, but recommended)
- Recommended format: PNG or JPEG
- Recommended size: 800x600 pixels or larger
- Keep file sizes under 1MB for faster loading
Your business content prepared:
- Business description and story
- Value propositions and benefits
- Process or workflow steps
- Call-to-action messages

Accessing the Content Sections App

To access the Content Sections app:

Log in to your Solodoer Dashboard
Find your business card on the dashboard
Click the "Manage Apps" button on your business card
You'll be redirected to Manage Apps page
Click on the "Content Sections" card to open the Content Sections app
You'll be redirected to Content Sections page

If you haven't created content sections yet, you'll see an empty state with the message "Create Your First Content Section" and instructions to click "Manage Section" button.

Managing Content Sections

Once you're on the Content Sections page, click the "Manage Section" button to start creating or editing your content sections.

You'll be redirected to Manage Content Sections page where you can configure all four sections.

Step 1: Setting Up the Hero Section

The Hero Section is the most prominent part of your website. Let's create engaging hero content that captures attention.

Understanding Hero Content Structure

The Hero Section consists of:

Content Alignment - Where your content appears (left, center, or right)
Content List - Between 1 and 5 content slides
Each content slide includes:
- Title (3-25 characters)
- Subtitle (3-75 characters)
- Media (image)
- CTA buttons (1-2 call-to-action buttons)

Configure Content Alignment

On the Manage Content Sections page, locate the "Hero Section" card
Find the "Content Alignment" dropdown
Select your preferred alignment:
- Right - Content appears on the right side, image on the left
- Center - Content appears in the center, full-width
- Left - Content appears on the left side, image on the right

Tip: Center alignment works well for text-heavy content, while left/right alignment creates a more dynamic layout with images.

Add Hero Content

In the Hero Section card, find the "Content List" field
Click the "Add Content" button
The "Manage Hero Section Content" dialog will open

Fill Out Hero Content Details

In the dialog, you'll need to provide:

Title

Enter a compelling title (3-25 characters)
Keep it short, catchy, and action-oriented
Examples: "Welcome to [Your Business]", "Transform Your Business", "Expert Solutions"

Subtitle

Enter a descriptive subtitle (3-75 characters)
Explain your main value proposition
Examples: "We deliver exceptional results for your business", "Quality services tailored to your needs"

Media

This is where you'll add an image for your hero content. Click the "Choose Media" button to open the Media Dialog.

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 hero content

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 Content Sections, they are automatically organized in your Asset Manager app under the "Content Section" folder. This means:

All your content section images are stored in one organized place
You can reuse the same image in multiple sections
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.

Call-to-Action (CTA) Buttons

Add 1-2 CTA buttons to guide visitors:

Click the "Add" button in the CTA section
For each CTA, provide:
- Label - Button text (3-25 characters) (e.g., "Get Started", "Contact Us", "Learn More")
- Go To - Where the button leads:
  - Contact Us - Links to your contact form
  - Services - Links to your services page
To delete a CTA, click the "Delete" icon (trash icon) next to it
You must have at least 1 CTA and can have a maximum of 2 CTAs

CTA Best Practices:

Use action verbs: "Get Started", "Contact Us", "See Services"
Primary CTA: Most important action (e.g., "Get Started")
Secondary CTA: Alternative action (e.g., "Learn More")

Save Hero Content

After filling in all details, click "Save changes" button in the dialog
The dialog will close and your content will be added to the list
You'll see your hero content displayed in a card under the Content List field

Add Multiple Hero Content Slides (Optional)

You can add between 1 and 5 hero content slides:

Click the "Add Content" button again
Fill in details for another slide
Each slide will be displayed as a separate card
Slides will rotate on your website to create a dynamic hero section

Edit or Delete Hero Content

To manage existing hero content:

Edit Content:

Find the content card in the Content List
Click the three-dot menu icon on the card
Select "Edit Content" from the dropdown
The dialog will open with existing data pre-filled
Make your changes and click "Save changes"

Delete Content:

Find the content card in the Content List
Click the three-dot menu icon on the card
Select "Delete Content" from the dropdown
Confirm deletion
The content will be removed from the list

Important: You must have at least 1 hero content, so you cannot delete all content.

Step 2: Setting Up Who We Are Section

The Who We Are section introduces your business to visitors. Let's create compelling content that tells your story.

Understanding Who We Are Structure

This section includes:

Subtitle (3-75 characters) - Introductory text
Description (3-250 characters) - Detailed business description
Bullet Point List (3-5 points) - Key highlights
Media - Supporting image

Fill Out Who We Are Details

On the Manage Content Sections page, scroll to the "Who We Are" card:

Subtitle

Enter an engaging subtitle (3-75 characters)
Examples: "Your Trusted Partner Since 2010", "Passionate About Excellence", "Delivering Quality Since Day One"

Description

Provide a compelling business description (3-250 characters)
Tell your story briefly
Highlight your mission and values
Examples: "We are a team of dedicated professionals committed to delivering exceptional results. With years of experience and a passion for innovation, we help businesses achieve their goals through quality services and personalized solutions."

Bullet Points

Add 3-5 key highlights about your business:

Find the "Bullet Points" field
Click the "Add Bullet Point" button to add a new bullet point card
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
Type your bullet point directly in the input field
Click the "Add Bullet Point" button again to add more points
You must have a minimum of 3 and maximum of 5 bullet points

Examples:

"Over 10 years of industry experience"
"500+ satisfied clients worldwide"
"Award-winning customer service"
"Certified and licensed professionals"
"100% satisfaction guarantee"

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

Media

Add an image that represents your business:

Click the "Choose Media" button
The Media Dialog will open
Choose from existing images in the "Content Section" folder or upload a new image
When you upload files in this dialog, they are automatically saved to the "Content Section" folder in your Asset Manager app
Select your image to add it to the section

Image Suggestions:

Team photo
Office or workspace image
Business logo or brand imagery
Product or service photos

Step 3: Setting Up Why Choose Us Section

The Why Choose Us section highlights your competitive advantages. Let's showcase what makes your business special.

Understanding Why Choose Us Structure

This section includes:

Subtitle (3-75 characters) - Introductory text
Description (3-250 characters) - Explanation of benefits
Bullet Point List (3-5 points) - Specific advantages
Media - Supporting image

Fill Out Why Choose Us Details

On the Manage Content Sections page, scroll to the "Why Choose Us" card:

Subtitle

Enter a compelling subtitle (3-75 characters)
Examples: "What Sets Us Apart", "Your Success Is Our Priority", "Experience The Difference"

Description

Explain your unique value proposition (3-250 characters)
Focus on benefits, not just features
Examples: "We combine expertise, innovation, and dedication to deliver results that exceed expectations. Our customer-centric approach ensures personalized solutions tailored to your unique needs, backed by our commitment to quality and reliability."

Bullet Points

Add 3-5 reasons why customers should choose you:

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

Examples:

"24/7 customer support"
"Competitive pricing with no hidden fees"
"Fast turnaround times"
"Industry-leading quality standards"
"Personalized solutions for every client"
"Money-back satisfaction guarantee"

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

Media

Add an image that reinforces your value proposition:

Click the "Choose Media" button
The Media Dialog will open
Choose from existing images in the "Content Section" folder or upload a new image
Remember: Uploaded files are automatically organized in the "Content Section" folder of your Asset Manager
Select your image

Image Suggestions:

Quality certification badges
Award photos
Customer testimonial visuals
Team celebration or achievement photos
Before/after comparison images

Step 4: Setting Up How We Work Section

The How We Work section explains your process or methodology. Let's break down your workflow into clear, understandable steps.

Understanding How We Work Structure

This section includes:

Subtitle (3-75 characters) - Introductory text
Description (3-250 characters) - Overview of your process
Content List (3-10 steps) - Individual process steps
Each step includes:
- Title (3-25 characters)
- Subtitle (3-75 characters)
- Media (image)

Fill Out How We Work Details

On the Manage Content Sections page, scroll to the "How We Work" card:

Subtitle

Enter an introductory subtitle (3-75 characters)
Examples: "Our Simple Process", "How We Deliver Results", "Your Journey With Us"

Description

Explain your overall approach (3-250 characters)
Examples: "We follow a proven methodology designed to deliver exceptional results. Our streamlined process ensures transparency, efficiency, and quality at every stage, making it easy for you to achieve your goals with confidence."

Add Process Steps

In the How We Work card, find the "Content List" field
Click the "Add Content" button
The "Manage How We Work Content" dialog will open

Fill Out Process Step Details

For each step in your process:

Title

Enter a step title (3-25 characters)
Keep it concise and action-oriented
Examples: "Step 1: Consultation", "Discovery Phase", "Initial Assessment", "Project Planning"

Subtitle

Explain the step in detail (3-75 characters)
Examples: "We discuss your needs and goals", "Understanding your requirements and expectations", "Planning the best approach for your project"

Media

Add an icon or image for this step:

Click the "Choose Media" button
The Media Dialog will open
Choose from existing images in the "Content Section" folder or upload a new icon/image
All uploads are automatically saved to the "Content Section" folder in Asset Manager
Select your image

Image Suggestions:

Process icons (consultation, planning, execution, delivery)
Step number graphics (1, 2, 3, etc.)
Symbolic images representing each phase
Workflow diagrams

Save Process Step

After filling in all details, click "Save changes" button
The dialog will close and your step will be added to the list
You'll see your process step displayed as a card

Add Multiple Process Steps

You must add between 3 and 10 process steps:

Click the "Add Content" button again
Fill in details for the next step
Repeat until you've covered your entire process

Example Process Steps:

For a Consulting Business:

Initial Consultation - "We discuss your goals and challenges"
Assessment - "We analyze your current situation"
Strategy Development - "We create a customized plan"
Implementation - "We execute the plan with precision"
Monitoring & Support - "We track progress and provide ongoing support"

For a Web Development Business:

Discovery - "Understanding your vision and requirements"
Planning - "Creating wireframes and project roadmap"
Design - "Crafting beautiful and functional designs"
Development - "Building your website with quality code"
Testing - "Ensuring everything works perfectly"
Launch - "Making your website live"
Support - "Providing ongoing maintenance and updates"

Edit or Delete Process Steps

Edit a Step:

Find the step card in the Content List
Click the three-dot menu icon on the card
Select "Edit Content"
Update details and click "Save changes"

Delete a Step:

Find the step card in the Content List
Click the three-dot menu icon on the card
Select "Delete Content"
Confirm deletion

Important: You must have at least 3 process steps, so deletion may be restricted if you only have 3 steps.

Step 5: Save and Submit Your Content Sections

After completing all four sections, it's time to save your work.

Review Your Content

Before submitting, review all sections:

Hero Section - Check content alignment and content slides
Who We Are - Verify subtitle, description, bullet points, and image
Why Choose Us - Confirm advantages and benefits are clear
How We Work - Ensure all process steps are in the correct order

Submit Your Content Sections

At the top of the page, click the "Save & Submit" button
Your content sections will be saved to the server
You'll see a success message
You'll be redirected back to the Content Sections page

Viewing Your Content Sections

After saving, you'll see all your content sections displayed on the Content Sections page.

Content Sections Display

The page displays four cards showing your sections:

Hero Section Card

Content Alignment setting
All hero content slides with:
- Title and subtitle
- Media image
- CTA buttons

Who We Are Card

Subtitle
Description
Media image
Bullet points list

Why Choose Us Card

Subtitle
Description
Media image
Bullet points list

How We Work Card

Subtitle
Description
Process steps with title, subtitle, and media

Update Content Sections

To make changes to your content sections:

Go to the Content Sections page
Click the "Manage Section" button at the top
You'll be redirected to the Manage Content Sections page
All your existing content will be pre-filled in the form
Make your changes to any section
Click "Save & Submit" when done

Best Practices

Content Writing Tips

Hero Section:

Keep titles short and punchy (under 15 characters is ideal)
Use action-oriented language in CTAs
Showcase your most compelling message first
Use high-quality, relevant images
Test different content alignments to see what looks best

Who We Are:

Be authentic and personal
Share your story, not just facts
Use concrete examples and achievements
Show, don't just tell (e.g., "10 years experience" vs. "experienced")

Why Choose Us:

Focus on benefits, not features
Use specific numbers and statistics when possible
Address customer pain points
Make it about the customer, not just your business
Provide proof (certifications, awards, testimonials)

How We Work:

Keep steps simple and clear
Use consistent numbering or naming
Avoid internal technical terms
Show transparency in your process
Highlight what makes your process unique

Image Guidelines

Quality:

Use high-resolution images (minimum 800x600 pixels)
Ensure images are clear and professional
Avoid blurry or pixelated images
Keep file sizes under 1MB for fast loading

Consistency:

Use similar color schemes across images
Maintain consistent style (illustrations vs. photos)
Ensure images align with your brand
Use proper aspect ratios

Relevance:

Choose images that support your message
Avoid generic stock photos when possible
Use authentic photos of your team, office, or work
Ensure images are appropriate for your industry

Content Strategy

Regular Updates:

Review content sections every 3-6 months
Update statistics and achievements
Refresh images periodically
Adjust messaging based on customer feedback

Consistency:

Maintain consistent tone across all sections
Align content with your brand voice
Use similar language and terminology
Ensure all information is up-to-date

User-Focused:

Write for your target audience
Address their needs and concerns
Use language they understand
Make it easy to scan and read

SEO Considerations:

Use relevant keywords naturally
Include your location if you're a local business
Mention your industry and services
Keep descriptions informative and comprehensive

Troubleshooting Common Issues

Issue: Cannot Save Content Sections

Possible Causes:

Required fields are empty
Content exceeds character limits
Internet connection lost
Session expired

Solutions:

Check that all required fields are filled
Verify character counts meet requirements
Check your internet connection
Refresh the page and try again
If session expired, log out and log back in

Issue: Images Not Uploading

Possible Causes:

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

Solutions:

Ensure image is under 1MB
Use only PNG or JPEG formats
Check internet connection
Try a different browser
Clear browser cache and cookies
Compress image before uploading

Issue: Content Not Appearing on Website

Possible Causes:

Content not saved and submitted
DNS records not configured
Browser cache showing old content
Website not published or activated

Solutions:

Verify you clicked "Save & Submit"
Check DNS record status in Domain app
Clear browser cache or try incognito mode
Wait a few minutes for changes to propagate
Check Website app status in website app

Issue: Media Dialog Not Opening

Possible Causes:

Browser popup blocker
JavaScript disabled
Browser compatibility issues
Page loading errors

Solutions:

Disable popup blockers for Solodoer
Enable JavaScript in browser settings
Try a different browser (Chrome, Firefox, Safari recommended)
Refresh the page
Clear browser cache

Issue: Cannot Add More Hero Content or Process Steps

Error Message: "Contents must be between X and Y length"

What This Means:

Hero Section: Limited to 1-5 content slides
How We Work: Limited to 3-10 process steps

Solutions:

Check how many content items you currently have
If at maximum, delete unnecessary items first
Focus on quality over quantity
Prioritize the most important content

Issue: Bullet Points Not Saving

Possible Causes:

Exceeded 5 bullet point limit
Character limit exceeded (3-150 characters)
Not clicking "Save changes" in dialog

Solutions:

Ensure you have 3-5 bullet points (not more, not less)
Check each bullet point is within character limits
Click "Save changes" in the dialog before closing
If dialog closes accidentally, re-enter the content

Next Steps

Congratulations! You've successfully set up your Content Sections in Solodoer. Your website now has engaging content that tells your business story.

What to Do Next

After completing the Content Sections setup, you should move on to the next mandatory app:

Services - Add the services your business offers
- View Services Tutorial
Website - Complete your website setup with a guided checklist
- View Website Tutorial

Additional Resources

Getting Started Guide - Complete overview of Solodoer
Domain Setup Tutorial - Configure your domain and email
Asset Manager Tutorial - Manage your media files

Need Help?

If you're having trouble with Content Sections 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: Services Setup