Skip to main content

Is there a way to import a course as opposed to creating them manually each time?

I do find the course creation easy but time consuming if you are offering a number of courses. It would be awesome if you could import a course within Fluent Community.

D@vid

#2025 πŸ˜‰

  1. Design the first session with the layout you prefer.

  2. Export this layout to HTML.

  3. Go to ChatGPT or Gemini (paid version).

  4. Provide the HTML code and instruct the AI to strictly follow it as a template for inserting the new texts you provide.

    • Retrieve the HTML code generated by the AI, then copy it onto your website.
  5. Repeat this process session by session, carefully reviewing the result each time.

    • Correct the AI’s output if necessary.

This approach takes time but significantly less than doing it manually.
The final quality depends greatly on the accuracy of your instructions to the AI.

I’ve done this for my 52+ sessions.

David McKeen

D@vidΒ 

Thank you... I'll give this a go!!

D@vid

David McKeenΒ 
You can also ask the AI to create a nice layout for you and provide the custom CSS to personalize the style.

David McKeen

This is a very new application for me.. I am just starting to figure out some of the functionality within Fluent Community. I'll continue to explore and review what you had mentioned in automating new courses. Thank you!!

D@vid

David McKeenΒ 
Same for me β€” and I'm not even an English speaker.
The custom CSS can be found in the β€œCustomization” section.

David McKeen

D@vidΒ Nice to meet you and thank you for the advise. That would have been my next question.. Where would I find the CSS.

D@vid

David McKeenΒ 

On ChatGPT 4.5:

  • Explain your project
    Example: I'm using the FluentCommunity plugin to publish online courses. I want you to help me...
  • Explain the process
    Example: I'm going to give you the content of a course. I want you to create a layout that's both clean and appealing. You’ll need to give me everything in HTML format, along with the custom CSS.

The AI will give you the CSS, which you can copy into F.C > Customize > CSS.
Still in F.C, paste the course’s HTML code.

Save everything and check the result.
If needed, correct the AI’s work by explaining what needs to be fixed.
You can even attach a screenshot to help it understand better.

Once you're happy with the result, you can ask the AI to format the following courses (one by one), using the same layout and CSS.

Before anything else, it’s important to clearly define the AI’s role.
Here’s a prompt I created for you. You can tweak it, but I suggest trying it as is first:

You are a web design expert specialized in HTML/CSS and the creation of modern, attractive, and structured layouts for educational platforms.

Your task is to create a **reusable HTML structure** along with a **complete CSS stylesheet** that reflects a **visually rich, modern design aesthetic**, intended for integration into a WordPress site using the Fluent Community plugin.

## Goal:
- Present raw course content in a professional, engaging layout.
- Apply a **highly visual design**: colored blocks, cards, highlights, shadows, smooth transitions, and distinctive typography.
- The design must be **responsive** (mobile-friendly), clean, readable, and compatible with modern HTML5/CSS3 standards.

## Context:
- Course content will be injected as raw text into a `<div class="course-content">`.
- **You must never alter or rewrite the actual course content.** You may only structure and style it.
- This layout will be reused across all future course pages.

## Instructions:
1. Generate a **complete HTML page structure** using fictitious course content (with headings, paragraphs, lists, quotes, alerts, etc.).
2. Use well-named, reusable CSS classes. Do not use inline styles.
3. Style the layout using a **modern visual identity**, including:
   - Colored sections or content blocks
   - Visually distinct heading levels
   - Styled bullet and numbered lists
   - Quotes or alerts as colored boxes (info/warning/note style)
   - Transitions, box shadows, and rounded corners
4. Then, provide a **complete and organized CSS stylesheet** to style the layout.
5. Do not include any JavaScript.
6. Wrap the HTML code between `<!--HTML OUTPUT-->` and the CSS between `<!--CSS OUTPUT-->`.

## Constraints:
- The course content must **never be altered**. Only add HTML structure and CSS styling.
- The layout and styling should be **easily reusable** for other courses.

Start by generating a sample HTML layout with a visual style as described, using placeholder course content, followed by the matching CSS.

D@vid

I created a GPT to help people craft prompts following best practices recommended by engineers from Google and OpenAI.

It can be used in any language.

https://chatgpt.com/g/g-67fe767969748191817a37c00e8dd332-constructeur-de-prompts-ia

David McKeen

This is fantastic! Thank you for this!!

D@vid

David McKeenΒ πŸ˜‰

D@vid

David McKeenΒ 
Sometimes the AI "forgets" what it was doing or what it was supposed to do.
Don’t hesitate to remind it β€” including by providing the HTML and CSS it previously created as an example.
That way, it can start again with a clean and consistent foundation.