Content Management

Admin can edit and manage the content displayed on the front-end of the website through modules provided under this category. 

1. Content Pages

Through this module, the content pages can be added to the website by the admin, and previously added content pages can be managed as shown in figure below. 


A search bar is provided on the top using which admin can search a particular content page by mentioning its ‘Page Identifier’. The Content Pages List provides admin with certain functionalities which are:

  • Layout Instructions: Layouts are provided within the system, which help in making it easy for admin to organize the outlooks of content pages on the website. Layouts provided in the system can be viewed by clicking on ‘Layout Instructionsicon provided on the top-right corner of ‘Contents’ page. ‘Content Pages Layout Instructions’ menu will appear on screen which displays all the layouts provided by the system as shown in the figure below.
  • Add Page: Admin must click on this icon to add a new content page to the website. A ‘Content Pages Setup box will appear which includes two tabs:
    • General tab: As shown in the figure below, admin must:
      • Page Identifier*: Enter a unique page identifier for the content page to be added.
      • Layout Type*: Choose the type of layout from the drop-down box.
         
        Admin must click on the ‘Save Changes’ button to proceed further.
    • Language Data tab:
      The admin must:
      • Primary/Secondary Language Data Tab: Select the preferred language.
      • Page Title*: Enter the unique page title. 
      • Background Image: Upload the background image.
      • Background Image Title: Upload the background image title.
      • Background Image Description: Update the background image description. 
      • Content Block 1: Enter the content of the page in the text editor box provided under this section. 
      • Content Block 2: Enter the content of the page in the text editor box provided under this section.
        NB: The text-editors will vary as per the layout chosen by admin.
      • Edit: Admin can edit the previously added content pages by clicking on this iconprovided to the right of each content page shown in the list. The ‘Content Pages Setup’ box will appear in which admin can make necessary changes.
      • Delete : Admin can delete a content page from the website by clicking on the delete icon provided to the right of the respective content page in the list.



2.  Video Content

Through this module, the video content can be added to the website by the admin, and previously added video content can be managed as shown in the figure below.



A search bar is provided on the top using which admin can search a particular video content by mentioning its ‘Content Heading’. The Content Pages List provides admin with certain functionalities which are:

  • Add Page: Admin must click on this icon to add a new content page to the website. A ‘Video Content’ box will appear which includes two tabs:
    • General tab: As shown in the figure below, admin must:
      • Content Heading*: Enter content heading for the video content to be added. 
      • Video URL*: Enter the YouTube video URL for the content page. 
      • Status: Choose the status as Active or In-active.
        Admin must click on the ‘Save Changes’ button to proceed further.
    • Primary/Secondary Language Data tab: The admin must:
      • English/LBL_Arabic: Select the preferred language.
      • Page Title*: Enter the unique video title.



  • Edit: Admin can edit the previously added video content by clicking on this icon  provided to the right of each video content shown in the list. The ‘Video Content Setup’ box will appear in which admin can make necessary changes. 
  • Delete: Admin can delete a video content from the website by clicking on the delete icon provided to the right of the respective video content in the list.

3. Home Page Slides Management

The home page slides are displayed just below the header section of the home page. Admin can enter an innumerable number of slides, however, only four slides will be chosen by the system randomly to display at the front-end home page.


The list of homepage slides is displayed as shown in the figure above. From this page, admin can perform following functions: 

  • Add New Slide: Clicking on this icon will redirect admin to ‘Slide Setup’ pop-up menu bar which includes three tabs:
    • General tab:As shown in figure below, admin must enter general details for new slide to be added, such as:
      • Slide Identifier*: Admin must enter a unique identifier for the slide to be created. 
      • Slide URL: Admin can enter a slide URL for the slide to be created.
      • Open In: Admin can select from the drop-down menu for the same or new window.
      • Status: Admin can define the current status of the slide as ‘Active’ or ‘Inactive’. Selecting active will display the slide at front-end and in-active will restrict it from being displayed at front-end.


        Admin must click on ‘Save Changes’ to proceed further. 
    • Primary/Secondary Language Data tab: As shown in the figure below, through this tab:
      • English/Arabic: Select the preferred language. 
      • Slide Title*: Admin must enter the unique title of the slide.


        Admin must click on the ‘Update’ button to proceed further. 
    • Media tab: As shown in the figure below, through this tab:
      • Language: Select the preferred language from the drop-down list.  
      • Display For: There are three options provided in this drop-down box:
        • Desktop
        • I pad
        • Mobile
          Admin must upload different images for different devices to avoid any distortions. 
      • Slide Banner Image: Admin must upload the image by clicking on the ‘Upload File’ button.


        The order at which the homepage slides will be displayed at the front-end, can be changed.   provided to the left of each slide can be dragged and dropped to rearrange the list.
  • Status: Admin can change the status of each slide from the toggle switch button provided in this column. The toggle displayed green means that the status of the slide is ‘Active’ and grey means that the status of slide is ‘In-active’. 
  • Edit : Admin can make changes in details of the slide by clicking on this icon which will redirect them to the ‘Slide Setup’ pop-up menu bar. 
  • Delete : Admin can delete the respective slide from the list by clicking on this icon. 

