Here is a simple, instruction-based documentation in the WEB.devad.io dashboard:

Table of Contents

Settings → Theme

This section allows you to choose the visual layout and style of your website’s homepage. Each theme is designed for a specific type of business or purpose.

How to Change Your Theme

From the left sidebar, go to Settings.
Click on Themes.
You’ll see 14 theme options displayed as thumbnails.
Click the radio button under the theme you want to use.
Scroll down and click Update to save your selection.

Theme Types and Their Uses

Theme Number	Name	Best For
Theme One	Corporate	Professional companies, consulting firms
Theme Two	Business	General small/medium businesses
Theme Three	Agency	Marketing, design, or creative agencies
Theme Four	IT (Light & Dark)	Technology firms, software developers
Theme Five	Lawyer	Law firms, legal consultants
Theme Six	Industry	Manufacturing, engineering, industrial firms
Theme Seven	E-commerce Store v1	Online retail stores (first layout style)
Theme Eight	Online Course	Educational platforms, course instructors
Theme Nine	Hotel	Hotels, resorts, accommodation services
Theme Ten	Charity	Non-profits, donation campaigns, NGOs
Theme Eleven	Portfolio	Freelancers, employees, personal showcases
Theme Twelve	Blog	Writers, journalists, content creators
Theme Thirteen	E-commerce Store v2	Online retail stores (second layout style)
Theme Fourteen	(Currently Active)	Default selection (as shown in your file)

💡 Tip: Choose the theme that best matches your brand identity and the primary goal of your website.

Settings → Favicon

Use this section to upload or update your website’s favicon (the small icon displayed in browser tabs and bookmarks).

How to Update Your Favicon

From the left sidebar, go to Settings → Favicon.
You’ll see a preview of your current favicon.
Click Choose File to select a new image from your device.

Accepted format: .png, .ico, or .jpg
Recommended size: 32×32 or 64×64 pixels

Click Update to save your changes.

💡 The new favicon may take a few minutes to appear in browsers due to caching.

Settings → General Settings

This section lets you configure essential information about your website, including title, timezone, language, currency, and email verification behavior.

How to Update General Settings

Go to Settings → General Settings.
Fill in or update the following sections:

Website Information

Website Title: Enter the name of your site (e.g., “My Business”).
Timezone: Choose your local timezone from the dropdown list.
Email Verification Status:
Active: New users must verify their email after registration.
Deactive: Skip email verification during signup.

Dashboard Language

Select your preferred admin dashboard language:
English
Arabic (عربي)

⚠️ This setting affects only the admin panel—not the public website.

Currency Settings

Base Currency Symbol: e.g., $, €, £
Symbol Position: Left (e.g., $10) or Right (e.g., 10$)
Base Currency Text: e.g., USD, EUR
Currency Text Position: Left or Right
Base Currency Rate: Set conversion rate if using a non-USD base (e.g., 1 USD = 0.93 EUR)

Scroll down and click Update to save all changes.

✅ All fields marked with * or ** are required.

Settings → Email Settings

This section allows you to configure how your website sends emails — including sender details and customizable email content for different user actions.

1. Mail Information (for Subscribers)

Use this to set the “From” address and name used in all automated emails sent to subscribers (e.g., newsletters, updates).

How to Update Mail Information

Go to Settings → Email Settings → Mail Information.
Fill in:

Reply To: The email address recipients will reply to (e.g., [email protected]).
From Name: The display name shown in the recipient’s inbox (e.g., ams for it).

Click Save.

✅ Both fields are required (** indicates mandatory).

2. Mail Templates

Customize the subject and body of automated emails triggered by specific actions on your site (e.g., order confirmation, password reset).

Available Email Types

#	Email Type
1	Email Verification
2	Product Order
3	Reset Password
4	Room Booking
5	Payment Received
6	Payment Cancelled
7	Course Enrolment
8	Course Enrolment Approved
9	Course Enrolment Rejected
10	Donation
11	Donation Approved

How to Edit a Mail Template

Go to Settings → Email Settings → Mail Templates.
Find the email type you want to edit and click Edit.
On the edit page:

Mail Subject: Enter the subject line (supports plain text).
Mail Body: Use the rich text editor to design your email.
- You can insert dynamic placeholders (called Short Codes) like:
- {customer_name} → Recipient’s name
- {verification_link} → Unique verification URL
- {website_title} → Your site’s title from General Settings

Click Update to save.

Here is a clear, structured explanation of each Mail Template type in WEB.devad.io, including:

How to reach it
Purpose / When it’s sent
Available short codes (placeholders)
Example usage

