{"id":2700,"date":"2026-02-07T17:23:11","date_gmt":"2026-02-07T17:23:11","guid":{"rendered":"https:\/\/devad.io\/guides\/?p=2700"},"modified":"2026-02-07T18:11:21","modified_gmt":"2026-02-07T18:11:21","slug":"here-is-a-simple-instruction-based-documentation-in-the-web-devad-io-dashboard","status":"publish","type":"post","link":"https:\/\/devad.io\/guides\/web-devad-io-docs\/here-is-a-simple-instruction-based-documentation-in-the-web-devad-io-dashboard\/","title":{"rendered":"Here is a simple, instruction-based documentation in the WEB.devad.io dashboard:"},"content":{"rendered":"\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-theme\"><strong>Settings \u2192 Theme<\/strong><\/h2>\n\n\n\n<p>This section allows you to choose the visual layout and style of your website\u2019s homepage. Each theme is designed for a specific type of business or purpose.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-change-your-theme\"><strong>How to Change Your Theme<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From the left sidebar, go to <strong>Settings<\/strong>.<\/li>\n\n\n\n<li>Click on <strong>Themes<\/strong>.<\/li>\n\n\n\n<li>You\u2019ll see 14 theme options displayed as thumbnails.<\/li>\n\n\n\n<li>Click the radio button under the theme you want to use.<\/li>\n\n\n\n<li>Scroll down and click <strong>Update<\/strong> to save your selection.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"theme-types-and-their-uses\"><strong>Theme Types and Their Uses<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Theme Number<\/th><th>Name<\/th><th>Best For<\/th><\/tr><\/thead><tbody><tr><td>Theme One<\/td><td>Corporate<\/td><td>Professional companies, consulting firms<\/td><\/tr><tr><td>Theme Two<\/td><td>Business<\/td><td>General small\/medium businesses<\/td><\/tr><tr><td>Theme Three<\/td><td>Agency<\/td><td>Marketing, design, or creative agencies<\/td><\/tr><tr><td>Theme Four<\/td><td>IT (Light &amp; Dark)<\/td><td>Technology firms, software developers<\/td><\/tr><tr><td>Theme Five<\/td><td>Lawyer<\/td><td>Law firms, legal consultants<\/td><\/tr><tr><td>Theme Six<\/td><td>Industry<\/td><td>Manufacturing, engineering, industrial firms<\/td><\/tr><tr><td>Theme Seven<\/td><td>E-commerce Store v1<\/td><td>Online retail stores (first layout style)<\/td><\/tr><tr><td>Theme Eight<\/td><td>Online Course<\/td><td>Educational platforms, course instructors<\/td><\/tr><tr><td>Theme Nine<\/td><td>Hotel<\/td><td>Hotels, resorts, accommodation services<\/td><\/tr><tr><td>Theme Ten<\/td><td>Charity<\/td><td>Non-profits, donation campaigns, NGOs<\/td><\/tr><tr><td>Theme Eleven<\/td><td>Portfolio<\/td><td>Freelancers, employees, personal showcases<\/td><\/tr><tr><td>Theme Twelve<\/td><td>Blog<\/td><td>Writers, journalists, content creators<\/td><\/tr><tr><td>Theme Thirteen<\/td><td>E-commerce Store v2<\/td><td>Online retail stores (second layout style)<\/td><\/tr><tr><td>Theme Fourteen<\/td><td><em>(Currently Active)<\/em><\/td><td>Default selection (as shown in your file)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Tip<\/strong>: Choose the theme that best matches your brand identity and the primary goal of your website.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-favicon\"><strong>Settings \u2192 Favicon<\/strong><\/h2>\n\n\n\n<p>Use this section to upload or update your website\u2019s favicon (the small icon displayed in browser tabs and bookmarks).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-update-your-favicon\"><strong>How to Update Your Favicon<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From the left sidebar, go to <strong>Settings<\/strong> \u2192 <strong>Favicon<\/strong>.<\/li>\n\n\n\n<li>You\u2019ll see a preview of your current favicon.<\/li>\n\n\n\n<li>Click <strong>Choose File<\/strong> to select a new image from your device.<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Accepted format<\/strong>: <code>.png<\/code>, <code>.ico<\/code>, or <code>.jpg<\/code><\/li>\n\n\n\n<li><strong>Recommended size<\/strong>: 32\u00d732 or 64\u00d764 pixels<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong> to save your changes.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 The new favicon may take a few minutes to appear in browsers due to caching.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-general-settings\"><strong>Settings \u2192 General Settings<\/strong><\/h2>\n\n\n\n<p>This section lets you configure essential information about your website, including title, timezone, language, currency, and email verification behavior.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-update-general-settings\"><strong>How to Update General Settings<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Settings<\/strong> \u2192 <strong>General Settings<\/strong>.<\/li>\n\n\n\n<li>Fill in or update the following sections:<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"website-information\"><strong>Website Information<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Website Title<\/strong>: Enter the name of your site (e.g., \u201cMy Business\u201d).<\/li>\n\n\n\n<li><strong>Timezone<\/strong>: Choose your local timezone from the dropdown list.<\/li>\n\n\n\n<li><strong>Email Verification Status<\/strong>:<\/li>\n\n\n\n<li><strong>Active<\/strong>: New users must verify their email after registration.<\/li>\n\n\n\n<li><strong>Deactive<\/strong>: Skip email verification during signup.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"dashboard-language\"><strong>Dashboard Language<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select your preferred admin dashboard language:<\/li>\n\n\n\n<li>English<\/li>\n\n\n\n<li>Arabic (\u0639\u0631\u0628\u064a)<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u26a0\ufe0f This setting affects only the admin panel\u2014not the public website.<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"currency-settings\"><strong>Currency Settings<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Base Currency Symbol<\/strong>: e.g., <code>$<\/code>, <code>\u20ac<\/code>, <code>\u00a3<\/code><\/li>\n\n\n\n<li><strong>Symbol Position<\/strong>: Left (e.g., <code>$10<\/code>) or Right (e.g., <code>10$<\/code>)<\/li>\n\n\n\n<li><strong>Base Currency Text<\/strong>: e.g., <code>USD<\/code>, <code>EUR<\/code><\/li>\n\n\n\n<li><strong>Currency Text Position<\/strong>: Left or Right<\/li>\n\n\n\n<li><strong>Base Currency Rate<\/strong>: Set conversion rate if using a non-USD base (e.g., <code>1 USD = 0.93 EUR<\/code>)<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Scroll down and click <strong>Update<\/strong> to save all changes.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 All fields marked with <code>*<\/code> or <code>**<\/code> are required.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-email-settings\"><strong>Settings \u2192 Email Settings<\/strong><\/h2>\n\n\n\n<p>This section allows you to configure how your website sends emails \u2014 including sender details and customizable email content for different user actions.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-mail-information-for-subscribers\"><strong>1. Mail Information (for Subscribers)<\/strong><\/h3>\n\n\n\n<p>Use this to set the <strong>\u201cFrom\u201d address and name<\/strong> used in all automated emails sent to subscribers (e.g., newsletters, updates).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-update-mail-information\"><strong>How to Update Mail Information<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Settings \u2192 Email Settings \u2192 Mail Information<\/strong>.<\/li>\n\n\n\n<li>Fill in:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Reply To<\/strong>: The email address recipients will reply to (e.g., <code>support@devad.io<\/code>).<\/li>\n\n\n\n<li><strong>From Name<\/strong>: The display name shown in the recipient\u2019s inbox (e.g., <code>ams for it<\/code>).<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 Both fields are required (<code>**<\/code> indicates mandatory).<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-mail-templates\"><strong>2. Mail Templates<\/strong><\/h3>\n\n\n\n<p>Customize the subject and body of automated emails triggered by specific actions on your site (e.g., order confirmation, password reset).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"available-email-types\"><strong>Available Email Types<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>#<\/th><th>Email Type<\/th><\/tr><\/thead><tbody><tr><td>1<\/td><td>Email Verification<\/td><\/tr><tr><td>2<\/td><td>Product Order<\/td><\/tr><tr><td>3<\/td><td>Reset Password<\/td><\/tr><tr><td>4<\/td><td>Room Booking<\/td><\/tr><tr><td>5<\/td><td>Payment Received<\/td><\/tr><tr><td>6<\/td><td>Payment Cancelled<\/td><\/tr><tr><td>7<\/td><td>Course Enrolment<\/td><\/tr><tr><td>8<\/td><td>Course Enrolment Approved<\/td><\/tr><tr><td>9<\/td><td>Course Enrolment Rejected<\/td><\/tr><tr><td>10<\/td><td>Donation<\/td><\/tr><tr><td>11<\/td><td>Donation Approved<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-edit-a-mail-template\"><strong>How to Edit a Mail Template<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Settings \u2192 Email Settings \u2192 Mail Templates<\/strong>.<\/li>\n\n\n\n<li>Find the email type you want to edit and click <strong>Edit<\/strong>.<\/li>\n\n\n\n<li>On the edit page:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mail Subject<\/strong>: Enter the subject line (supports plain text).<\/li>\n\n\n\n<li><strong>Mail Body<\/strong>: Use the rich text editor to design your email.\n<ul class=\"wp-block-list\">\n<li>You can insert dynamic placeholders (called <em>Short Codes<\/em>) like:<\/li>\n\n\n\n<li><code>{customer_name}<\/code> \u2192 Recipient\u2019s name<\/li>\n\n\n\n<li><code>{verification_link}<\/code> \u2192 Unique verification URL<\/li>\n\n\n\n<li><code>{website_title}<\/code> \u2192 Your site\u2019s title from General Settings<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong> to save.<\/li>\n<\/ul>\n\n\n\n<p>Here is a clear, structured explanation of each <strong>Mail Template<\/strong> type in <strong>WEB.devad.io<\/strong>, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach it<\/strong><\/li>\n\n\n\n<li><strong>Purpose \/ When it\u2019s sent<\/strong><\/li>\n\n\n\n<li><strong>Available short codes (placeholders)<\/strong><\/li>\n\n\n\n<li><strong>Example usage<\/strong><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-email-verification\">\ud83d\udd39 1. <strong>Email Verification<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach<\/strong>:<br><code>Settings \u2192 Email Settings \u2192 Mail Templates \u2192 Edit \"email verification\"<\/code><\/li>\n\n\n\n<li><strong>When sent<\/strong>:<br>When a new user registers and email verification is <strong>active<\/strong>.<\/li>\n\n\n\n<li><strong>Short Codes<\/strong>:<\/li>\n\n\n\n<li><code>{customer_name}<\/code> \u2192 Recipient\u2019s full name<\/li>\n\n\n\n<li><code>{verification_link}<\/code> \u2192 Unique URL to verify email<\/li>\n\n\n\n<li><code>{website_title}<\/code> \u2192 Your site name (from General Settings)<\/li>\n\n\n\n<li><strong>Example Subject<\/strong>:<br><code>Verify your email for {website_title}<\/code><\/li>\n\n\n\n<li><strong>Example Body Snippet<\/strong>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>  Hi {customer_name},&lt;br&gt;\n  Please click the link below to verify your account:&lt;br&gt;\n  &lt;a href=\"{verification_link}\"&gt;Verify Now&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-product-order\">\ud83d\udd39 2. <strong>Product Order<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach<\/strong>:<br><code>Settings \u2192 Email Settings \u2192 Mail Templates \u2192 Edit \"product order\"<\/code><\/li>\n\n\n\n<li><strong>When sent<\/strong>:<br>After a customer places an order in your e-commerce store.<\/li>\n\n\n\n<li><strong>Short Codes<\/strong>:<\/li>\n\n\n\n<li><code>{customer_name}<\/code><\/li>\n\n\n\n<li><code>{website_title}<\/code><\/li>\n\n\n\n<li><strong>Note<\/strong>: No order-specific details (like items or total) are currently supported as short codes.<\/li>\n\n\n\n<li><strong>Example Subject<\/strong>:<br><code>Thank you for your order, {customer_name}!<\/code><\/li>\n\n\n\n<li><strong>Example Body<\/strong>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>  Dear {customer_name},&lt;br&gt;\n  Your order has been received on {website_title}. We\u2019ll process it soon!<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-reset-password\">\ud83d\udd39 3. <strong>Reset Password<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach<\/strong>:<br><code>Settings \u2192 Email Settings \u2192 Mail Templates \u2192 Edit \"reset password\"<\/code><\/li>\n\n\n\n<li><strong>When sent<\/strong>:<br>When a user requests to reset their password.<\/li>\n\n\n\n<li><strong>Short Codes<\/strong>:<\/li>\n\n\n\n<li><code>{customer_name}<\/code><\/li>\n\n\n\n<li><code>{password_reset_link}<\/code> \u2192 Secure password reset URL<\/li>\n\n\n\n<li><code>{website_title}<\/code><\/li>\n\n\n\n<li><strong>Example Subject<\/strong>:<br><code>Password Reset Request \u2013 {website_title}<\/code><\/li>\n\n\n\n<li><strong>Example Body<\/strong>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>  Hello {customer_name},&lt;br&gt;\n  Click below to reset your password:&lt;br&gt;\n  &lt;a href=\"{password_reset_link}\"&gt;Reset Password&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-room-booking\">\ud83d\udd39 4. <strong>Room Booking<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach<\/strong>:<br><code>Settings \u2192 Email Settings \u2192 Mail Templates \u2192 Edit \"room booking\"<\/code><\/li>\n\n\n\n<li><strong>When sent<\/strong>:<br>After a user books a room in your hotel system.<\/li>\n\n\n\n<li><strong>Short Codes<\/strong>:<\/li>\n\n\n\n<li><code>{customer_name}<\/code><\/li>\n\n\n\n<li><code>{website_title}<\/code><\/li>\n\n\n\n<li><code>{booking_number}<\/code><\/li>\n\n\n\n<li><code>{booking_date}<\/code><\/li>\n\n\n\n<li><code>{number_of_night}<\/code><\/li>\n\n\n\n<li><code>{check_in_date}<\/code><\/li>\n\n\n\n<li><code>{check_out_date}<\/code><\/li>\n\n\n\n<li><code>{number_of_guests}<\/code><\/li>\n\n\n\n<li><code>{room_name}<\/code>, <code>{room_type}<\/code>, <code>{room_rent}<\/code>, <code>{room_amenities}<\/code><\/li>\n\n\n\n<li><strong>Example Subject<\/strong>:<br><code>Booking Confirmation #{booking_number}<\/code><\/li>\n\n\n\n<li><strong>Example Body<\/strong>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>  Hi {customer_name},&lt;br&gt;\n  Your booking at {website_title} is confirmed!&lt;br&gt;\n  Room: {room_name} ({room_type})&lt;br&gt;\n  Check-in: {check_in_date} | Check-out: {check_out_date}&lt;br&gt;\n  Nights: {number_of_night} | Guests: {number_of_guests}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-payment-received\">\ud83d\udd39 5. <strong>Payment Received<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach<\/strong>:<br><code>Settings \u2192 Email Settings \u2192 Mail Templates \u2192 Edit \"payment received\"<\/code><\/li>\n\n\n\n<li><strong>When sent<\/strong>:<br>When a payment is successfully processed (e.g., for orders, donations, bookings).<\/li>\n\n\n\n<li><strong>Short Codes<\/strong>:<\/li>\n\n\n\n<li><code>{customer_name}<\/code><\/li>\n\n\n\n<li><code>{website_title}<\/code><\/li>\n\n\n\n<li><strong>Example Subject<\/strong>:<br><code>Payment Received \u2013 Thank You!<\/code><\/li>\n\n\n\n<li><strong>Example Body<\/strong>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>  Dear {customer_name},&lt;br&gt;\n  We\u2019ve received your payment on {website_title}. Thank you!<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-payment-cancelled\">\ud83d\udd39 6. <strong>Payment Cancelled<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach<\/strong>:<br><code>Settings \u2192 Email Settings \u2192 Mail Templates \u2192 Edit \"payment cancelled\"<\/code><\/li>\n\n\n\n<li><strong>When sent<\/strong>:<br>If a payment fails or is canceled.<\/li>\n\n\n\n<li><strong>Short Codes<\/strong>:<\/li>\n\n\n\n<li><code>{customer_name}<\/code><\/li>\n\n\n\n<li><code>{website_title}<\/code><\/li>\n\n\n\n<li><strong>Example Subject<\/strong>:<br><code>Your Payment Was Cancelled<\/code><\/li>\n\n\n\n<li><strong>Example Body<\/strong>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>  Hi {customer_name},&lt;br&gt;\n  Your recent payment on {website_title} was not completed. Please try again.<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-course-enrolment\">\ud83d\udd39 7. <strong>Course Enrolment<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach<\/strong>:<br><code>Settings \u2192 Email Settings \u2192 Mail Templates \u2192 Edit \"course enrolment\"<\/code><\/li>\n\n\n\n<li><strong>When sent<\/strong>:<br>When a user enrolls in a course (before admin approval, if required).<\/li>\n\n\n\n<li><strong>Short Codes<\/strong>:<\/li>\n\n\n\n<li><code>{customer_name}<\/code><\/li>\n\n\n\n<li><code>{website_title}<\/code><\/li>\n\n\n\n<li><strong>Example Subject<\/strong>:<br><code>Enrolment Request Received<\/code><\/li>\n\n\n\n<li><strong>Example Body<\/strong>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>  Hello {customer_name},&lt;br&gt;\n  Your enrolment request for a course on {website_title} has been submitted.<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-course-enrolment-approved\">\ud83d\udd39 8. <strong>Course Enrolment Approved<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach<\/strong>:<br><code>Settings \u2192 Email Settings \u2192 Mail Templates \u2192 Edit \"course enrolment approved\"<\/code><\/li>\n\n\n\n<li><strong>When sent<\/strong>:<br>When an admin approves a pending course enrolment.<\/li>\n\n\n\n<li><strong>Short Codes<\/strong>:<\/li>\n\n\n\n<li><code>{customer_name}<\/code><\/li>\n\n\n\n<li><code>{website_title}<\/code><\/li>\n\n\n\n<li><strong>Example Subject<\/strong>:<br><code>Your Course Enrolment Is Approved!<\/code><\/li>\n\n\n\n<li><strong>Example Body<\/strong>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>  Great news, {customer_name}!&lt;br&gt;\n  Your enrolment on {website_title} has been approved. You can now access your course.<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"9-course-enrolment-rejected\">\ud83d\udd39 9. <strong>Course Enrolment Rejected<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach<\/strong>:<br><code>Settings \u2192 Email Settings \u2192 Mail Templates \u2192 Edit \"course enrolment rejected\"<\/code><\/li>\n\n\n\n<li><strong>When sent<\/strong>:<br>When an admin rejects a course enrolment.<\/li>\n\n\n\n<li><strong>Short Codes<\/strong>:<\/li>\n\n\n\n<li><code>{customer_name}<\/code><\/li>\n\n\n\n<li><code>{website_title}<\/code><\/li>\n\n\n\n<li><strong>Example Subject<\/strong>:<br><code>Enrolment Request Not Approved<\/code><\/li>\n\n\n\n<li><strong>Example Body<\/strong>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>  Hi {customer_name},&lt;br&gt;\n  Unfortunately, your enrolment request on {website_title} was not approved.<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"10-donation\">\ud83d\udd39 10. <strong>Donation<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach<\/strong>:<br><code>Settings \u2192 Email Settings \u2192 Mail Templates \u2192 Edit \"donation\"<\/code><\/li>\n\n\n\n<li><strong>When sent<\/strong>:<br>When a user submits a donation (before approval, if enabled).<\/li>\n\n\n\n<li><strong>Short Codes<\/strong>:<\/li>\n\n\n\n<li><code>{donor_name}<\/code> \u2192 Name of the donor<\/li>\n\n\n\n<li><code>{cause_name}<\/code> \u2192 Title of the donation cause<\/li>\n\n\n\n<li><code>{website_title}<\/code><\/li>\n\n\n\n<li><strong>Example Subject<\/strong>:<br><code>Thank You for Your Support, {donor_name}!<\/code><\/li>\n\n\n\n<li><strong>Example Body<\/strong>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>  Dear {donor_name},&lt;br&gt;\n  Thank you for donating to \"{cause_name}\" on {website_title}.<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"11-donation-approved\">\ud83d\udd39 11. <strong>Donation Approved<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How to reach<\/strong>:<br><code>Settings \u2192 Email Settings \u2192 Mail Templates \u2192 Edit \"donation approved\"<\/code><\/li>\n\n\n\n<li><strong>When sent<\/strong>:<br>When a pending donation is approved by admin.<\/li>\n\n\n\n<li><strong>Short Codes<\/strong>:<\/li>\n\n\n\n<li><code>{donor_name}<\/code><\/li>\n\n\n\n<li><code>{cause_name}<\/code><\/li>\n\n\n\n<li><code>{website_title}<\/code><\/li>\n\n\n\n<li><strong>Example Subject<\/strong>:<br><code>Your Donation Has Been Approved<\/code><\/li>\n\n\n\n<li><strong>Example Body<\/strong>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>  Hello {donor_name},&lt;br&gt;\n  Your generous donation to \"{cause_name}\" on {website_title} has been approved. Thank you!<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"tips\">\u2705 Tips:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Always include relevant <strong>short codes<\/strong>\u2014they are replaced automatically with real data.<\/li>\n\n\n\n<li>Use the <strong>rich text editor<\/strong> to format emails professionally.<\/li>\n\n\n\n<li>Test templates after editing to ensure links and placeholders work.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 Tip: Always include <code>{verification_link}<\/code> in the <strong>Email Verification<\/strong> template \u2014 it\u2019s essential for account activation.<\/p>\n\n\n\n<p>\ud83d\udd04 Use the <strong>Back<\/strong> button to return to the templates list without saving.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-logo\"><strong>Settings \u2192 Logo<\/strong><\/h2>\n\n\n\n<p>Upload or update your website\u2019s main logo (used in headers, footers, etc.).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-update-your-logo\"><strong>How to Update Your Logo<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Settings \u2192 Basic Settings \u2192 Logo<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Choose File<\/strong> to upload a new image.<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Accepted formats<\/strong>: JPG, JPEG, PNG<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udccc The current logo appears as a preview. If none is set, you\u2019ll see a placeholder (<code>noimage.jpg<\/code>).<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-breadcrumb\"><strong>Settings \u2192 Breadcrumb<\/strong><\/h2>\n\n\n\n<p>Set the background image for the breadcrumb area (the navigation trail shown on inner pages).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-update-breadcrumb-image\"><strong>How to Update Breadcrumb Image<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Settings \u2192 Breadcrumb<\/strong>.<\/li>\n\n\n\n<li>Upload an image using the file selector.<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Only image files (JPG, PNG, etc.) are accepted.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 This image appears behind page titles like \u201cServices\u201d or \u201cContact\u201d.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-preloader\"><strong>Settings \u2192 Preloader<\/strong><\/h2>\n\n\n\n<p>Upload a custom loading animation (preloader) that appears while your site loads.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-set-a-preloader\"><strong>How to Set a Preloader<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Settings \u2192 Preloader<\/strong>.<\/li>\n\n\n\n<li>Upload your preloader image (e.g., animated GIF or static PNG).<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Accepted: JPG, JPEG, PNG<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u23f3 This image displays briefly before the full page loads.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-color-settings\"><strong>Settings \u2192 Color Settings<\/strong><\/h2>\n\n\n\n<p>Customize your site\u2019s primary and secondary brand colors.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-change-colors\"><strong>How to Change Colors<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Visit <strong>Settings \u2192 Basic Settings \u2192 Color Settings<\/strong>.<\/li>\n\n\n\n<li>Use the color picker or enter HEX values:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Base Color<\/strong>: Main theme color (buttons, highlights)<\/li>\n\n\n\n<li><strong>Secondary Color<\/strong>: Accent or complementary color<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83c\udfa8 Example: <code>ff4a17<\/code> = orange-red. Leave blank to use default theme colors.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-custom-css\"><strong>Settings \u2192 Custom CSS<\/strong><\/h2>\n\n\n\n<p>Add your own CSS code to override default styles without touching core files.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-add-custom-css\"><strong>How to Add Custom CSS<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Settings \u2192 Basic Settings \u2192 Custom CSS<\/strong>.<\/li>\n\n\n\n<li>In the code editor, write pure CSS\u2014<strong>do not include <code>&lt;style&gt;<\/code> tags<\/strong>.<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Syntax highlighting and line numbers are enabled.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong> to save.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 Example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.btn-primary { border-radius: 20px; }<\/code><\/pre>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-cookie-alert\"><strong>Settings \u2192 Cookie Alert<\/strong><\/h2>\n\n\n\n<p>Enable and customize the GDPR\/privacy compliance banner for cookie consent.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-configure-cookie-alert\"><strong>How to Configure Cookie Alert<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Settings \u2192 Basic Settings \u2192 Cookie Alert<\/strong>.<\/li>\n\n\n\n<li>Set the following:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Status<\/strong>:\n<ul class=\"wp-block-list\">\n<li><strong>Active<\/strong>: Shows the cookie notice to visitors<\/li>\n\n\n\n<li><strong>Deactive<\/strong>: Hides it<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Button Text<\/strong>: e.g., \u201cAccept\u201d, \u201cAllow Cookies\u201d<\/li>\n\n\n\n<li><strong>Alert Text<\/strong>: Explain why you use cookies (supports rich text)<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83c\udf6a Example Alert Text:<br><em>\u201cYour experience on this site will be improved by allowing cookies.\u201d<\/em><\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-plugins\"><strong>Settings \u2192 Plugins<\/strong><\/h2>\n\n\n\n<p>This section lets you integrate third-party tools to enhance your website\u2019s functionality \u2014 from analytics and security to live chat and social engagement.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-google-analytics\">\ud83d\udd39 1. <strong>Google Analytics<\/strong><\/h3>\n\n\n\n<p><strong>Purpose<\/strong>: Track visitor behavior, traffic sources, page views, and user engagement.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-set-up\"><strong>How to Set Up<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Settings \u2192 Basic Settings \u2192 Plugins<\/strong>.<\/li>\n\n\n\n<li>Under <strong>Google Analytics<\/strong>:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set <strong>Status<\/strong> to <strong>Active<\/strong>.<\/li>\n\n\n\n<li>Enter your <strong>Measurement ID<\/strong> (e.g., <code>G-XXXXXXXXXX<\/code> from your Google Analytics 4 property).<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udcca You\u2019ll start seeing real-time data in your Google Analytics dashboard.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-google-recaptcha\">\ud83d\udd39 2. <strong>Google reCAPTCHA<\/strong><\/h3>\n\n\n\n<p><strong>Purpose<\/strong>: Protect forms (login, contact, registration) from spam bots.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-set-up\"><strong>How to Set Up<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the <strong>Google reCAPTCHA<\/strong> card:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set <strong>Status<\/strong> to <strong>Active<\/strong>.<\/li>\n\n\n\n<li>Enter your <strong>Site Key<\/strong> and <strong>Secret Key<\/strong> (get these from <a href=\"https:\/\/www.google.com\/recaptcha\/admin\/\">Google reCAPTCHA Admin<\/a>).\n<ul class=\"wp-block-list\">\n<li>Use <strong>reCAPTCHA v2 (Checkbox)<\/strong> or <strong>v3<\/strong> as supported.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 Users will see a \u201cI\u2019m not a robot\u201d checkbox on forms when enabled.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-disqus\">\ud83d\udd39 3. <strong>Disqus<\/strong><\/h3>\n\n\n\n<p><strong>Purpose<\/strong>: Add a powerful, threaded comment system to blog posts or pages.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-set-up\"><strong>How to Set Up<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Under <strong>Disqus<\/strong>:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set <strong>Status<\/strong> to <strong>Active<\/strong>.<\/li>\n\n\n\n<li>Enter your <strong>Disqus Short Name<\/strong> (found in your Disqus admin panel under <em>Settings &gt; Community<\/em>).<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udcac Comments will appear below content where Disqus is embedded.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-whatsapp\">\ud83d\udd39 4. <strong>WhatsApp<\/strong><\/h3>\n\n\n\n<p><strong>Purpose<\/strong>: Let visitors contact you instantly via WhatsApp (floating button + optional popup).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-set-up\"><strong>How to Set Up<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the <strong>WhatsApp<\/strong> section:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set <strong>WhatsApp Status<\/strong> to <strong>Active<\/strong>.<\/li>\n\n\n\n<li>Enter your <strong>WhatsApp Number<\/strong> with country code (e.g., <code>+963912345678<\/code>).<\/li>\n\n\n\n<li>Set a <strong>Header Title<\/strong> (e.g., \u201cChat with us\u201d).<\/li>\n\n\n\n<li>Optionally enable <strong>Popup Message<\/strong> and enter a greeting (e.g., \u201cHi! How can we help?\u201d).<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udcf1 A WhatsApp icon will appear on your site; clicking it opens a chat in the user\u2019s WhatsApp app.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-facebook-pixel\">\ud83d\udd39 5. <strong>Facebook Pixel<\/strong><\/h3>\n\n\n\n<p><strong>Purpose<\/strong>: Track conversions, optimize ads, and build remarketing audiences on Facebook\/Meta.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-set-up\"><strong>How to Set Up<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Under <strong>Facebook Pixel<\/strong>:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set <strong>Status<\/strong> to <strong>Active<\/strong>.<\/li>\n\n\n\n<li>Enter your <strong>Pixel ID<\/strong> (found in Meta Events Manager \u2192 <em>Data Sources<\/em>).<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83c\udfaf Essential if you run Facebook ad campaigns \u2014 tracks purchases, sign-ups, and page views.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-tawk-to\">\ud83d\udd39 6. <strong>Tawk.to<\/strong><\/h3>\n\n\n\n<p><strong>Purpose<\/strong>: Embed a free live chat widget for real-time customer support.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-set-up\"><strong>How to Set Up<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the <strong>Tawk.to<\/strong> card:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set <strong>Status<\/strong> to <strong>Active<\/strong>.<\/li>\n\n\n\n<li>Paste your <strong>Direct Chat Link<\/strong> (e.g., <code>https:\/\/tawk.to\/chat\/XXXXXXX\/default<\/code>).\n<ul class=\"wp-block-list\">\n<li>Get this from your Tawk.to dashboard under <em>Administration &gt; Channels<\/em>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udcac Visitors can message you directly without leaving your site.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"tips-1\">\u2705 Tips<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Always <strong>test<\/strong> plugins after activation (e.g., check if reCAPTCHA appears on forms).<\/li>\n\n\n\n<li>Keep API keys <strong>private<\/strong> \u2014 never share them publicly.<\/li>\n\n\n\n<li>Some plugins (like WhatsApp or Tawk.to) may require your site to be <strong>publicly accessible<\/strong> (not localhost) to work properly.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-social-links\"><strong>Settings \u2192 Social Links<\/strong><\/h2>\n\n\n\n<p>Add and manage links to your social media profiles (e.g., Facebook, Twitter, LinkedIn) that appear on your website \u2014 typically in the header, footer, or contact sections.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-add-a-social-link\"><strong>How to Add a Social Link<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Settings \u2192 Basic Settings \u2192 Social Links<\/strong>.<\/li>\n\n\n\n<li>In the <strong>Add Social Link<\/strong> panel:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Icon<\/strong>: Click the dropdown button next to the heart icon to open the icon picker.<br>\u2192 Select a <strong>Font Awesome<\/strong> icon that matches your platform (e.g., <code>fab fa-facebook<\/code>, <code>fab fa-instagram<\/code>).<\/li>\n\n\n\n<li><strong>URL<\/strong>: Enter the full web address of your social profile (e.g., <code>https:\/\/facebook.com\/yourpage<\/code>).<\/li>\n\n\n\n<li><strong>Serial Number<\/strong>: Assign a number to control display order.<br>\u2192 Lower numbers appear first; higher numbers appear later.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Submit<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 All fields marked with <code>**<\/code> are required.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-edit-or-delete-a-social-link\"><strong>How to Edit or Delete a Social Link<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the <strong>Social Links<\/strong> table:<\/li>\n\n\n\n<li>Click the <strong>Edit (pencil)<\/strong> icon to modify an existing link.<\/li>\n\n\n\n<li>Click the <strong>Delete (trash)<\/strong> icon to remove it permanently.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udd04 After editing or deleting, changes reflect immediately on your live site.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"tips-2\"><strong>Tips<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use official profile URLs to ensure links work correctly.<\/li>\n\n\n\n<li>Common icons:<\/li>\n\n\n\n<li>Facebook: <code>fab fa-facebook<\/code><\/li>\n\n\n\n<li>Instagram: <code>fab fa-instagram<\/code><\/li>\n\n\n\n<li>LinkedIn: <code>fab fa-linkedin<\/code><\/li>\n\n\n\n<li>Twitter\/X: <code>fab fa-x-twitter<\/code> or <code>fab fa-twitter<\/code><\/li>\n\n\n\n<li>YouTube: <code>fab fa-youtube<\/code><\/li>\n\n\n\n<li>Reorder links anytime by updating the <strong>Serial Number<\/strong>.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-seo-informations\"><strong>Settings \u2192 SEO Informations<\/strong><\/h2>\n\n\n\n<p>Optimize your website for search engines by setting custom <strong>meta keywords<\/strong> and <strong>meta descriptions<\/strong> for each major page. This helps improve visibility in Google and other search engines.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-update-seo-information\"><strong>How to Update SEO Information<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Settings \u2192 Basic Settings \u2192 SEO Informations<\/strong>.<\/li>\n\n\n\n<li>You\u2019ll see fields for multiple pages (Home, Blog, Services, etc.).<\/li>\n\n\n\n<li>For each page:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Meta Keywords<\/strong>: Enter relevant, comma-separated keywords (e.g., <code>web design, responsive website, Syria<\/code>).<\/li>\n\n\n\n<li><strong>Meta Description<\/strong>: Write a short, compelling summary (50\u2013160 characters) that describes the page content.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Scroll to the bottom and click <strong>Update<\/strong> to save all changes.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 All fields are optional but highly recommended for better SEO.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"page-specific-guidance\"><strong>Page-Specific Guidance<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Page<\/th><th>Purpose<\/th><th>SEO Tips<\/th><\/tr><\/thead><tbody><tr><td><strong>Home Page<\/strong><\/td><td>Main landing page<\/td><td>Include brand name, core services, and location (e.g., \u201cIT solutions in Aleppo\u201d)<\/td><\/tr><tr><td><strong>Blog Page<\/strong><\/td><td>List of blog posts<\/td><td>Use terms like \u201clatest articles,\u201d \u201ctech insights,\u201d or \u201cindustry news\u201d<\/td><\/tr><tr><td><strong>Services Page<\/strong><\/td><td>Overview of your offerings<\/td><td>List key service names as keywords<\/td><\/tr><tr><td><strong>Portfolios Page<\/strong><\/td><td>Showcase of work\/projects<\/td><td>Use \u201cportfolio,\u201d \u201ccase studies,\u201d \u201cprojects in [industry]\u201d<\/td><\/tr><tr><td><strong>Jobs Page<\/strong><\/td><td>Career opportunities<\/td><td>Keywords: \u201ccareers,\u201d \u201cjoin our team,\u201d \u201cjob openings in [city]\u201d<\/td><\/tr><tr><td><strong>Team Page<\/strong><\/td><td>Staff profiles<\/td><td>\u201cOur team,\u201d \u201cexperts in [field],\u201d \u201cleadership\u201d<\/td><\/tr><tr><td><strong>FAQ Page<\/strong><\/td><td>Frequently asked questions<\/td><td>\u201cCommon questions,\u201d \u201csupport,\u201d \u201chelp center\u201d<\/td><\/tr><tr><td><strong>Contact Page<\/strong><\/td><td>Contact form &amp; info<\/td><td>\u201cContact us,\u201d \u201c[Company] support,\u201d phone\/email details<\/td><\/tr><tr><td><strong>Shop Page<\/strong><\/td><td>Product listings (e-commerce)<\/td><td>\u201cOnline store,\u201d \u201cbuy [product type],\u201d \u201cbest prices\u201d<\/td><\/tr><tr><td><strong>Item Details Page<\/strong><\/td><td>Individual product pages<\/td><td>Use product name, model, category, and features<\/td><\/tr><tr><td><strong>Cart Page<\/strong><\/td><td>Shopping cart<\/td><td>Usually low SEO priority; keep simple if needed<\/td><\/tr><tr><td><strong>Checkout Page<\/strong><\/td><td>Payment process<\/td><td>Not indexed by search engines \u2014 optional<\/td><\/tr><tr><td><strong>Login \/ Signup Pages<\/strong><\/td><td>User authentication<\/td><td>Typically not public \u2014 meta tags rarely used<\/td><\/tr><tr><td><strong>Rooms Page<\/strong><\/td><td>Hotel room listings<\/td><td>\u201cBook rooms in [city],\u201d \u201cluxury accommodation,\u201d \u201chotel deals\u201d<\/td><\/tr><tr><td><strong>Rooms Details Page<\/strong><\/td><td>Specific room info<\/td><td>Include room type, amenities, price range<\/td><\/tr><tr><td><strong>Course Page<\/strong><\/td><td>List of courses<\/td><td>\u201cOnline courses,\u201d \u201cenroll now,\u201d \u201c[topic] training\u201d<\/td><\/tr><tr><td><strong>Course Details Page<\/strong><\/td><td>Individual course info<\/td><td>Use course title, duration, instructor, outcomes<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-practices\"><strong>Best Practices<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Meta Description<\/strong>: Write like an ad \u2014 clear, engaging, and under 160 characters.<\/li>\n\n\n\n<li><strong>Keywords<\/strong>: Avoid stuffing. Use 3\u20138 relevant terms per page.<\/li>\n\n\n\n<li><strong>Uniqueness<\/strong>: Each page should have unique meta data to avoid duplicate content issues.<\/li>\n\n\n\n<li><strong>Language<\/strong>: Match the language of your website content.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 Example (Home Page):<br><strong>Meta Keywords<\/strong>: <code>web development, Syria, IT company, Aleppo<\/code><br><strong>Meta Description<\/strong>: <code>Professional web development services in Aleppo, Syria. Build fast, secure, and modern websites with our expert team.<\/code><\/p>\n<\/blockquote>\n\n\n\n<p>After saving, your changes will be embedded in the <code>&lt;head&gt;<\/code> section of each page automatically.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"home-hero-section-static-version\"><strong>Home \u2192 Hero Section (Static Version)<\/strong><\/h2>\n\n\n\n<p>The <strong>Hero Section<\/strong> is the large banner area at the top of your homepage. In <strong>Static Version<\/strong>, you can upload images and add titles, subtitles, and call-to-action buttons without using sliders or animations.<\/p>\n\n\n\n<p>This layout supports <strong>up to three content blocks<\/strong>, each with its own image, headline, subtitle, and button.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-update-the-static-hero-section\"><strong>How to Update the Static Hero Section<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Home \u2192 Hero Section <\/strong><\/li>\n\n\n\n<li>Use the language selector (top-right) to choose the language you&#8217;re editing (e.g., English).<\/li>\n\n\n\n<li>For <strong>each of the three blocks<\/strong>, configure the following:<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"block-1-left\"><strong>Block 1 (Left)<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Image<\/strong>: Upload a main visual (JPG\/PNG). Appears on the left or top depending on theme.<\/li>\n\n\n\n<li><strong>Title<\/strong>: Main heading (e.g., \u201cWelcome to Our Company\u201d)<\/li>\n\n\n\n<li><strong>Toper Subtitle<\/strong>: Optional short line above the title (rarely used \u2014 may be theme-specific)<\/li>\n\n\n\n<li><strong>Lower Subtitle<\/strong>: Supporting text below the title<\/li>\n\n\n\n<li><strong>Button Name<\/strong>: Text shown on the button (e.g., \u201cGet Started\u201d)<\/li>\n\n\n\n<li><strong>Button URL<\/strong>: Link where the button leads (e.g., <code>\/contact<\/code>, <code>https:\/\/example.com<\/code>)<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"block-2-center\"><strong>Block 2 (Center)<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Same fields as Block 1:<\/li>\n\n\n\n<li>Second Image<\/li>\n\n\n\n<li>Second Title<\/li>\n\n\n\n<li>Second Subtitle<\/li>\n\n\n\n<li>Second Button Name &amp; URL<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"block-3-right\"><strong>Block 3 (Right)<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Same structure:<\/li>\n\n\n\n<li>Third Image<\/li>\n\n\n\n<li>Third Title<\/li>\n\n\n\n<li>Third Subtitle<\/li>\n\n\n\n<li>Third Button Name &amp; URL<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 <strong>Note<\/strong>: Not all themes display all three blocks. Some may show only one or two. Check your selected <strong>Theme<\/strong> under <em>Settings \u2192 Themes<\/em>.<\/p>\n<\/blockquote>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>After filling in your content, click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-practices-1\"><strong>Best Practices<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use <strong>high-quality, compressed images<\/strong> (recommended size: 800\u00d7600 or similar).<\/li>\n\n\n\n<li>Keep <strong>titles short and impactful<\/strong>.<\/li>\n\n\n\n<li>Ensure <strong>button URLs are valid<\/strong> (start with <code>http:\/\/<\/code>, <code>https:\/\/<\/code>, or use relative paths like <code>\/services<\/code>).<\/li>\n\n\n\n<li>Leave unused blocks <strong>empty<\/strong> if your theme doesn\u2019t support them \u2014 they\u2019ll be ignored.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\uddbc\ufe0f If no image is uploaded, a placeholder (<code>noimage.jpg<\/code>) will appear.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"home-home-sections\"><strong>Home \u2192 Home Sections<\/strong><\/h2>\n\n\n\n<p>Customize the titles and content of key sections displayed on your website\u2019s homepage. This page allows you to edit text labels and upload images for various dynamic blocks\u2014ideal for e-commerce or multi-service sites.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Note<\/strong>: You can switch languages using the dropdown in the top-right corner (e.g., English, Arabic).<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-update-home-sections\"><strong>How to Update Home Sections<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Home \u2192 Home Sections<\/strong>.<\/li>\n\n\n\n<li>Use the language selector to choose the version you want to edit.<\/li>\n\n\n\n<li>Edit any of the available sections below:<\/li>\n\n\n\n<li>Click <strong>Update<\/strong> to save all changes.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"available-sections-fields\"><strong>Available Sections &amp; Fields<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"flash-sale-section\">\ud83d\udd39 <strong>Flash Sale Section<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Field<\/strong>: Flash Sale Section Title<\/li>\n\n\n\n<li><strong>Purpose<\/strong>: Sets the headline above flash sale countdowns or limited-time offers.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"categories-section\">\ud83d\udd39 <strong>Categories Section<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Field<\/strong>: Categories Section Title<\/li>\n\n\n\n<li><strong>Purpose<\/strong>: Title shown above product\/service categories (e.g., \u201cShop by Category\u201d).<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"featured-item-section\">\ud83d\udd39 <strong>Featured Item Section<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Field<\/strong>: Featured Item Section Title<\/li>\n\n\n\n<li><strong>Purpose<\/strong>: Label for highlighted products or services (e.g., \u201cTrending Now\u201d).<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"featured-category-items-section\">\ud83d\udd39 <strong>Featured Category Items Section<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Field<\/strong>: Featured Category Item Section Title<\/li>\n\n\n\n<li><strong>Purpose<\/strong>: Header for items grouped under a specific featured category.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"top-rated-item-section\">\ud83d\udd39 <strong>Top Rated Item Section<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fields<\/strong>:<\/li>\n\n\n\n<li><strong>Top Rated Item Section Title<\/strong> \u2013 e.g., \u201cCustomer Favorites\u201d<\/li>\n\n\n\n<li><strong>Top Rated Item Section Image<\/strong> \u2013 Upload a supporting visual (JPG\/PNG)<\/li>\n\n\n\n<li><strong>Image Title<\/strong> \u2013 Overlay text on the image<\/li>\n\n\n\n<li><strong>Button Name<\/strong> \u2013 Call-to-action label (e.g., \u201cView FAQ\u201d)<\/li>\n\n\n\n<li><strong>Button Link<\/strong> \u2013 URL the button leads to (e.g., <code>\/faq<\/code>)<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udccc Despite the field names (<code>featured_course_section_title<\/code>, <code>faq_section_title<\/code>), these are reused generic inputs \u2014 just enter the appropriate text for your context.<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"on-sale-section\">\ud83d\udd39 <strong>On Sale Section<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fields<\/strong>:<\/li>\n\n\n\n<li><strong>On Sale Section Title<\/strong> \u2013 e.g., \u201cSpecial Deals\u201d<\/li>\n\n\n\n<li><strong>On Sale Section Image<\/strong> \u2013 Background or promotional banner<\/li>\n\n\n\n<li><strong>On Sale Image Subtitle<\/strong> \u2013 Short description under the title<\/li>\n\n\n\n<li><strong>On Sale Image Button Name<\/strong> \u2013 e.g., \u201cShop Now\u201d<\/li>\n\n\n\n<li><strong>On Sale Image Button Link<\/strong> \u2013 Destination URL (e.g., <code>\/shop?on_sale=1<\/code>)<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 All image uploads support JPG, JPEG, and PNG formats. A placeholder (<code>noimage.jpg<\/code>) appears if no image is set.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-practices-2\"><strong>Best Practices<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Keep titles short, clear, and action-oriented.<\/li>\n\n\n\n<li>Use consistent branding in subtitles and button text.<\/li>\n\n\n\n<li>Ensure button links are valid (start with <code>http:\/\/<\/code>, <code>https:\/\/<\/code>, or use relative paths like <code>\/products<\/code>).<\/li>\n\n\n\n<li>Preview your homepage after saving to confirm layout alignment.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"home-features\"><strong>Home \u2192 Features<\/strong><\/h2>\n\n\n\n<p>The <strong>Features<\/strong> section allows you to highlight key services, values, or selling points of your business on the homepage using icons, titles, and short descriptions.<\/p>\n\n\n\n<p>Each feature appears as a card (often in a grid) and can be reordered using serial numbers.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-add-a-new-feature\"><strong>How to Add a New Feature<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Home \u2192 Features<\/strong>.<\/li>\n\n\n\n<li>Click the <strong>Add Feature<\/strong> button (top-right).<\/li>\n\n\n\n<li>In the popup modal:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Language<\/strong>: Select the language (e.g., English).<\/li>\n\n\n\n<li><strong>Icon<\/strong>: Upload an image (JPG\/PNG) to represent the feature (e.g., a custom icon or illustration).<br>&gt; \ud83d\udccc <em>Note: Despite the label \u201cIcon,\u201d this field accepts image files\u2014not Font Awesome icons.<\/em><\/li>\n\n\n\n<li><strong>Title<\/strong>: Enter a short headline (e.g., \u201cFast Delivery\u201d).<\/li>\n\n\n\n<li><strong>Text<\/strong>: Write a brief description (1\u20132 sentences).<\/li>\n\n\n\n<li><strong>Serial Number<\/strong>: Assign a number to control display order.<br>\u2192 Lower numbers appear first; higher numbers appear later.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Submit<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 All fields marked with <code>**<\/code> are required.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-edit-or-delete-a-feature\"><strong>How to Edit or Delete a Feature<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the <strong>Features table<\/strong>:<\/li>\n\n\n\n<li>Click <strong>Edit<\/strong> to modify title, text, icon, or serial number.<\/li>\n\n\n\n<li>Click <strong>Delete<\/strong> to remove the feature permanently.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udd04 Changes reflect immediately on your live homepage.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-practices-3\"><strong>Best Practices<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use <strong>consistent icon sizes<\/strong> (recommended: 80\u00d780 px or square format).<\/li>\n\n\n\n<li>Keep <strong>titles under 3 words<\/strong> and <strong>descriptions under 20 words<\/strong> for clarity.<\/li>\n\n\n\n<li>Use <strong>serial numbers sequentially<\/strong> (e.g., 1, 2, 3) to avoid layout gaps.<\/li>\n\n\n\n<li>Ensure uploaded images have <strong>transparent or matching backgrounds<\/strong> for visual harmony.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 Example Feature:<br><strong>Title<\/strong>: 24\/7 Support<br><strong>Text<\/strong>: Our team is always ready to assist you anytime, anywhere.<br><strong>Icon<\/strong>: <code>support-icon.png<\/code><\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"home-offer-banner\"><strong>Home \u2192 Offer Banner<\/strong><\/h2>\n\n\n\n<p>Use the <strong>Offer Banner<\/strong> section to promote special deals, announcements, or calls-to-action on your homepage with a customizable image banner and overlay text.<\/p>\n\n\n\n<p>You can place banners at the <strong>top<\/strong> or <strong>bottom<\/strong> of the homepage.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-add-an-offer-banner\"><strong>How to Add an Offer Banner<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Home \u2192 Offer Banner<\/strong>.<\/li>\n\n\n\n<li>Click the <strong>Add Banner<\/strong> button (top-right).<\/li>\n\n\n\n<li>In the popup modal:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Language<\/strong>: Select the language (e.g., English).<\/li>\n\n\n\n<li><strong>Image<\/strong>: Upload a promotional image (JPG\/PNG). Recommended size: <strong>1920\u00d7400 px<\/strong> (full-width banner).<\/li>\n\n\n\n<li><strong>Text 1<\/strong>: Main headline (e.g., \u201cSummer Sale!\u201d).<\/li>\n\n\n\n<li><strong>Text 2<\/strong>: Supporting subtitle (e.g., \u201cUp to 50% off on all services\u201d).<\/li>\n\n\n\n<li><strong>Button Name<\/strong>: Call-to-action label (e.g., \u201cShop Now\u201d).<\/li>\n\n\n\n<li><strong>Url<\/strong>: Destination link (e.g., <code>\/shop<\/code>, <code>https:\/\/example.com\/deal<\/code>).<\/li>\n\n\n\n<li><strong>Position<\/strong>: Choose where the banner appears:\n<ul class=\"wp-block-list\">\n<li><strong>Top<\/strong>: Above main content<\/li>\n\n\n\n<li><strong>Bottom<\/strong>: Below main content<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Submit<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 All fields marked with <code>**<\/code> are required.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-edit-or-delete-a-banner\"><strong>How to Edit or Delete a Banner<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the <strong>Offer Banner table<\/strong>:<\/li>\n\n\n\n<li>Click <strong>Edit<\/strong> to update text, image, URL, or position.<\/li>\n\n\n\n<li>Click <strong>Delete<\/strong> to remove the banner permanently.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udd04 Changes appear immediately on your live homepage.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-practices-4\"><strong>Best Practices<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use <strong>high-resolution, eye-catching images<\/strong> with minimal text (since you add text separately).<\/li>\n\n\n\n<li>Keep <strong>Text 1 short<\/strong> (3\u20135 words) and <strong>Text 2 concise<\/strong> (under 10 words).<\/li>\n\n\n\n<li>Ensure the <strong>button URL is valid<\/strong> and leads to a relevant page.<\/li>\n\n\n\n<li>Avoid adding multiple banners in the same position\u2014only one will display per position.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 Example:<br><strong>Text 1<\/strong>: Flash Sale!<br><strong>Text 2<\/strong>: Ends in 24 hours<br><strong>Button Name<\/strong>: Grab Deal<br><strong>URL<\/strong>: <code>\/products?on_sale=1<\/code><br><strong>Position<\/strong>: Top<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"home-sections-hide-show\"><strong>Home \u2192 Sections Hide\/Show<\/strong><\/h2>\n\n\n\n<p>Control which sections appear on your homepage by toggling them <strong>Active<\/strong> or <strong>Deactive<\/strong>. This gives you full layout flexibility without editing code.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 All changes apply immediately after clicking <strong>Update<\/strong>.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-customize-section-visibility\"><strong>How to Customize Section Visibility<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Home \u2192 Sections Hide \/ Show<\/strong>.<\/li>\n\n\n\n<li>For each section, select:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Active<\/strong>: The section will be visible on your homepage.<\/li>\n\n\n\n<li><strong>Deactive<\/strong>: The section will be hidden.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong> to save your preferences.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"available-sections-descriptions\"><strong>Available Sections &amp; Descriptions<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Section<\/th><th>Purpose<\/th><\/tr><\/thead><tbody><tr><td><strong>Features Section<\/strong><\/td><td>Displays your key service highlights (icons + text from <em>Home \u2192 Features<\/em>).<\/td><\/tr><tr><td><strong>Flash Sale Items Section<\/strong><\/td><td>Shows time-limited deals or discounted products.<\/td><\/tr><tr><td><strong>Offer Banner Section (Top)<\/strong><\/td><td>Displays an offer banner at the top of the homepage (configured in <em>Home \u2192 Offer Banner<\/em> with position = &#8220;Top&#8221;).<\/td><\/tr><tr><td><strong>Featured Categories Section<\/strong><\/td><td>Lists main product\/service categories with images or icons.<\/td><\/tr><tr><td><strong>Feature Items Section<\/strong><\/td><td>Highlights specific products or services marked as \u201cfeatured.\u201d<\/td><\/tr><tr><td><strong>Featured Category Items Section<\/strong><\/td><td>Shows items grouped under a featured category.<\/td><\/tr><tr><td><strong>Top Rated Items Section<\/strong><\/td><td>Displays customer-favorite or highest-rated products\/services.<\/td><\/tr><tr><td><strong>Offer Banner Section (Bottom)<\/strong><\/td><td>Shows an offer banner at the bottom of the homepage (position = &#8220;Bottom\u201d).<\/td><\/tr><tr><td><strong>On Sale Section<\/strong><\/td><td>Promotes products currently on discount or special pricing.<\/td><\/tr><tr><td><strong>Top Footer Section<\/strong><\/td><td>The upper part of the footer (often includes contact info, newsletter, or links).<\/td><\/tr><tr><td><strong>Copyright Section<\/strong><\/td><td>The bottom bar containing copyright text and legal info.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 By default, most sections are <strong>Active<\/strong>. You can disable any section that doesn\u2019t suit your business model (e.g., hide &#8220;Flash Sale&#8221; if you don\u2019t run promotions).<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-practices-5\"><strong>Best Practices<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Disable unused sections to <strong>improve page load speed<\/strong> and reduce clutter.<\/li>\n\n\n\n<li>Ensure at least one call-to-action section remains active (e.g., Features or Offer Banner).<\/li>\n\n\n\n<li>After hiding a section, verify your homepage layout on both desktop and mobile.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"services\"><strong>Services<\/strong><\/h2>\n\n\n\n<p>Use this section to create and manage service offerings displayed on your website (e.g., \u201cWeb Design,\u201d \u201cConsulting,\u201d \u201cIT Support\u201d). Each service can include an image, description, SEO metadata, and optional detail page.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-add-a-new-service\"><strong>How to Add a New Service<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Service Page \u2192 Services<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Add Service<\/strong> (top-right).<\/li>\n\n\n\n<li>In the modal form:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Language<\/strong>: Select the content language (e.g., English).<\/li>\n\n\n\n<li><strong>Image<\/strong>: Upload a representative image (PNG\/JPG). Recommended size: <strong>400\u00d7300 px<\/strong>.<\/li>\n\n\n\n<li><strong>Name<\/strong>: Enter the service title (e.g., \u201cDigital Marketing\u201d).<\/li>\n\n\n\n<li><strong>Content<\/strong>: Write a detailed description using the rich text editor.<\/li>\n\n\n\n<li><strong>Serial Number<\/strong>: Assign a number to control display order<br>\u2192 Lower numbers appear first.<\/li>\n\n\n\n<li><strong>Detail Page<\/strong>:\n<ul class=\"wp-block-list\">\n<li><strong>Enable<\/strong>: Creates a dedicated page (<code>\/service\/name<\/code>) with full content.<\/li>\n\n\n\n<li><strong>Disable<\/strong>: Shows only summary on the main services page.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Meta Keywords &amp; Description<\/strong>: Optional SEO fields for the detail page (if enabled).<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Submit<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 All fields marked with <code>**<\/code> are required.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-manage-existing-services\"><strong>How to Manage Existing Services<\/strong><\/h3>\n\n\n\n<p>In the <strong>Services table<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Edit<\/strong>: Modify name, image, content, or settings.<\/li>\n\n\n\n<li><strong>Delete<\/strong>: Remove a service permanently.<\/li>\n\n\n\n<li><strong>Bulk Delete<\/strong>: Select multiple services using checkboxes and click <strong>Delete<\/strong>.<\/li>\n\n\n\n<li><strong>Featured<\/strong>: Toggle \u201cYes\/No\u201d to highlight specific services (may affect homepage or sidebar display depending on theme).<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-practices-6\"><strong>Best Practices<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use <strong>consistent image dimensions<\/strong> for visual uniformity.<\/li>\n\n\n\n<li>Keep <strong>service names short and clear<\/strong> (2\u20134 words).<\/li>\n\n\n\n<li>Enable <strong>Detail Page<\/strong> only if you have substantial content to show.<\/li>\n\n\n\n<li>Fill <strong>SEO fields<\/strong> if the service has a public detail page\u2014this helps with search visibility.<\/li>\n\n\n\n<li>Use <strong>serial numbers sequentially<\/strong> (e.g., 1, 2, 3) to avoid layout confusion.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 Example Service:<br><strong>Name<\/strong>: Cloud Hosting<br><strong>Content<\/strong>: \u201cReliable, scalable cloud infrastructure with 99.9% uptime\u2026\u201d<br><strong>Detail Page<\/strong>: Enabled<br><strong>Featured<\/strong>: Yes<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"team\"><strong>Team<\/strong><\/h2>\n\n\n\n<p>Manage your organization\u2019s 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).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-add-a-team-member\"><strong>How to Add a Team Member<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Home \u2192 Team Section<\/strong>.<\/li>\n\n\n\n<li>Use the language selector (top) to choose the content language (e.g., English).<\/li>\n\n\n\n<li>Click <strong>Add Member<\/strong> (top-right button).<\/li>\n\n\n\n<li>On the member creation page (accessible via <code>\/user\/team_section\/create_member<\/code>), you\u2019ll typically be able to:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Upload a <strong>profile image<\/strong> (recommended: square, 400\u00d7400 px)<\/li>\n\n\n\n<li>Enter <strong>Name<\/strong> (e.g., \u201cSarah Johnson\u201d)<\/li>\n\n\n\n<li>Enter <strong>Rank\/Position<\/strong> (e.g., \u201cMarketing Director\u201d)<\/li>\n\n\n\n<li>Optionally add <strong>social links<\/strong>, <strong>bio<\/strong>, or <strong>contact info<\/strong> (if supported by your theme)<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Save the member.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-manage-existing-team-members\"><strong>How to Manage Existing Team Members<\/strong><\/h3>\n\n\n\n<p>In the <strong>Members table<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Edit<\/strong>: Click the <strong>Edit (pencil)<\/strong> icon to update a member\u2019s details.<\/li>\n\n\n\n<li><strong>Delete<\/strong>: Click the <strong>Delete (trash)<\/strong> icon to remove a member permanently.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udd04 Changes appear immediately on your live site.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-practices-7\"><strong>Best Practices<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use <strong>professional, high-quality headshots<\/strong> with consistent styling (background, lighting).<\/li>\n\n\n\n<li>Keep <strong>Rank\/Position titles clear and concise<\/strong> (e.g., \u201cFrontend Developer,\u201d not \u201cCode Wizard\u201d).<\/li>\n\n\n\n<li>Ensure all team photos are <strong>similar in size and crop<\/strong> for visual consistency.<\/li>\n\n\n\n<li>Only include active team members\u2014remove departed staff promptly.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 Example Entry:<br><strong>Name<\/strong>: Ahmed Hassan<br><strong>Rank<\/strong>: Senior Web Developer<br><strong>Image<\/strong>: <code>ahmed_hassan.jpg<\/code><\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"gallery-management\"><strong>Gallery Management<\/strong><\/h2>\n\n\n\n<p>Organize and display visual content (images or videos) in categorized galleries on your website. Ideal for portfolios, events, products, or showcases.<\/p>\n\n\n\n<p>The module has <strong>three main sections<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Settings<\/strong><\/li>\n\n\n\n<li><strong>Categories<\/strong><\/li>\n\n\n\n<li><strong>Gallery Items<\/strong><\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-settings\"><strong>1. Settings<\/strong><\/h3>\n\n\n\n<p>Control whether gallery categories are visible on the frontend.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-update-gallery-settings\"><strong>How to Update Gallery Settings<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Gallery Management \u2192 Settings<\/strong>.<\/li>\n\n\n\n<li>Choose:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Active<\/strong>: Categories will appear as filters or headings.<\/li>\n\n\n\n<li><strong>Deactive<\/strong>: All items will show in a single list (no category separation).<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 Use <strong>Deactive<\/strong> if you only have one type of gallery content.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-categories\"><strong>2. Categories<\/strong><\/h3>\n\n\n\n<p>Group your gallery items into logical sections (e.g., \u201cEvents,\u201d \u201cProjects,\u201d \u201cProducts\u201d).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-add-a-category\"><strong>How to Add a Category<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Gallery Management \u2192 Categories<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Add Category<\/strong>.<\/li>\n\n\n\n<li>Fill in:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Language<\/strong>: Select content language (e.g., English).<\/li>\n\n\n\n<li><strong>Category Name<\/strong>: e.g., \u201cWedding Photos\u201d<\/li>\n\n\n\n<li><strong>Status<\/strong>: Active\/Deactive<\/li>\n\n\n\n<li><strong>Serial Number<\/strong>: Controls display order (lower = appears first)<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-edit-or-delete\"><strong>How to Edit or Delete<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use <strong>Edit<\/strong> to update name, status, or order.<\/li>\n\n\n\n<li>Use <strong>Delete<\/strong> to remove a category (items in it will become uncategorized).<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udd04 Changes reflect immediately on your live gallery page.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-gallery-items\"><strong>3. Gallery Items<\/strong><\/h3>\n\n\n\n<p>Add individual images or video links to your gallery.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-add-an-item\"><strong>How to Add an Item<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Gallery Management \u2192 Gallery<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Add Item<\/strong>.<\/li>\n\n\n\n<li>Choose <strong>Item Type<\/strong>:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Image<\/strong>: Upload a file (JPG\/PNG)<\/li>\n\n\n\n<li><strong>Video<\/strong>: Paste a public URL (e.g., YouTube, Vimeo)<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Fill in:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Language<\/strong>: Content language<\/li>\n\n\n\n<li><strong>Category<\/strong>: Assign to a category (if enabled)<\/li>\n\n\n\n<li><strong>Title<\/strong>: Brief description (e.g., \u201cBeach Sunset\u201d)<\/li>\n\n\n\n<li><strong>Serial Number<\/strong>: Display order within the category<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udccc For videos: Only public embeddable links are supported. The system auto-formats them.<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"manage-existing-items\"><strong>Manage Existing Items<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Edit<\/strong>: Update title, image\/video, category, or serial number.<\/li>\n\n\n\n<li><strong>Delete<\/strong>: Remove item permanently.<\/li>\n\n\n\n<li><strong>Featured<\/strong>: Toggle \u201cYes\/No\u201d to highlight specific items (may affect homepage or sliders depending on theme).<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 Tip: Use consistent image sizes (e.g., 1200\u00d7800 px) for best visual results.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-practices-8\"><strong>Best Practices<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use <strong>descriptive titles<\/strong> for SEO and accessibility.<\/li>\n\n\n\n<li>Keep <strong>serial numbers sequential<\/strong> (1, 2, 3\u2026) for predictable ordering.<\/li>\n\n\n\n<li>If using categories, ensure every item is assigned to one.<\/li>\n\n\n\n<li>Avoid very large image files\u2014compress before uploading for faster loading.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"career\"><strong>Career<\/strong><\/h2>\n\n\n\n<p>Manage job postings and categories for your website\u2019s career page. Ideal for companies, agencies, or organizations accepting job applications.<\/p>\n\n\n\n<p>The module includes three main sections:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Job Categories<\/strong><\/li>\n\n\n\n<li><strong>Post Job<\/strong><\/li>\n\n\n\n<li><strong>Jobs (Management)<\/strong><\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-job-categories\"><strong>1. Job Categories<\/strong><\/h3>\n\n\n\n<p>Organize job listings into logical groups (e.g., \u201cEngineering,\u201d \u201cMarketing,\u201d \u201cHR\u201d).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-add-a-job-category\"><strong>How to Add a Job Category<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Career \u2192 Job Categories<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Add Category<\/strong>.<\/li>\n\n\n\n<li>Fill in:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Language<\/strong>: e.g., English<\/li>\n\n\n\n<li><strong>Name<\/strong>: e.g., \u201cSoftware Development\u201d<\/li>\n\n\n\n<li><strong>Status<\/strong>: Active\/Deactive<\/li>\n\n\n\n<li><strong>Serial Number<\/strong>: Controls display order (lower = appears first)<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Submit<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"manage-existing-categories\"><strong>Manage Existing Categories<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Edit<\/strong>: Update name, status, or order.<\/li>\n\n\n\n<li><strong>Delete<\/strong>: Remove category (jobs under it will become uncategorized).<\/li>\n\n\n\n<li><strong>Bulk Delete<\/strong>: Select multiple categories using checkboxes.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udd04 Changes reflect immediately on the public career page.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-post-job\"><strong>2. Post Job<\/strong><\/h3>\n\n\n\n<p>Create detailed job listings with requirements, responsibilities, and application info.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-post-a-new-job\"><strong>How to Post a New Job<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Career \u2192 Post Job<\/strong>.<\/li>\n\n\n\n<li>Fill in the form:<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Language<\/strong>: Select content language.<\/li>\n\n\n\n<li><strong>Title<\/strong>: e.g., \u201cFrontend Developer\u201d<\/li>\n\n\n\n<li><strong>Category<\/strong>: Choose from active job categories.<\/li>\n\n\n\n<li><strong>Employment Status<\/strong>: e.g., <code>full-time, remote<\/code> (use commas to separate)<\/li>\n\n\n\n<li><strong>Vacancy<\/strong>: Number of open positions<\/li>\n\n\n\n<li><strong>Application Deadline<\/strong>: Pick a date<\/li>\n\n\n\n<li><strong>Experience in Years<\/strong>: e.g., \u201c3+ years\u201d<\/li>\n\n\n\n<li><strong>Job Location<\/strong>: e.g., \u201cAleppo, Syria\u201d<\/li>\n\n\n\n<li><strong>Email<\/strong>: Where applicants send CVs<\/li>\n\n\n\n<li><strong>Sections<\/strong> (use rich text editor):\n<ul class=\"wp-block-list\">\n<li>Job Responsibilities<\/li>\n\n\n\n<li>Educational Requirements<\/li>\n\n\n\n<li>Experience Requirements<\/li>\n\n\n\n<li>Additional Requirements<\/li>\n\n\n\n<li>Salary<\/li>\n\n\n\n<li>Benefits<\/li>\n\n\n\n<li>Read Before Apply (instructions for candidates)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Serial Number<\/strong>: Display order among other jobs<\/li>\n\n\n\n<li><strong>SEO Fields<\/strong> (optional): Meta Keywords &amp; Description<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Submit<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2705 All fields marked with <code>**<\/code> are required.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-jobs-management\"><strong>3. Jobs (Management)<\/strong><\/h3>\n\n\n\n<p>View, edit, or delete all posted jobs.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"in-the-jobs-table\"><strong>In the Jobs Table<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Edit<\/strong>: Modify any job details.<\/li>\n\n\n\n<li><strong>Delete<\/strong>: Remove a job listing permanently.<\/li>\n\n\n\n<li><strong>Bulk Delete<\/strong>: Select multiple jobs and delete at once.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 Each job links to a public detail page (if enabled by theme), which can be shared directly with candidates.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-practices-9\"><strong>Best Practices<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use <strong>consistent category names<\/strong> across languages.<\/li>\n\n\n\n<li>Set <strong>realistic deadlines<\/strong> and update\/remove expired jobs regularly.<\/li>\n\n\n\n<li>Include <strong>clear salary info<\/strong> to attract qualified applicants.<\/li>\n\n\n\n<li>Enable <strong>email verification<\/strong> (in General Settings) to ensure valid applicant emails.<\/li>\n\n\n\n<li>Fill <strong>SEO fields<\/strong> to improve visibility in job search engines.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Settings \u2192 Theme This section allows you to choose the visual layout and style of your website\u2019s homepage. Each theme is designed for a specific&#8230;<\/p>\n","protected":false},"author":49,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","pgc_sgb_lightbox_settings":"","footnotes":"","_siteseo_titles_title":"","_siteseo_titles_desc":"","_siteseo_analysis_target_kw":"","_siteseo_robots_canonical":"","_siteseo_robots_index":"","_siteseo_robots_follow":"","_siteseo_robots_primary_cat":"","_siteseo_social_fb_title":"","_siteseo_social_fb_desc":"","_siteseo_social_fb_img":"","_siteseo_social_twitter_title":"","_siteseo_social_twitter_desc":"","_siteseo_social_twitter_img":""},"categories":[11,125],"tags":[],"class_list":["post-2700","post","type-post","status-publish","format-standard","hentry","category-web-devad-io-docs","category-setup-basics-web-devad-io-docs"],"acf":[],"menu_order":0,"_links":{"self":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/2700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/comments?post=2700"}],"version-history":[{"count":1,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/2700\/revisions"}],"predecessor-version":[{"id":2701,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/posts\/2700\/revisions\/2701"}],"wp:attachment":[{"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/media?parent=2700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/categories?post=2700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devad.io\/guides\/wp-json\/wp\/v2\/tags?post=2700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}