4. Price Slab Management


Admin can perform the following operations in this section:

  • On clicking the Add Price slab option, admin can add a new price slab of lessons. Admin is required to fill the below-mentioned fields:


    In the figure above: Price Slab Setup Form
    • Minimum (Min)
    • Maximum (Max)
    • On clicking the Edit option, admin can edit the details of the price slab.
  • On clicking the Delete option, admin can delete the lesson packages.

5. Banners

The banners that are displayed at the home page can be managed by the admin from this module. As shown in the figure below, there are predefined sections laid out for the admin. Admin can add new banners within those predefined sections.


Admin can perform following functionalities on this page: 

  • Status: Admin can change the status of the respective banner from the toggle switch button provided in this column. The toggle displayed green means that the status of the respective banner is ‘Active’ and grey means that the status of banner is ‘In-active’. 
  • Edit : Admin can make changes in details of the banner by clicking on this button which will redirect them to the ‘Banner Setup’pop-up menu. It includes two tabs: 
    • General tab: As shown in the figure below, the admin can: 
      • Preference Identifier*: Change the identifier. 
    • Primary/Secondary Language Data tab: As shown in the figure below, the admin must:
      • Preference Title*: Enter the preference title.


        Admin must click on ‘Update’ to update the changes successfully.
  • Banners : All the banners and promotions under respective banner locations can be added by clicking on this icon. If banners count is more than the predefined count for that location then the system will display the banners & promotions randomly.
     
    NB: Admin can also rearrange the order in which the Collections will be displayed at the front-end.provided to the left of each collection can be dragged and dropped to rearrange the list.Admin can perform following functionalities from this page:
    • Action Buttons: Clicking on the   provided on the top-right corner of this page, admin will be provided two action buttons:
      1. Add New: Clicking on this button, admin can add a new banner or promotion under the respective banner location. A ‘Banner Setups’ pop-up menu will appear which includes three tabs:
        1. General tab: As shown in the figure below, the admin must:
          • Open In: Select if the admin will be redirected to the page 
          • Status: Select the current status of the banner.
            Admin must click on ‘Save Changes’ to proceed further.


        2. Language Data tab: As shown in the figure below, the admin must:
          • Language: Select the preferred language from the drop-down list.  
          • Banner Title*: Enter title for the banner.


        3. Media tab: As shown in the figure below, the admin must:
          • Upload: Upload image to be displayed for banner.
              
      2. Back: Admin can click on this button to return back to the ‘Banners Location List’ page.
    • Status: Admin can change the status of the respective banner from the toggle switch button provided in this column. The toggle displayed green means that the status of the respective banner is ‘Active’ and grey means that the status of banner is ‘In-active’. 
    • Edit: Clicking on this icon the admin will be redirected to ‘Banner Setups’ pop-up menu in which admin can make necessary changes. 

6. Testimonials 

‘Testimonials’ sub-section is displayed under the ‘Extras’ Navigation section provided at the bottom of the home page. Admin can add and manage the testimonials displayed on this page.  


