Online course website kit

About this kit

A site that sells one online course has a narrow job: convince the right person that this course will get them a specific result, show them exactly what is inside, and make buying feel safe. Visitors arrive skeptical, because they have bought courses they never finished. They want to see the teacher teach, read the full list of lessons, know how long it takes, see what other students made, and find the price and the refund terms without hunting.

The six pages follow that path. The header keeps an Enroll button on every page. The home page is the sales page: an outcome promise with a video, who the course is and is not for, six skills students leave with, student results, a short instructor introduction, a pricing teaser and the four questions people ask before buying. The curriculum page lists every module and lesson with running times in an accordion, explains the video, worksheet and community format and embeds a free sample lesson. The about page tells the instructor’s story with modest credentials, the teaching approach and the 1:1 coaching offer. The pricing page sets out three tiers, what every tier includes, the supply list, the 14-day refund terms and a full FAQ.

Build in this order: header and footer, then home, curriculum, pricing and about. The header and footer belong in Elementor Theme Builder so they appear on every page, which needs Elementor Pro; without Pro, paste them at the top and bottom of each page or keep your theme’s own header. Replace the two videos first, then the lesson list and prices, and point every Enroll button at your real checkout. The sample course is watercolor for beginners, but the structure fits any skill you teach — bookkeeping, baking, guitar — once the copy and photos are yours.

Colors and fonts

Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.

• Headings: Fraunces
• Body text: Nunito

How to install the kit

1. Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
2. In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
3. Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
4. With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
5. Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.