How to Create a Beautiful Online Course Website with WordPress

Picture your finished course site. A student buys, lands in a branded portal, watches each lesson in order, takes a quiz and gets a follow-up email the week progress slows. Every piece runs on a single WordPress install you control.

FluentCommunity handles lessons and the student portal, FluentPlayer plays every lesson video, FluentCart takes payment and FluentCRM sends the email. Each tool does one clear job. Built-in integrations link them, so you add no connector plugins or code between them.

This guide shows how to build an online course website on WordPress with those four tools. You will set up a sourdough baking course from install to first sale, then add email automation and AI to help you run it.

TL;DR

• Install FluentCommunity and switch on the course module
• Build video lessons that students must finish with FluentPlayer
• Sell the course through a FluentCart paywall
• Automate student email with FluentCRM
• Use AI to draft outlines, emails and feedback forms

What You Need to Create an Online Course Website with WordPress

You need four tools, and each covers one part of the course site. FluentCommunity runs the courses and the student community. FluentPlayer plays the lesson video. FluentCart takes payment. FluentCRM sends the email. If you are still comparing options, the guide to the best WordPress LMS plugins covers the alternatives.

Plan tiers matter before you start. The course module, the FluentPlayer block and the Fluent Forms AI builder are free. Quizzes, lesson documents and saved custom portal colors need FluentCommunity Pro. Check the FluentCRM plans page for automation features. Pro steps in this guide carry a label.

Step 1: Install FluentCommunity and Turn On Courses

FluentCommunity is a free WordPress plugin with a community portal, spaces and a course module. Install it first, because every later step builds on it. The course module is one switch in the settings, so you need no second plugin.

Go to Plugins > Add New in your WordPress dashboard and search for FluentCommunity. Click Install Now, then Activate. The plugin is free in the WordPress directory, so you need no license key for this step. Pro features come later and carry a label.

Run the setup wizard next and pick the Course template, since this guide builds a course site. The wizard asks for your first portal choices, and the portal settings let you revisit them later. Screens vary a little by version, so the onboarding guide below lists each one.

Open the portal settings, choose Features & Addons, and enable Course Module. Save the change and reload the portal. If Courses now shows up as an option, the module is on and you are ready to brand the portal and build your first course.

Prefer a walkthrough? The installation guide covers the same steps in the docs, and the onboarding guide explains each wizard screen if yours looks different. Everything in Steps 1 to 3 works on the free plugin, apart from the Pro items labeled there.

Your site so far:

• FluentCommunity is active
• Course Module is on
• No courses exist yet

Step 2: Brand Your Course Portal

A course site should look like your brand, not a template. FluentCommunity keeps its branding options in the portal settings, so you can finish this step in a few minutes. Students see this layout on every visit, which makes it worth doing before you add content.

Set colors and layout

Open the portal customization settings and choose a brand color. Then decide on options such as dark mode and sticky headers. A sourdough course might use a warm crust brown with a light page background, so photos of loaves stay the focus of every lesson.

The customize your portal doc lists every option. The color customization doc explains which element each color controls. Change one setting at a time and preview the portal, so you can see what each color affects before moving to the next.

Saving custom colors is a Pro feature. On the free plugin the panel opens and shows a preview, but the Save Settings button reads Pro Required. Without Pro, your portal keeps the default palette until you upgrade. Plan for that before you design around a brand color.

Change the portal URL

Your portal has its own URL, and the default slug is portal. Change it in the portal settings to a short word such as learn. Do this before you publish anything, because the plugin warns against changing the URL once content exists.

Make the portal your homepage

If the course is your whole site, the portal can be your front page. The community as homepage doc covers that setup. The theme compatibility doc explains how the portal works with your active theme. Read both before you decide.

Common mistake: You change the portal URL after sharing links. 

Fix: Set the slug before you publish anything, and update every link you already shared if you change it later.

Your site so far:

• The portal uses your brand colors
• It lives at your own short URL
• Courses come next

Step 3: Build Your Online Course

FluentCommunity organizes a course as sections, and each section holds lessons. We will use a sourdough baking course as the example, with one section for the starter and one for the first loaf. The same structure fits any subject you teach.

Create the course and set access

Click Add Course in the Courses area and fill in the title, slug and short description. Pick a menu group, set the status to Published or Draft, and choose the privacy level. Choose Classic or Modern for the course layout.

The same drawer has checkboxes to let public users view lessons without enrolling, disable comments, hide the student count and enforce lesson order. Turn on lesson order enforcement when later lessons depend on earlier ones, as they do in baking.

Add sections and lessons