As shown in the figure above, the ‘Testimonials Listing’ provides admin certain functionalities: 

  • Add Testimonial: Admin must click on this icon to add a new testimonial to be displayed on their website. A ‘Testimonial Setup’ box will appear that provides three tabs:
    • General tab: As shown in the figure below, admin must:
      • Testimonial Identifier*: Enter a unique identifier for the testimonial. 
      • Testimonial User Name*: Enter the username whose testimonial is to be posted. 
      • Status: Admin can select the current status of this testimonial from the drop-down list.
        Admin must click on the ‘Save Changes’ button to process further.


    • Primary and Secondary Language Data tab:As shown in the figure above, admin must:
      • Language: Select the preferred language between English and Arabic. 
      • Testimonial Title*: Enter the title for the testimonial being added.
      • Testimonial Text*: Enter the text to be displayed for that testimonial.
        Admin must click on ‘Save Changes’ to proceed further. 

7. Navigation Management

The navigation bars can be managed by admin through this module. Admin cannot add a new navigation bar, however, they can make changes in the already displayed options. There are six navigation provided on this page as shown in the figure below.
 


Admin can make following changes by clicking on the ‘Edit’ icon - 

  • General tab: Provided fields -  
  • Identifier*: The unique identifier for respective navigation. 
  • Status: The status of navigation from the drop-down bar. Selecting ‘Active’ will activate the navigation and selecting ‘In-active’ will deactivate the navigation.


  • Language Data tab: Provided fields -  
    • Language: Select the preferred language between English or Arabic.
    • Title*: Admin can change the title for respective navigation to be displayed at the front-end. 

Navigation pages can be added, edited or deleted by clicking on Pages’ icon. To add a navigation page click on the menu icon provided on the top-right corner and select ‘Add Navigation Page’ which will open the ‘Navigation Link Setup’ form which includes two tabs -

  1. General tab: Provided fields -  
    • Caption Identifier*: Admin must enter a unique identifier for the new navigation. 
    • Type*: Admin must select the type of navigation they are adding, from the drop-down list which includes:
    • Link Target*:Two options are provided in this drop-down list:
      • Current Window: To open the page in the same window. 
      • Blank Window: To open the page in a new window.
    • Login Protected*: Three options are provided:
      • Both: If the page can be viewed by both, logged in or not-logged in users. 
      • Yes: If the user needs to login to view this page. 
      • No: If the user does not need to login to view this page. 
    • Link to CMS page: If admin is adding ‘CMS Page’, this input field is provided in which they can enter the link by selecting it from the provided drop-down list. 
    • Display Order: Enter the order at which this navigation page will be displayed at the front-end.


      Once admin clicks on ‘Save Changes’ they are redirected to the second tab in which they must enter:
  2. Primary and Secondary Language Data tab: Provided fields -  
    • English/Arabic: Select the preferred language. 
    • Caption*: Enter the unique name of Navigation.


      Once the required input fields are filled, the admin must click on the ‘Save Changes’ button which will add the new navigation on the ‘Navigation Pages Listing’ page. Admin can perform following actions on previously added navigation pages: 
    • Edit: Admin can edit the previously added navigation page. Clicking on this icon will redirect admin to ‘Navigation Link Setup’ pop-up menu. 
    • Delete: Admin can delete the previously added navigation page. 

Admin can also rearrange the order in which the navigation pages will be displayed at the front-end.  is provided to the left of each option that can be dragged and dropped to rearrange the list.

The navigation pages listed on the admin panel are shown in the figure below.

8. Countries Management

Admin can add and manage the list of countries displayed through this module. 

As shown in the figure below, a search bar is provided on the top of the ‘Manage Countries’ page using which the admin can search a particular country from the list below by entering its keywords.



The ‘Country Listing’ provides admin with certain functionalities:

  • Add Country: Admin must click on this icon to add a new country as an option on their website. A ‘Country Setup’ box will appear that provides two tabs:
    • General tab: As shown in the figure below, admin must:
      • Country Code*: Enter a unique country code.
      • Country Phone Code*: Enter a unique country phone code.
      • Currency: Select the appropriate currency from the drop-down box.  
      • Language: Select the preferred language from the drop-down list.  
      • Status: Select the current status of this country option from the drop-down box.
        Admin must click on the ‘Save Changes’ button to proceed further. 
    • Primary/Secondary Language Data tab: The admin must:
      • English/Arabic: Select the preferred language.
      • Country Name*: Enter the unique country name.


        Admin must click on ‘Save Changes’ to add the country successfully. 
  • Status: Admin can change the status of the respective country from the toggle switch button provided in this column. The toggle displayed green means that the status of the respective country is ‘Active’ and grey means that the status of the country is ‘In-active’. 
  • Edit : Clicking on this icon will redirect admin to ‘Country Setup’ box through which admin can make changes in the respective country details. Admin must click on ‘Save Changes’ to update the changes. 