🔹 1. Email Verification

How to reach:
Settings → Email Settings → Mail Templates → Edit "email verification"
When sent:
When a new user registers and email verification is active.
Short Codes:
{customer_name} → Recipient’s full name
{verification_link} → Unique URL to verify email
{website_title} → Your site name (from General Settings)
Example Subject:
Verify your email for {website_title}
Example Body Snippet:

  Hi {customer_name},<br>
  Please click the link below to verify your account:<br>
  <a href="{verification_link}">Verify Now</a>

🔹 2. Product Order

How to reach:
Settings → Email Settings → Mail Templates → Edit "product order"
When sent:
After a customer places an order in your e-commerce store.
Short Codes:
{customer_name}
{website_title}
Note: No order-specific details (like items or total) are currently supported as short codes.
Example Subject:
Thank you for your order, {customer_name}!
Example Body:

  Dear {customer_name},<br>
  Your order has been received on {website_title}. We’ll process it soon!

🔹 3. Reset Password

How to reach:
Settings → Email Settings → Mail Templates → Edit "reset password"
When sent:
When a user requests to reset their password.
Short Codes:
{customer_name}
{password_reset_link} → Secure password reset URL
{website_title}
Example Subject:
Password Reset Request – {website_title}
Example Body:

  Hello {customer_name},<br>
  Click below to reset your password:<br>
  <a href="{password_reset_link}">Reset Password</a>

🔹 4. Room Booking

How to reach:
Settings → Email Settings → Mail Templates → Edit "room booking"
When sent:
After a user books a room in your hotel system.
Short Codes:
{customer_name}
{website_title}
{booking_number}
{booking_date}
{number_of_night}
{check_in_date}
{check_out_date}
{number_of_guests}
{room_name}, {room_type}, {room_rent}, {room_amenities}
Example Subject:
Booking Confirmation #{booking_number}
Example Body:

  Hi {customer_name},<br>
  Your booking at {website_title} is confirmed!<br>
  Room: {room_name} ({room_type})<br>
  Check-in: {check_in_date} | Check-out: {check_out_date}<br>
  Nights: {number_of_night} | Guests: {number_of_guests}

🔹 5. Payment Received

How to reach:
Settings → Email Settings → Mail Templates → Edit "payment received"
When sent:
When a payment is successfully processed (e.g., for orders, donations, bookings).
Short Codes:
{customer_name}
{website_title}
Example Subject:
Payment Received – Thank You!
Example Body:

  Dear {customer_name},<br>
  We’ve received your payment on {website_title}. Thank you!

🔹 6. Payment Cancelled

How to reach:
Settings → Email Settings → Mail Templates → Edit "payment cancelled"
When sent:
If a payment fails or is canceled.
Short Codes:
{customer_name}
{website_title}
Example Subject:
Your Payment Was Cancelled
Example Body:

  Hi {customer_name},<br>
  Your recent payment on {website_title} was not completed. Please try again.

🔹 7. Course Enrolment

How to reach:
Settings → Email Settings → Mail Templates → Edit "course enrolment"
When sent:
When a user enrolls in a course (before admin approval, if required).
Short Codes:
{customer_name}
{website_title}
Example Subject:
Enrolment Request Received
Example Body:

  Hello {customer_name},<br>
  Your enrolment request for a course on {website_title} has been submitted.

🔹 8. Course Enrolment Approved

How to reach:
Settings → Email Settings → Mail Templates → Edit "course enrolment approved"
When sent:
When an admin approves a pending course enrolment.
Short Codes:
{customer_name}
{website_title}
Example Subject:
Your Course Enrolment Is Approved!
Example Body:

  Great news, {customer_name}!<br>
  Your enrolment on {website_title} has been approved. You can now access your course.

🔹 9. Course Enrolment Rejected

How to reach:
Settings → Email Settings → Mail Templates → Edit "course enrolment rejected"
When sent:
When an admin rejects a course enrolment.
Short Codes:
{customer_name}
{website_title}
Example Subject:
Enrolment Request Not Approved
Example Body:

  Hi {customer_name},<br>
  Unfortunately, your enrolment request on {website_title} was not approved.

🔹 10. Donation

How to reach:
Settings → Email Settings → Mail Templates → Edit "donation"
When sent:
When a user submits a donation (before approval, if enabled).
Short Codes:
{donor_name} → Name of the donor
{cause_name} → Title of the donation cause
{website_title}
Example Subject:
Thank You for Your Support, {donor_name}!
Example Body:

  Dear {donor_name},<br>
  Thank you for donating to "{cause_name}" on {website_title}.