Open the course and add a section, then add lessons inside it. Name sections after outcomes, such as Build Your Starter, and lessons after single tasks, such as Feeding Schedule. Short, single-task lessons are easier to finish, so students keep moving.

Add video lessons with FluentPlayer

Inside a lesson, add the FluentPlayer block and paste your video URL. FluentPlayer detects the source automatically, so a YouTube link works the same way as a file in your media library. The block is free, and so is everything in this subsection except where labeled.

Once a player block is in the lesson, the sidebar shows a Video Completion panel. Use these two options:

• Require video watch to complete
• Auto-complete lesson when the video ends

Turn on the first option so students cannot mark a lesson done without watching it. The second suits short lessons where the video is the whole lesson. Leave it off when students must also read a page or download a file.

Add chapters so students can jump to the step they need. Open the chapters option, add a title and start time for each one, and students get a chapter menu button on the player. The inline scrollable chapter list is a FluentPlayer Pro option.

The player also has its own settings inside FluentCommunity. These include the skin, brand color, control bar color and play button colors, so the video matches the portal you styled in Step 2. Set them once, then preview a lesson to confirm the match.

Add quizzes and lesson files (Pro)

Quizzes and lesson documents need FluentCommunity Pro. The quiz builder offers eight question types:

• Single choice
• Multiple choice
• True or false
• Written answer
• Fill in the blank
• Ordering
• Matching
• Image matching

Quiz settings let you set a passing grade, hide answers after submission, shuffle answer options or questions, and show questions all at once or one by one. Use matching questions for vocabulary, such as pairing a dough stage with its look.

Lesson documents let you attach files, such as a printable feeding schedule, under Documents and Files in the lesson sidebar. On the free plan, a Details block with a question and a hidden answer works as a simple check-your-answer prompt.

Common mistake: The Video Completion options are missing from the lesson sidebar. 

Fix: Add a FluentPlayer block to the lesson first. The panel appears once a player block is in place.

Your site so far:

• A Sourdough Baking course with two sections
• Video lessons with completion required and chapters
• A quiz and a downloadable feeding schedule (Pro, optional)

Step 4: Sell Your Online Course

FluentCommunity does not take payments by itself. It passes payment to FluentCart through a paywall, so students pay once and get straight into the course. Set the course to Private first, then connect a FluentCart product on the Paywalls tab.

Connect a FluentCart product

Open the course settings and look at the tabs: General Settings, Paywalls, Lock Screen, Welcome Banner and Course Links. Set the privacy level to Private, then open Paywalls and link a FluentCart product. Create the product in FluentCart first if you have not yet.

The FluentCart integration doc walks through the product setup. One paywall covers everything inside a single course, so a course with 20 lessons needs one product, not 20. Auto-revoke rules, which control when access ends, live in the product’s FluentCommunity integration inside FluentCart.

Design the lock screen

Visitors who have not bought see the lock screen. Build it from blocks: Banner, Description, Welcome Banner, Lessons, Paywalls and Call to action. In our sourdough example, the banner reads Bake a Loaf You Won’t Apologize For, and the button reads Enroll for $297.

Choose payment methods

FluentCart handles the checkout. Connect Stripe or PayPal in its payment settings, then check one test order before you promote the course. Selling a membership instead of a single course? The Paymattic setup and recurring payments docs cover those cases.

Common mistake: You link a paywall before setting the course to Private. 

Fix: Set privacy to Private first, then link the FluentCart product on the Paywalls tab.

Your site so far:

• The course is Private
• A FluentCart product is linked as the paywall
• The lock screen shows an Enroll for $297 button
• Stripe or PayPal handles checkout

Step 5: Keep Students Watching with FluentCRM and FluentPlayer

A sale is not a finished course. Students drift away when nobody notices them stall, so the next step is to spot who stopped and write to them. FluentCRM and FluentPlayer connect for exactly this, and each piece is a short setup.

Capture emails inside the video

The email capture layer in FluentPlayer asks viewers for an email address during playback and sends it to FluentCRM. Open the layer settings, set the display start time, add FluentCRM as the provider, then pick the lists and the tags to apply.

Turn on double opt-in if you want confirmed subscribers only. A new contact stays Pending until they confirm, and any automation for them starts after that. The guide on adding email capture inside WordPress videos shows the full setup. Skip double opt-in if you only email people who are already enrolled.

Turn watch progress into an automation

FluentPlayer adds a Media Milestone Reached trigger to the FluentCRM automation builder, listed under the Fluent Player group. Pick a preset milestone, then add a tag or send an email. For example, tag everyone who reaches the milestone in lesson 1, then send them lesson 2.

Two settings must be on or the trigger will not fire. In FluentCRM, enable the Event Tracking Module from the addons list, the step people miss most often. In FluentPlayer’s FluentCRM settings, turn on Log playback to contact timeline.