9. States Management

Admin can add and manage the list of states displayed through this module. As shown in the figure below. A search bar is provided on the top of the ‘Manage Countries’ page using which the admin can search a particular state from the list below by entering ‘Keyword’ or selecting its ‘Country’.
 

The ‘State Listing’ provides admin with certain functionalities:

  • Add State: Admin must click on this icon to add a new state as an option on their website. A ‘State Setup’ box will appear that provides two tabs: 
    • General tab: As shown in the figure below, admin must:
      • State Identifier*: Enter a unique identifier for the new state. 
      • State Code*: Enter a unique code for the state.
      • Country: Select the country in which the state is located, from the drop-down list. 
      • Status: Select the current status of this state option from the drop-down list.
        Admin must click on the ‘Save Changes’ button to proceed further. 
    • Primary and Secondary Language Data tab: As shown in the figure below, admin must:
      • Language: Select the preferred language.
      • State Name*: Enter a unique state name.
        Admin must click on ‘Save Changes’ to add the state successfully. 
  • Status: Admin can change the status of the respective state from the toggle switch button provided in this column. The toggle displayed green means that the status of the respective state is ‘Active’ and grey means that the status of state is ‘In-active’.
  • Edit : Clicking on this icon will redirect admin to ‘State Setup’ box through which admin can make changes in the respective state details. Admin must click on ‘Save Changes’ to update the changes.


10. Social Platforms Management

Through this module, admin can add and manage the social media links displayed on the footer of website pages as shown in the figure below. The admin can add or remove the social platforms to be displayed in this section. 

As shown in the figure below, the ‘Social Platforms Listing’ displays the list of social platforms added by the admin.


The ‘Social Platforms Listing’ provides admin with certain functionalities:

  • Add New Social Platform: Admin must click on this icon to add a new social platform to be displayed on their website. A ‘Social Platform Setup’ box will appear that provides three tabs:
    • General tab: As shown in the figure below, admin must:
      • Identifier*: Enter a unique identifier for the social platform being added. 
      • URL*: Enter a unique URL for it. 
      • Icon Type from Css: Select the type of icon to be displayed from the drop-down list provided.
        The list includes options of icons of six popular social networking platforms. 
      • Status: Admin can select the current status of this social platform.
        Admin must click on the ‘Save Changes’ button to process further.


    • Language Data tab: As shown in the below figure, admin must:
      • Language: Select the preferred language from the drop-down list.  
      • Title*: Enter a unique name for the social platform being added.
        Admin must click on ‘Update’ to save changes. 
    • Media tab: Admin can add an image to be displayed besides the name of the social platform. To upload the image, the admin must click on the ‘Choose File’ button. Please note that if no image is uploaded, the official icon of the respective social platform will be displayed at the front-end.

  • Status: Admin can change the status of respective social platforms from the toggle switch button provided in this column. The toggle displayed green means that the status of the respective social platform is ‘Active’ and grey means that the status of social platform is ‘In-active’. 
  • Edit : Clicking on this icon will redirect admin to ‘Social Platform Setup’ box through which admin can make changes in the respective details. Admin must click on ‘Save Changes’ to update the changes. 
  • Delete : The respective social platform can be deleted from the list by clicking on this icon.

11. Discount Coupons

Admin can add discount coupons that can be used by customers when placing orders. The ‘Coupons List’ displays all the coupons added by admin so far as shown in the figure below.


To add a coupon, admin must click on ‘Add New Coupon’ icon provided on the right corner of Coupons list.