🔹 11. Donation Approved

How to reach:
Settings → Email Settings → Mail Templates → Edit "donation approved"
When sent:
When a pending donation is approved by admin.
Short Codes:
{donor_name}
{cause_name}
{website_title}
Example Subject:
Your Donation Has Been Approved
Example Body:

  Hello {donor_name},<br>
  Your generous donation to "{cause_name}" on {website_title} has been approved. Thank you!

✅ Tips:

Always include relevant short codes—they are replaced automatically with real data.
Use the rich text editor to format emails professionally.
Test templates after editing to ensure links and placeholders work.

💡 Tip: Always include {verification_link} in the Email Verification template — it’s essential for account activation.

🔄 Use the Back button to return to the templates list without saving.

Settings → Logo

Upload or update your website’s main logo (used in headers, footers, etc.).

How to Update Your Logo

Go to Settings → Basic Settings → Logo.
Click Choose File to upload a new image.

Accepted formats: JPG, JPEG, PNG

Click Update.

📌 The current logo appears as a preview. If none is set, you’ll see a placeholder (noimage.jpg).

Set the background image for the breadcrumb area (the navigation trail shown on inner pages).

Navigate to Settings → Breadcrumb.
Upload an image using the file selector.

Only image files (JPG, PNG, etc.) are accepted.

Click Update.

💡 This image appears behind page titles like “Services” or “Contact”.

Settings → Preloader

Upload a custom loading animation (preloader) that appears while your site loads.

How to Set a Preloader

Go to Settings → Preloader.
Upload your preloader image (e.g., animated GIF or static PNG).

Accepted: JPG, JPEG, PNG

Click Update.

⏳ This image displays briefly before the full page loads.

Settings → Color Settings

Customize your site’s primary and secondary brand colors.

How to Change Colors

Visit Settings → Basic Settings → Color Settings.
Use the color picker or enter HEX values:

Base Color: Main theme color (buttons, highlights)
Secondary Color: Accent or complementary color

Click Update.

🎨 Example: ff4a17 = orange-red. Leave blank to use default theme colors.

Settings → Custom CSS

Add your own CSS code to override default styles without touching core files.

How to Add Custom CSS

Go to Settings → Basic Settings → Custom CSS.
In the code editor, write pure CSS—do not include <style> tags.

Syntax highlighting and line numbers are enabled.

Click Update to save.

✅ Example:

.btn-primary { border-radius: 20px; }

Enable and customize the GDPR/privacy compliance banner for cookie consent.

Navigate to Settings → Basic Settings → Cookie Alert.
Set the following:

Status:
- Active: Shows the cookie notice to visitors
- Deactive: Hides it
Button Text: e.g., “Accept”, “Allow Cookies”
Alert Text: Explain why you use cookies (supports rich text)

Click Update.

🍪 Example Alert Text:
“Your experience on this site will be improved by allowing cookies.”

Settings → Plugins

This section lets you integrate third-party tools to enhance your website’s functionality — from analytics and security to live chat and social engagement.

🔹 1. Google Analytics

Purpose: Track visitor behavior, traffic sources, page views, and user engagement.

How to Set Up

Go to Settings → Basic Settings → Plugins.
Under Google Analytics:

Set Status to Active.
Enter your Measurement ID (e.g., G-XXXXXXXXXX from your Google Analytics 4 property).

Click Update.

📊 You’ll start seeing real-time data in your Google Analytics dashboard.

🔹 2. Google reCAPTCHA

Purpose: Protect forms (login, contact, registration) from spam bots.

How to Set Up

In the Google reCAPTCHA card:

Set Status to Active.
Enter your Site Key and Secret Key (get these from Google reCAPTCHA Admin).
- Use reCAPTCHA v2 (Checkbox) or v3 as supported.

Click Update.

✅ Users will see a “I’m not a robot” checkbox on forms when enabled.

🔹 3. Disqus

Purpose: Add a powerful, threaded comment system to blog posts or pages.

How to Set Up

Under Disqus:

Set Status to Active.
Enter your Disqus Short Name (found in your Disqus admin panel under Settings > Community).

Click Update.

💬 Comments will appear below content where Disqus is embedded.

🔹 4. WhatsApp

Purpose: Let visitors contact you instantly via WhatsApp (floating button + optional popup).

How to Set Up

In the WhatsApp section:

Set WhatsApp Status to Active.
Enter your WhatsApp Number with country code (e.g., +963912345678).
Set a Header Title (e.g., “Chat with us”).
Optionally enable Popup Message and enter a greeting (e.g., “Hi! How can we help?”).

