Updated course docs and bug fixes

apps/docs/src/config.ts

@@ -57,9 +57,10 @@ export const SIDEBAR: Sidebar = {
             { text: "Set a price", link: "en/courses/set-a-price-for-product" },
             { text: "Control visibility", link: "en/courses/visibility" },
             { text: "Add content", link: "en/courses/add-content" },
-            { text: "Manage sections", link: "en/products/section" },
+            { text: "Manage sections", link: "en/courses/section" },
             { text: "Invite customers", link: "en/products/invite-customers" },
-            { text: "Certificates", link: "en/products/certificates" },
+            { text: "Certificates", link: "en/courses/certificates" },
+            { text: "Customer reports", link: "en/products/reports" },
         ],
         "Digital downloads": [
             { text: "Introduction", link: "en/downloads/introduction" },

apps/docs/src/pages/en/courses/add-content.md

@@ -4,13 +4,19 @@ description: Add content to your course
 layout: ../../../layouts/MainLayout.astro
 ---
 
-CourseLit uses a concept called `Lesson`. It is very similar to what we generally see in books i.e. A large piece of information divides into smaller chunks called lessons.
+CourseLit uses the concept of a `Lesson`. It is very similar to what we generally see in books, i.e., a large piece of information is divided into smaller chunks called lessons.
 
-Similarly, you can break down you course into `Lessons` and group the lessons into [Sections](/en/products/section).
+Similarly, you can break down your course into `Lessons` and group the lessons into [Sections](/en/products/section).
+
+## Sections
+
+Sections are used to group lessons.
+
+![Sections](/assets/courses/sections.png)
 
 ## Lessons
 
-CourseLit supports eight types of lessons, which are as follows.
+A lesson is a container for the actual learning material. CourseLit supports seven types of lessons, which are as follows.
 
 1. Text
 
@@ -26,39 +32,43 @@ CourseLit supports eight types of lessons, which are as follows.
 
 4. PDF
 
-    For sharing premade resources.
+    For sharing PDF files. The file will be embedded in the lesson.
 
-5. Embed
+5. File
 
-    For sharing external links like YouTube videos etc.
+    For sharing binary files like a zip file containing an assignment with the students.
 
-6. File
+6. Embed
 
-    For sharing binary files like a zip file containing an assingment with the students.
+    For embedding HTML or iframe based content.
 
 7. Quiz
 
     For quizzing your students. You can create graded and non-graded quizzes.
 
     See the [guide to add a quiz](/en/lessons/add-quiz).
 
-### Steps to add a new lesson
+## Steps to add a new lesson
+
+1. From the `Products` section in the dashboard, select your product to open its dashboard.
+
+2. Click on the `Edit content` button to open the `Content` section.
+
+3. On the `Content` section, click on the `Add lesson` button to create a new lesson.
 
-1. From the `Products` section in the dashboard, select your product to open it in the editing mode.
-2. Go to the `Content` tab.
+    ![Add lesson to section](/assets/courses/add-lesson-to-section.png)
 
-![Add content](/assets/courses/add-content.png)
+4. On the `New Lesson` screen, `Text` lesson type is selected by default. Switch the lesson type to the one you want to use.
 
-3. Click on the `New Lesson` button as shown above.
-4. On the `New Lesson` screen, add relevant details as shown below.
+    Add the title and content of the lesson. Click `Save lesson`.
 
-![Lesson settings](/assets/courses/lesson-settings.png)
+    ![Add lesson](/assets/courses/add-lesson.png)
 
-> For text lesson, you will be presented with a text box and for video/audio/file lesson you will be presented with a file selector option. 5. If you want to allow free access to the the lesson despite the pricing of the product, flip the `Preview` switch on (as specified as #4 in the above screenshot).
+5. Optionally, toggle the `Preview` switch to allow free access to the lesson regardless of the enrollment status of the user.
 
-This can be used as a great way to provide a sneak peak into your course.
+    This can be a great way to provide a sneak peek into your course.
 
-6. Click `Save`.
+6. Click `Save lesson`.
 
 ## Stuck somewhere?
 

apps/docs/src/pages/en/courses/create.md

@@ -21,42 +21,75 @@ We will create a free course for your audience. You can always make it a paid on
 1. Click on the `New product` button.
 2. Set a title and select `Course` from the dropdown. Click continue.
 
-![New product](/assets/courses/new-product.png)
+    ![New product](/assets/courses/new-product.png)
 
 3. Once your course is created, you will get to see the following screen.
 
-![Add content](/assets/courses/course-content.png)
+    ![Add content](/assets/courses/course-content.png)
 
-4. Let's add some content in your course. Click on the `New lesson` button to create a lesson.
-5. On the `New Lesson` screen, select `Text` from the `Type` dropdown since we want to create a text based lesson.
+4. Let's add some content in your course. Click on the `Edit content` button to add a lesson to the first section of the course. A section is a collection of lessons.
 
-![Add lesson](/assets/courses/add-lesson.png)
+5. On the `Content` screen, click on the `Add lesson` button to create a new lesson.
 
-6. Add the title and the main content of the text lesson. Click `Save`.
+    ![Add lesson to section](/assets/courses/add-lesson-to-section.png)
 
-![Add lesson details](/assets/courses/add-lesson-details.png)
+    ![Add lesson to section](/assets/courses/add-lesson-to-section.png)
+
+6. On the `New Lesson` screen, `Text` lesson type is selected by default. Let's create a text lesson.
+
+    Add the title and the main content of the text lesson. Click `Save lesson`.
+
+    ![Add lesson](/assets/courses/add-lesson.png)
 
 Now that we have added some content to the course, it's time to publish. By default, any new product is in the `Draft` state.
 
-7. Click on the `Publish` tab.
+7. Go back to the product dashboard by clicking on the product's name in the breadcrumbs.
+
+    ![Content breadcrumbs](/assets/courses/content-breadcrumbs.png)
+
+8. Next, we will have to add a pricing plan to the course. It is required to publish the course.
+   <br />
+   <br />
+
+    - **8.1.** From the `Actions` menu, select `Manage` to open the course's settings.
+
+        ![Manage course](/assets/courses/product-manage-menu.png)
+
+    - **8.2.** In the `Pricing` section, click on the `New Plan` card to go to the plan creation section.
+
+        ![Add pricing plan card](/assets/courses/pricing-add-plan-card.png)
+
+    - **8.3.** In the **New Payment Plan** screen, fill in the details of the plan and choose a pricing scheme. The four available options are:
+
+        - **Free**: Offer a free option.
+        - **One-time**: Offer a one-time payment option.
+        - **Subscription**: Offer a monthly (or yearly) subscription plan.
+        - **EMI**: Offer a plan with multiple installments.
+
+        ![Pricing plan screen](/assets/courses/pricing-plan-screen.png)
+
+        Follow the steps as per the numbering in the screenshot to create a plan and go back to the `Manage` screen.
+
+9. Toggle on the `Publish` switch to make your course available to the users.
 
-![Publish tab](/assets/courses/publish-tab.png)
+    ![Publish course](/assets/courses/publish.png)
 
-8. Click on the `Publish` button to make your course available to the users.
+    <br />
+    <br />
 
-![Publish course](/assets/courses/publish.png)
+    - **9.1.** Optionally, if you want to make the course listed on the `Products` page, toggle on the `Visibility` switch.
 
-9. Voila! Your course is now live! You can checkout its sales page by clicking the three dots menu on the right and then selecting the `View page` option.
+        ![Make the course visible](/assets/courses/visibility.png)
 
-![View sales page](/assets/courses/view-page.png)
+10. Voila! Your course is now live! You can check out its sales page by clicking the three dots menu on the right and then selecting the `View page` option.
 
-10. This is how your sales will look initially. It is barebones as of now. Visit our page builder guide to make it enticing.
+    ![View sales page](/assets/courses/view-page.png)
 
-![Course sales page](/assets/courses/course-sales-page.png)
+## Sales Page
 
-11. To share your course with your audience, simply copy the URL and share it. When your users click on the `Buy now` button, they will be redirected to the login screen so that they can add the course into their accounts.
+Every product has a sales page. You can edit it using the page builder. This is what a sales page looks like.
 
-[Check out the guide on how to track students](/en/courses/reports)
+![Sales page](/assets/courses/course-sales-page.png)
 
 ## Stuck somewhere?
 

apps/docs/src/pages/en/courses/publish.md

@@ -8,13 +8,16 @@ When you first create your product, it is in `Draft` state. In order to make it
 
 ## Steps to publish your product
 
-1. From the `Products` section in the dashboard, select your product to open it in the editing mode.
-2. Go to the `Publish` tab.
+1. From the `Products` section in the dashboard, select your product to open its dashboard.
 
-![Publishing a product](/assets/courses/publishing.png)
+2. Go to the product settings screen by clicking on the `Manage` menu item in the actions menu.
+
+    ![Manage course](/assets/courses/product-manage-menu.png)
 
 3. Click the publish button to toggle the publish status of your product as shown above.
 
+    ![Publishing a product](/assets/courses/publish.png)
+
 ## Stuck somewhere?
 
 We are always here for you. Come chat with us in our <a href="https://discord.com/invite/GR4bQsN" target="_blank">Discord</a> channel or send a tweet at <a href="https://twitter.com/courselit" target="_blank">@CourseLit</a>.

apps/docs/src/pages/en/products/section.md → apps/docs/src/pages/en/courses/section.md

@@ -8,43 +8,43 @@ A section is a logical grouping of lessons. It helps keep lessons structured and
 
 ## Look and Feel
 
-Here’s how it looks on various parts of the platform.
+Here’s how sections look in various parts of the platform.
 
-### Sections in Product Viewer
+### 1. Course Viewer
 
 ![Sections in Course Viewer](/assets/products/sections-on-course-viewer.png)
 
-### Sections in Product's Sales Page
+### 2. Product Sales Page
 
 ![Sections in Sales Page](/assets/products/sections-on-sales-page.png)
 
-### Sections in Product Editor
+### 3. Product Editor
 
 ![Sections in Product Editor](/assets/products/sections-on-product-editor.png)
 
 ## Add Section
 
 1. To add a new section, click on the `New section` button on the `Product > Content` screen.
 
-![Add Section](/assets/products/add-section.jpeg)
+![Add Section](/assets/products/add-section.png)
 
 2. Enter the name of the section and hit `Continue`. To cancel the operation or go back, hit `Cancel` instead.
 
-![New Section Screen](/assets/products/new-section-screen.jpeg)
+![New Section Screen](/assets/products/new-section-screen.png)
 
 3. The newly created section will become visible on the `Content` screen. You can now start adding lessons to it.
 
-![New Section Added](/assets/products/new-section-added.jpeg)
+![New Section Added](/assets/products/new-section-added.png)
 
 ## Edit Section
 
 1. To edit a section, click on its three dots menu and select `Edit section` from the dropdown, as shown below.
 
-![Edit Section](/assets/products/edit-section.jpeg)
+![Edit Section](/assets/products/edit-section.png)
 
 2. On the `Edit Section` screen, you can change the name of the section and the [drip settings](#drip-a-section).
 
-![Edit Section Settings](/assets/products/edit-section-settings.jpeg)
+![Edit Section Settings](/assets/products/edit-section-settings.png)
 
 ## Drip a Section
 
@@ -56,29 +56,31 @@ If drip configuration is enabled for a section, a student won't be able to acces
 
 1. If you want a section to be available to users on a specific date, this is the option you should opt for.
 
-![Drip by Date](/assets/products/drip-by-date.jpeg)
+![Drip by Date](/assets/products/drip-by-date.png)
 
 2. Select the date on which this section will be dripped.
 3. Click `Continue` to save it.
 
-### Drip After a Certain Number of Days Since Enrollment
+### Drip After a Certain Number of Days From Last Dripped Content
 
-1. If you want a section to be available to users after a certain number of days have elapsed since their enrollment in the course, this is the option you should opt for.
+1. If you want a section to be available to users after a certain number of days have elapsed since the last dripped content, this is the option you should opt for.
 
-![Drip After a Certain Number of Days Have Elapsed](/assets/products/drip-by-specific-days.jpeg)
+> For the first dripped section, the date of enrollment will be considered the last dripped content date.
+
+![Drip After a Certain Number of Days Have Elapsed](/assets/products/drip-by-specific-days.png)
 
 2. Select the number of days.
 3. Click `Continue` to save it.
 
 ### Notify Users When a Section Has Dripped
 
-1. Click on the `Send email notification` checkbox.
+1. Click on the `Email Notification` checkbox.
 2. Compose your email. Learn more about the email composition interface [here](/en/email-marketing/broadcasts#compose-your-email).
 3. Click `Continue` to save it.
 
-![Drip Notification](/assets/products/drip-notify-email.jpeg)
+![Drip Notification](/assets/products/drip-notify-email.png)
 
-### Customer's experience
+### Customer Experience
 
 On the course viewer, the customer will see the clock icon against the section name until it has been dripped to them.
 
@@ -88,13 +90,13 @@ On the course viewer, the customer will see the clock icon against the section n
 
 1. To delete a section, click on its three dots menu and select `Delete section` from the dropdown, as shown below.
 
-![Delete Section](/assets/products/delete-section.jpeg)
+![Delete Section](/assets/products/delete-section.png)
 
-2. Click `OK` on the confirmation dialog.
+2. Click `Delete` on the confirmation dialog.
 
-> A section has to be empty, i.e., no lessons attached to it, in order for it to be deleted.
+> A section must be empty (i.e., have no lessons attached to it) in order to be deleted.
 
-## Next step
+## Next Step
 
 Learn how to [sell digital downloads](/en/downloads/create).
 

apps/docs/src/pages/en/courses/set-a-price-for-product.md

@@ -1,36 +1,40 @@
 ---
-title: Set a price of your product
-description: Set a price of your product
+title: Set a price for your product
+description: Set a price for your product
 layout: ../../../layouts/MainLayout.astro
 ---
 
-CourseLit makes it easy for you to earn a living by sharing your knowledge. CourseLit offers two types of pricing strategies.
+CourseLit products support the following pricing strategies.
 
 1. Free
-2. Paid
+2. One-time
+3. Subscription
+4. EMI
 
-## Set up a free course
+## Set up a pricing plan
 
-Free is the default pricing strategy. When you first create the course, the pricing is set to free.
+> Before you set a pricing plan, make sure you have updated your payment gateway credentials in the `Settings > Payment` section; otherwise, only the `Free` option will be available.
 
-You don't have to do anything.
+A pricing plan is necessary to make a product live. Following is how you set up a pricing plan.
 
-## Set up a paid course
+1. From the `Actions` menu, select `Manage` to open the product settings.
 
-**In order to get paid for your offerings, you first need to [setup payments](). Currently, CourseLit offers [Stripe](https://stripe.com) integration.**
+    ![Manage product](/assets/courses/product-manage-menu.png)
 
-### Steps
+2. In the `Pricing` section, click on the `New Plan` card to go to the plan creation section.
 
-1. From the `Products` section in the dashboard, select your product to open it in the editing mode.
-2. Go to the `Pricing` tab.
+    ![Add pricing plan card](/assets/courses/pricing-add-plan-card.png)
 
-![Pricing dropdown](/assets/courses/paid-dropdown.png)
+3. In the **New Payment Plan** screen, fill in the details of the plan and choose a pricing scheme. The four available options are:
 
-3. Set the price and click `Save`.
+    - **Free**: Offer a free option.
+    - **One-time**: Offer a one-time payment option.
+    - **Subscription**: Offer a monthly (or yearly) subscription plan.
+    - **EMI**: Offer a plan with multiple installments.
 
-![Set the price](/assets/courses/set-price.png)
+    ![Pricing plan screen](/assets/courses/pricing-plan-screen.png)
 
-4. That's it! Your course is a paid one now. You can visit its sales page to see how it looks to your audience.
+    Follow the steps as per the numbering in the screenshot to create a plan and go back to the `Manage` screen.
 
 ## Stuck somewhere?