A ‘Coupon Setup’ pop-up form will open that includes three tabs: 

  1. General: In this tab, the admin must fill general details for new coupons being added as shown in the figure above. The admin must:
    • Coupon Identifier*: A unique identifier for the coupon to be added. 
    • Coupon Code*: A unique code for the coupon. 
    • Select Discount Type*: Type of discount being provided must be mentioned. Admin can select ‘Product Purchase’ if the coupon being added is applicable for products being bought by customers. Admin can select ‘Subscription Package’ if the coupon being added is applicable for subscription packages being bought by sellers. 
    • Discount In*: This provides two options: Percentage and Flat. Admin can choose in what terms the discount will be applied. 
    • Discount Value*: The value of percentage or flat discount to be provided. 
    • Min Order Value*: Mention the minimum amount limit below which the coupon will not be applicable.
      NB: This field will only be provided when admin opts for creating a ‘Product Purchase’ discount. 
    • Max Discount Value*: The amount above which the discount value will not exceed. This means that the discount value cannot exceed this limit.
      NB: This field will not be displayed if admin opts for applying a ‘Flat’ discount. 
    • Date From*: Date from which the coupon will be valid.
    • Date To*: Date until which the coupon will be valid.
    • Uses Per Coupon*: Number of times one coupon can be used. 
    • Uses Per Customer*: Number of times one user can use the same coupon.
    • Coupon Status: Status of coupon can be changed to Active or Inactive. As ‘Active’ the coupon will be displayed on the front-end and as ‘In-active’ it will be restricted from being displayed on the front-end.
      Admin must click on the ‘Save Changes’ button to proceed further with the next tab. 
  2. Primary/Secondary Language Data: In this tab, the admin can change the language options. Admin must also mention the ‘Coupon Title’ in the input-box provided.

12. Language Label

All the labels can be searched and managed by admin in all languages provided by the system through this module as shown in the figure below. Admin cannot add new language labels on the portal.


A search bar is provided on the top through which admin can search a particular label by mentioning either its keyword or type. 

The ‘Language Labels’ list provides admin with following functionalities:

  • Edit : This icon is provided to the extreme right of each label in the list. Clicking on this icon will redirect admin to ‘Manage Labels’ pop-up box as shown in the figure below.
     
    Admin can edit the label names in both, primary and secondary languages by entering them in provided input boxes. An ‘Autofill Language Data’ button is provided on the top-left corner of this box, clicking on which the system will automatically translate the name to another secondary language. Admin must click on the ‘Save Changes’ button to update the changes successfully.
    Please make sure to click on the ‘Update Web/App Label File’ buttons to ensure that the changes reflect in the system. 
  • Update Web Label File: Clicking on this icon, the ‘Language Labels’ list for all web labels will be updated. After making any language label changes, the admin must click on this button to ensure that the changes reflect in the system.
  • Update App Label File: Clicking on this icon, the ‘Language Labels’ list for all app labels will be updated. After making any language label changes, the admin must click on this button to ensure that the changes reflect on the mobile.

13. Manage FAQs 

This section allows the admin to manage FAQs. These FAQs will be displayed on the FAQ page.
  


Admin can perform the following operations from this page:

  • On clicking the Add FAQ option, admin can add a new FAQ under the selected category. Admin needs to fill in the following details:


    FAQ’s Setup Form
    • FAQ Identifier
    • FAQ Category
    • Status
    • FAQ Title and Content in all the website languages from the language tab.
  • On clicking the Edit option from the ellipsis menu, admin can edit the FAQ details.
  • On clicking the Delete option from the ellipsis menu, admin can delete the FAQ. 

14. Manage FAQ Category

This section allows the admin to manage FAQs. These FAQs will be displayed on the FAQ page.


Admin can perform the following operations from this page:


  • On clicking the Add Category option, admin can add a new FAQ category. Admin needs to fill in the following details:
    • Category Identifier
    • Status
    • Type: It could be a FAQ page or Seller page and according to FAQs under the category will be displayed on the respective page.
    • Category Name in all the website languages.
  • On clicking the Edit option from the ellipsis menu, admin can edit the details of the FAQ category.
  • On clicking the Status Toggle button, admin can change the status of the category i.e. Activate/Deactivate.
  • On clicking the Delete option, admin can delete the category. 
  • On clicking the FAQ Listing option, admin will be redirected to the FAQs Listing page and can manage FAQs under that category.
  • On ticking off the checkbox, Admin can select multiple categories from the list to edit or delete the FAQ categories. 
  •  Admin can drag and drop categories by using icon to change the display order on the FAQs page on the front end.