Click Update.

📱 A WhatsApp icon will appear on your site; clicking it opens a chat in the user’s WhatsApp app.

🔹 5. Facebook Pixel

Purpose: Track conversions, optimize ads, and build remarketing audiences on Facebook/Meta.

How to Set Up

Under Facebook Pixel:

Set Status to Active.
Enter your Pixel ID (found in Meta Events Manager → Data Sources).

Click Update.

🎯 Essential if you run Facebook ad campaigns — tracks purchases, sign-ups, and page views.

🔹 6. Tawk.to

Purpose: Embed a free live chat widget for real-time customer support.

How to Set Up

In the Tawk.to card:

Set Status to Active.
Paste your Direct Chat Link (e.g., https://tawk.to/chat/XXXXXXX/default).
- Get this from your Tawk.to dashboard under Administration > Channels.

Click Update.

💬 Visitors can message you directly without leaving your site.

✅ Tips

Always test plugins after activation (e.g., check if reCAPTCHA appears on forms).
Keep API keys private — never share them publicly.
Some plugins (like WhatsApp or Tawk.to) may require your site to be publicly accessible (not localhost) to work properly.

Add and manage links to your social media profiles (e.g., Facebook, Twitter, LinkedIn) that appear on your website — typically in the header, footer, or contact sections.

Go to Settings → Basic Settings → Social Links.
In the Add Social Link panel:

Icon: Click the dropdown button next to the heart icon to open the icon picker.
→ Select a Font Awesome icon that matches your platform (e.g., fab fa-facebook, fab fa-instagram).
URL: Enter the full web address of your social profile (e.g., https://facebook.com/yourpage).
Serial Number: Assign a number to control display order.
→ Lower numbers appear first; higher numbers appear later.

Click Submit.

✅ All fields marked with ** are required.

In the Social Links table:
Click the Edit (pencil) icon to modify an existing link.
Click the Delete (trash) icon to remove it permanently.

🔄 After editing or deleting, changes reflect immediately on your live site.

Tips

Use official profile URLs to ensure links work correctly.
Common icons:
Facebook: fab fa-facebook
Instagram: fab fa-instagram
LinkedIn: fab fa-linkedin
Twitter/X: fab fa-x-twitter or fab fa-twitter
YouTube: fab fa-youtube
Reorder links anytime by updating the Serial Number.

Settings → SEO Informations

Optimize your website for search engines by setting custom meta keywords and meta descriptions for each major page. This helps improve visibility in Google and other search engines.

How to Update SEO Information

Go to Settings → Basic Settings → SEO Informations.
You’ll see fields for multiple pages (Home, Blog, Services, etc.).
For each page:

Meta Keywords: Enter relevant, comma-separated keywords (e.g., web design, responsive website, Syria).
Meta Description: Write a short, compelling summary (50–160 characters) that describes the page content.

Scroll to the bottom and click Update to save all changes.

✅ All fields are optional but highly recommended for better SEO.

Page-Specific Guidance

Page	Purpose	SEO Tips
Home Page	Main landing page	Include brand name, core services, and location (e.g., “IT solutions in Aleppo”)
Blog Page	List of blog posts	Use terms like “latest articles,” “tech insights,” or “industry news”
Services Page	Overview of your offerings	List key service names as keywords
Portfolios Page	Showcase of work/projects	Use “portfolio,” “case studies,” “projects in [industry]”
Jobs Page	Career opportunities	Keywords: “careers,” “join our team,” “job openings in [city]”
Team Page	Staff profiles	“Our team,” “experts in [field],” “leadership”
FAQ Page	Frequently asked questions	“Common questions,” “support,” “help center”
Contact Page	Contact form & info	“Contact us,” “[Company] support,” phone/email details
Shop Page	Product listings (e-commerce)	“Online store,” “buy [product type],” “best prices”
Item Details Page	Individual product pages	Use product name, model, category, and features
Cart Page	Shopping cart	Usually low SEO priority; keep simple if needed
Checkout Page	Payment process	Not indexed by search engines — optional
Login / Signup Pages	User authentication	Typically not public — meta tags rarely used
Rooms Page	Hotel room listings	“Book rooms in [city],” “luxury accommodation,” “hotel deals”
Rooms Details Page	Specific room info	Include room type, amenities, price range
Course Page	List of courses	“Online courses,” “enroll now,” “[topic] training”
Course Details Page	Individual course info	Use course title, duration, instructor, outcomes

Best Practices

Meta Description: Write like an ad — clear, engaging, and under 160 characters.
Keywords: Avoid stuffing. Use 3–8 relevant terms per page.
Uniqueness: Each page should have unique meta data to avoid duplicate content issues.
Language: Match the language of your website content.

💡 Example (Home Page):
Meta Keywords: web development, Syria, IT company, Aleppo
Meta Description: Professional web development services in Aleppo, Syria. Build fast, secure, and modern websites with our expert team.

After saving, your changes will be embedded in the <head> section of each page automatically.

Home → Hero Section (Static Version)

The Hero Section is the large banner area at the top of your homepage. In Static Version, you can upload images and add titles, subtitles, and call-to-action buttons without using sliders or animations.

This layout supports up to three content blocks, each with its own image, headline, subtitle, and button.

How to Update the Static Hero Section

Go to Home → Hero Section
Use the language selector (top-right) to choose the language you’re editing (e.g., English).
For each of the three blocks, configure the following:

Block 1 (Left)

Image: Upload a main visual (JPG/PNG). Appears on the left or top depending on theme.
Title: Main heading (e.g., “Welcome to Our Company”)
Toper Subtitle: Optional short line above the title (rarely used — may be theme-specific)
Lower Subtitle: Supporting text below the title
Button Name: Text shown on the button (e.g., “Get Started”)
Button URL: Link where the button leads (e.g., /contact, https://example.com)

Block 2 (Center)

Same fields as Block 1:
Second Image
Second Title
Second Subtitle
Second Button Name & URL

Block 3 (Right)

Same structure:
Third Image
Third Title
Third Subtitle
Third Button Name & URL

✅ Note: Not all themes display all three blocks. Some may show only one or two. Check your selected Theme under Settings → Themes.

After filling in your content, click Update.

Best Practices

Use high-quality, compressed images (recommended size: 800×600 or similar).
Keep titles short and impactful.
Ensure button URLs are valid (start with http://, https://, or use relative paths like /services).
Leave unused blocks empty if your theme doesn’t support them — they’ll be ignored.

🖼️ If no image is uploaded, a placeholder (noimage.jpg) will appear.

Home → Home Sections

Customize the titles and content of key sections displayed on your website’s homepage. This page allows you to edit text labels and upload images for various dynamic blocks—ideal for e-commerce or multi-service sites.

💡 Note: You can switch languages using the dropdown in the top-right corner (e.g., English, Arabic).

How to Update Home Sections

Go to Home → Home Sections.
Use the language selector to choose the version you want to edit.
Edit any of the available sections below:
Click Update to save all changes.

Available Sections & Fields

🔹 Flash Sale Section

Field: Flash Sale Section Title
Purpose: Sets the headline above flash sale countdowns or limited-time offers.

🔹 Categories Section

Field: Categories Section Title
Purpose: Title shown above product/service categories (e.g., “Shop by Category”).

🔹 Featured Item Section

Field: Featured Item Section Title
Purpose: Label for highlighted products or services (e.g., “Trending Now”).

🔹 Featured Category Items Section

Field: Featured Category Item Section Title
Purpose: Header for items grouped under a specific featured category.

🔹 Top Rated Item Section

Fields:
Top Rated Item Section Title – e.g., “Customer Favorites”
Top Rated Item Section Image – Upload a supporting visual (JPG/PNG)
Image Title – Overlay text on the image
Button Name – Call-to-action label (e.g., “View FAQ”)
Button Link – URL the button leads to (e.g., /faq)

📌 Despite the field names (featured_course_section_title, faq_section_title), these are reused generic inputs — just enter the appropriate text for your context.

🔹 On Sale Section

Fields:
On Sale Section Title – e.g., “Special Deals”
On Sale Section Image – Background or promotional banner
On Sale Image Subtitle – Short description under the title
On Sale Image Button Name – e.g., “Shop Now”
On Sale Image Button Link – Destination URL (e.g., /shop?on_sale=1)

✅ All image uploads support JPG, JPEG, and PNG formats. A placeholder (noimage.jpg) appears if no image is set.

Best Practices

Keep titles short, clear, and action-oriented.
Use consistent branding in subtitles and button text.
Ensure button links are valid (start with http://, https://, or use relative paths like /products).
Preview your homepage after saving to confirm layout alignment.

Home → Features

The Features section allows you to highlight key services, values, or selling points of your business on the homepage using icons, titles, and short descriptions.

Each feature appears as a card (often in a grid) and can be reordered using serial numbers.

How to Add a New Feature

Go to Home → Features.
Click the Add Feature button (top-right).
In the popup modal:

Language: Select the language (e.g., English).
Icon: Upload an image (JPG/PNG) to represent the feature (e.g., a custom icon or illustration).
> 📌 Note: Despite the label “Icon,” this field accepts image files—not Font Awesome icons.
Title: Enter a short headline (e.g., “Fast Delivery”).
Text: Write a brief description (1–2 sentences).
Serial Number: Assign a number to control display order.
→ Lower numbers appear first; higher numbers appear later.

Click Submit.

✅ All fields marked with ** are required.

How to Edit or Delete a Feature

In the Features table:
Click Edit to modify title, text, icon, or serial number.
Click Delete to remove the feature permanently.

🔄 Changes reflect immediately on your live homepage.

Best Practices

Use consistent icon sizes (recommended: 80×80 px or square format).
Keep titles under 3 words and descriptions under 20 words for clarity.
Use serial numbers sequentially (e.g., 1, 2, 3) to avoid layout gaps.
Ensure uploaded images have transparent or matching backgrounds for visual harmony.

💡 Example Feature:
Title: 24/7 Support
Text: Our team is always ready to assist you anytime, anywhere.
Icon: support-icon.png

Home → Offer Banner

Use the Offer Banner section to promote special deals, announcements, or calls-to-action on your homepage with a customizable image banner and overlay text.

You can place banners at the top or bottom of the homepage.

How to Add an Offer Banner

Go to Home → Offer Banner.
Click the Add Banner button (top-right).
In the popup modal:

Language: Select the language (e.g., English).
Image: Upload a promotional image (JPG/PNG). Recommended size: 1920×400 px (full-width banner).
Text 1: Main headline (e.g., “Summer Sale!”).
Text 2: Supporting subtitle (e.g., “Up to 50% off on all services”).
Button Name: Call-to-action label (e.g., “Shop Now”).
Url: Destination link (e.g., /shop, https://example.com/deal).
Position: Choose where the banner appears:
- Top: Above main content
- Bottom: Below main content

Click Submit.

✅ All fields marked with ** are required.

How to Edit or Delete a Banner

In the Offer Banner table:
Click Edit to update text, image, URL, or position.
Click Delete to remove the banner permanently.

🔄 Changes appear immediately on your live homepage.

Best Practices

Use high-resolution, eye-catching images with minimal text (since you add text separately).
Keep Text 1 short (3–5 words) and Text 2 concise (under 10 words).
Ensure the button URL is valid and leads to a relevant page.
Avoid adding multiple banners in the same position—only one will display per position.

💡 Example:
Text 1: Flash Sale!
Text 2: Ends in 24 hours
Button Name: Grab Deal
URL: /products?on_sale=1
Position: Top

Home → Sections Hide/Show

Control which sections appear on your homepage by toggling them Active or Deactive. This gives you full layout flexibility without editing code.

💡 All changes apply immediately after clicking Update.

How to Customize Section Visibility

Go to Home → Sections Hide / Show.
For each section, select:

Active: The section will be visible on your homepage.
Deactive: The section will be hidden.

Click Update to save your preferences.

Available Sections & Descriptions

Section	Purpose
Features Section	Displays your key service highlights (icons + text from Home → Features).
Flash Sale Items Section	Shows time-limited deals or discounted products.
Offer Banner Section (Top)	Displays an offer banner at the top of the homepage (configured in Home → Offer Banner with position = “Top”).
Featured Categories Section	Lists main product/service categories with images or icons.
Feature Items Section	Highlights specific products or services marked as “featured.”
Featured Category Items Section	Shows items grouped under a featured category.
Top Rated Items Section	Displays customer-favorite or highest-rated products/services.
Offer Banner Section (Bottom)	Shows an offer banner at the bottom of the homepage (position = “Bottom”).
On Sale Section	Promotes products currently on discount or special pricing.
Top Footer Section	The upper part of the footer (often includes contact info, newsletter, or links).
Copyright Section	The bottom bar containing copyright text and legal info.

✅ By default, most sections are Active. You can disable any section that doesn’t suit your business model (e.g., hide “Flash Sale” if you don’t run promotions).

Best Practices

Disable unused sections to improve page load speed and reduce clutter.
Ensure at least one call-to-action section remains active (e.g., Features or Offer Banner).
After hiding a section, verify your homepage layout on both desktop and mobile.

Services

Use this section to create and manage service offerings displayed on your website (e.g., “Web Design,” “Consulting,” “IT Support”). Each service can include an image, description, SEO metadata, and optional detail page.

How to Add a New Service

Go to Service Page → Services.
Click Add Service (top-right).
In the modal form:

Language: Select the content language (e.g., English).
Image: Upload a representative image (PNG/JPG). Recommended size: 400×300 px.
Name: Enter the service title (e.g., “Digital Marketing”).
Content: Write a detailed description using the rich text editor.
Serial Number: Assign a number to control display order
→ Lower numbers appear first.
Detail Page:
- Enable: Creates a dedicated page (/service/name) with full content.
- Disable: Shows only summary on the main services page.
Meta Keywords & Description: Optional SEO fields for the detail page (if enabled).

Click Submit.

✅ All fields marked with ** are required.

How to Manage Existing Services

In the Services table:

Edit: Modify name, image, content, or settings.
Delete: Remove a service permanently.
Bulk Delete: Select multiple services using checkboxes and click Delete.
Featured: Toggle “Yes/No” to highlight specific services (may affect homepage or sidebar display depending on theme).

Best Practices

Use consistent image dimensions for visual uniformity.
Keep service names short and clear (2–4 words).
Enable Detail Page only if you have substantial content to show.
Fill SEO fields if the service has a public detail page—this helps with search visibility.
Use serial numbers sequentially (e.g., 1, 2, 3) to avoid layout confusion.

💡 Example Service:
Name: Cloud Hosting
Content: “Reliable, scalable cloud infrastructure with 99.9% uptime…”
Detail Page: Enabled
Featured: Yes

Team

Manage your organization’s team members displayed on the homepage or dedicated team page. Each member can include a photo, name, job title (rank), and optional social links or bio (depending on theme support).

How to Add a Team Member

Go to Home → Team Section.
Use the language selector (top) to choose the content language (e.g., English).
Click Add Member (top-right button).
On the member creation page (accessible via /user/team_section/create_member), you’ll typically be able to:

Upload a profile image (recommended: square, 400×400 px)
Enter Name (e.g., “Sarah Johnson”)
Enter Rank/Position (e.g., “Marketing Director”)
Optionally add social links, bio, or contact info (if supported by your theme)

Save the member.

How to Manage Existing Team Members

In the Members table:

Edit: Click the Edit (pencil) icon to update a member’s details.
Delete: Click the Delete (trash) icon to remove a member permanently.

🔄 Changes appear immediately on your live site.

Best Practices

Use professional, high-quality headshots with consistent styling (background, lighting).
Keep Rank/Position titles clear and concise (e.g., “Frontend Developer,” not “Code Wizard”).
Ensure all team photos are similar in size and crop for visual consistency.
Only include active team members—remove departed staff promptly.

💡 Example Entry:
Name: Ahmed Hassan
Rank: Senior Web Developer
Image: ahmed_hassan.jpg

Gallery Management

Organize and display visual content (images or videos) in categorized galleries on your website. Ideal for portfolios, events, products, or showcases.

The module has three main sections:

Settings
Categories
Gallery Items

1. Settings

Control whether gallery categories are visible on the frontend.

How to Update Gallery Settings

Go to Gallery Management → Settings.
Choose:

Active: Categories will appear as filters or headings.
Deactive: All items will show in a single list (no category separation).

Click Update.

✅ Use Deactive if you only have one type of gallery content.

2. Categories

Group your gallery items into logical sections (e.g., “Events,” “Projects,” “Products”).

How to Add a Category

Go to Gallery Management → Categories.
Click Add Category.
Fill in:

Language: Select content language (e.g., English).
Category Name: e.g., “Wedding Photos”
Status: Active/Deactive
Serial Number: Controls display order (lower = appears first)

Click Save.

How to Edit or Delete

Use Edit to update name, status, or order.
Use Delete to remove a category (items in it will become uncategorized).

🔄 Changes reflect immediately on your live gallery page.

3. Gallery Items

Add individual images or video links to your gallery.

How to Add an Item

Go to Gallery Management → Gallery.
Click Add Item.
Choose Item Type:

Image: Upload a file (JPG/PNG)
Video: Paste a public URL (e.g., YouTube, Vimeo)

Fill in:

Language: Content language
Category: Assign to a category (if enabled)
Title: Brief description (e.g., “Beach Sunset”)
Serial Number: Display order within the category

Click Save.

📌 For videos: Only public embeddable links are supported. The system auto-formats them.

Manage Existing Items

Edit: Update title, image/video, category, or serial number.
Delete: Remove item permanently.
Featured: Toggle “Yes/No” to highlight specific items (may affect homepage or sliders depending on theme).

💡 Tip: Use consistent image sizes (e.g., 1200×800 px) for best visual results.

Best Practices

Use descriptive titles for SEO and accessibility.
Keep serial numbers sequential (1, 2, 3…) for predictable ordering.
If using categories, ensure every item is assigned to one.
Avoid very large image files—compress before uploading for faster loading.

Career

Manage job postings and categories for your website’s career page. Ideal for companies, agencies, or organizations accepting job applications.

The module includes three main sections:

Job Categories
Post Job
Jobs (Management)

1. Job Categories

Organize job listings into logical groups (e.g., “Engineering,” “Marketing,” “HR”).

How to Add a Job Category

Go to Career → Job Categories.
Click Add Category.
Fill in:

Language: e.g., English
Name: e.g., “Software Development”
Status: Active/Deactive
Serial Number: Controls display order (lower = appears first)

Click Submit.

Manage Existing Categories

Edit: Update name, status, or order.
Delete: Remove category (jobs under it will become uncategorized).
Bulk Delete: Select multiple categories using checkboxes.

🔄 Changes reflect immediately on the public career page.

2. Post Job

Create detailed job listings with requirements, responsibilities, and application info.

How to Post a New Job

Go to Career → Post Job.
Fill in the form:

Language: Select content language.
Title: e.g., “Frontend Developer”
Category: Choose from active job categories.
Employment Status: e.g., full-time, remote (use commas to separate)
Vacancy: Number of open positions
Application Deadline: Pick a date
Experience in Years: e.g., “3+ years”
Job Location: e.g., “Aleppo, Syria”
Email: Where applicants send CVs
Sections (use rich text editor):
- Job Responsibilities
- Educational Requirements
- Experience Requirements
- Additional Requirements
- Salary
- Benefits
- Read Before Apply (instructions for candidates)
Serial Number: Display order among other jobs
SEO Fields (optional): Meta Keywords & Description

Click Submit.

✅ All fields marked with ** are required.

3. Jobs (Management)

View, edit, or delete all posted jobs.

In the Jobs Table

Edit: Modify any job details.
Delete: Remove a job listing permanently.
Bulk Delete: Select multiple jobs and delete at once.

💡 Each job links to a public detail page (if enabled by theme), which can be shared directly with candidates.

Best Practices

Use consistent category names across languages.
Set realistic deadlines and update/remove expired jobs regularly.
Include clear salary info to attract qualified applicants.
Enable email verification (in General Settings) to ensure valid applicant emails.
Fill SEO fields to improve visibility in job search engines.

Categorized in:

WEB App, Setup & Basics,

Press ESC to close

Settings → Theme

How to Change Your Theme

Theme Types and Their Uses

Settings → Favicon

How to Update Your Favicon

Settings → General Settings

How to Update General Settings

Website Information

Dashboard Language

Currency Settings

Settings → Email Settings

1. Mail Information (for Subscribers)

How to Update Mail Information

2. Mail Templates

Available Email Types

How to Edit a Mail Template

🔹 1. Email Verification

🔹 2. Product Order

🔹 3. Reset Password

🔹 4. Room Booking

🔹 5. Payment Received

🔹 6. Payment Cancelled

🔹 7. Course Enrolment

🔹 8. Course Enrolment Approved

🔹 9. Course Enrolment Rejected

🔹 10. Donation

🔹 11. Donation Approved

✅ Tips:

Settings → Logo

How to Update Your Logo

Settings → Breadcrumb

How to Update Breadcrumb Image

Settings → Preloader

How to Set a Preloader

Settings → Color Settings

How to Change Colors

Settings → Custom CSS

How to Add Custom CSS

Settings → Cookie Alert

How to Configure Cookie Alert

Settings → Plugins

🔹 1. Google Analytics

How to Set Up

🔹 2. Google reCAPTCHA

How to Set Up

🔹 3. Disqus

How to Set Up

🔹 4. WhatsApp

How to Set Up

🔹 5. Facebook Pixel

How to Set Up

🔹 6. Tawk.to

How to Set Up

✅ Tips

Settings → Social Links

How to Add a Social Link

How to Edit or Delete a Social Link

Tips

Settings → SEO Informations

How to Update SEO Information

Page-Specific Guidance

Best Practices

Home → Hero Section (Static Version)

How to Update the Static Hero Section

Block 1 (Left)

Block 2 (Center)

Block 3 (Right)

Best Practices

Home → Home Sections

How to Update Home Sections

Available Sections & Fields

🔹 Flash Sale Section

🔹 Categories Section

🔹 Featured Item Section

🔹 Featured Category Items Section

🔹 Top Rated Item Section

🔹 On Sale Section

Best Practices

Home → Features