Also check the re-entry option in the automation. FluentCRM runs a trigger once per contact by default, so a student who finished lesson 1 will not enter again for lesson 2. Allow re-entry if one automation should run across several videos.

Welcome new students

FluentCommunity also feeds FluentCRM, so you can send a welcome sequence when someone enrolls in a course. The FluentCommunity and FluentCRM integration doc lists the available triggers. A good first email links to lesson 1 and gives the one task to do today.

FluentPlayer Pro adds video analytics. Open it after your first cohort finishes and find the lessons where viewers leave. Then split a long lesson in two, or add a chapter at the drop-off point so students can skip to the part they need.

Common mistake: The Media Milestone Reached automation never fires. 

Fix: Enable the Event Tracking Module in FluentCRM, then turn on Log playback to contact timeline in FluentPlayer.

Your site so far:

• The email capture layer sends viewers to FluentCRM
• A milestone automation tags students who reach it
• A welcome email goes out when someone enrolls

Use AI to Build and Run Your Online Course Faster

AI saves the most time on first drafts: outlines, chapter titles, quiz questions and emails. It saves little on judgment, like deciding what your students need. Use it for the draft, then edit every line yourself. These prompts are ready to paste, so swap the brackets for your course.

Plan the course outline

Start with a clear audience and a 30-day result, because a vague prompt returns a vague outline. Paste this into your AI assistant and fill the brackets. Then cut any lesson that does not move the student toward the result you named.

Prompt: You are a course designer. Audience: [who]. Outcome after 30 days: [result]. Create 5 modules with 3 to 5 lessons each. Give every lesson a one-line outcome and a 5-minute video topic.

Write chapters and quizzes

Export your lesson transcript with timestamps and ask for chapter titles you can paste into FluentPlayer. For quizzes, limit the question types so the output fits the FluentCommunity quiz builder, which is a Pro feature. Check every answer against your own lesson before you use it.

Prompt: Here is my lesson transcript with timestamps. Return 5 to 8 chapter titles in mm:ss format, 5 words or fewer each.

Prompt: From this lesson text, write 6 questions. Use Single Choice, True/False, Fill in the Blank and Ordering only. Add a one-sentence explanation for each answer.

Write emails inside FluentCRM

FluentCRM can write inside its own editor once AI is on. Enable the AI Configuration add-on first. Then open Settings > AI Configuration, turn on Enable AI, choose a provider and add its API key. Use Test Connection before you move on, so you know the key works.

The provider list covers these options:

• WordPress AI
• OpenAI
• Anthropic Claude
• Google Gemini
• OpenRouter

With AI on, it is available in contact summaries and the email editor. Try it first on the welcome email, since that message reaches every new student and is easy to judge. Edit the draft in your own voice before sending.

Prompt: Write a welcome email for someone who just enrolled in [course]. Tone: friendly, direct. Under 120 words. Include the link to the first lesson and one tip to finish week one.

Collect feedback with a Fluent Forms AI form

Fluent Forms can build a form from a description, and the AI builder is free. Go to Add New Form, choose Create Using AI, and describe the form. Send a feedback form after the final lesson to see which lessons worked and which need a rewrite.

Prompt: Create a course feedback form with a 1 to 5 rating, a “which lesson helped most” dropdown, an open comment field and an email field.

Ask your site questions with FluentHub MCP

FluentHub MCP lets an AI assistant answer questions from your site data instead of you hunting through dashboards. In FluentCRM, the MCP for AI Agents option is under Settings > AI Configuration, and it needs FluentHub installed. Start with read-only questions like these:

• List contacts tagged course-interested who have not purchased. Do not change anything.
• Compare revenue by product for the last 30 days.
• Show open support tickets from customers with active subscriptions.

Connect through a dedicated WordPress user with its own Application Password, so you can revoke access without touching your admin account. Ask for a preview before any bulk change, and review the result before you approve it. Read-only questions cannot change your site. The results still go to your AI provider, so check its data policy before you query customer details.

Review before you publish

Read every AI-written lesson, quiz and email as if a student wrote to you with a complaint. Check each product detail against the real screen, and rewrite anything that does not sound like you. Edit each draft until it sounds like you, because students come for your teaching..

Start With One Lesson

Pick the lesson your students will ask about most and build it first. Add the FluentPlayer block, upload the video, and preview it as a draft before anyone else sees it. Once one lesson works, the rest of the course is repetition. The FluentCommunity guide to creating and managing a course is a good next read.

Meta: Build an online course website with WordPress in 5 steps. Add lessons and video, sell with a paywall, and automate student email using the Fluent plugins.