How to Use EzyCourse Web Builder (2026 Practical Tutorial for Beginners)

In this step-by-step tutorial, you’ll learn how to use the EzyCourse Web Builder to create clean, well-structured pages for courses, memberships, and digital products.

This video is designed for beginners and anyone who wants a clear walkthrough of the Web Builder, without fluff or assumptions.

I’ll show you how the builder actually works, where the key settings live, and how to avoid common mistakes that slow people down or break layouts.




Helpful links:

Learn more about EzyCourse & EzyStudio
https://helpwithdigital.com/ezycourse

Get free EzyCourse tutorials and tech walkthroughs
https://helpwithdigital.com/free

⏱ Chapters – Beginner Friendly Walkthrough

00:00 – Start here: what the EzyCourse Web Builder does
01:17 – Who this is for (absolute beginners)

02:16 – Understanding the top bar (what everything does)
03:18 – Auto layout explained (why things resize)
04:35 – Hidden elements & the eye icon (very common confusion)
06:01 – Why hidden elements stay hidden (important!)

07:19 – Selecting multiple items properly
08:34 – Grid view, undo/redo & device previews
09:43 – Autosave, version history & preview vs publish

10:47 – Sidebar basics: elements, widgets & layers
12:02 – Saved elements vs symbols (what to use and when)
13:30 – Page settings, URLs & basic SEO

14:45 – Templates vs your branding (system theme explained)
16:05 – Fixing colours not updating (common beginner mistake)
17:12 – Using system variables for colours & sizes
18:21 – Creating your own colour and size variables
20:42 – Applying variables to buttons and text

23:30 – Adding Google Fonts and custom fonts
24:46 – Uploading and setting your logo

26:09 – Using box elements for clean layouts
27:22 – Headings, text and layout best practice
31:28 – Saving reusable sections
32:45 – Symbols explained (edit once, update everywhere)

34:51 – Tabs for pricing, plans & comparisons
37:50 – Choosing the default tab

38:57 – Creating lists with icons
44:27 – Padding tips for better spacing

45:30 – Accordions for FAQs and long content
50:05 – Making accordions look clean and readable

51:03 – Embeds vs HTML widgets (which to use)
55:26 – Adding simple forms to pages
58:35 – Advanced forms overview

59:39 – Adding video and audio players
01:02:39 – Countdown timers for urgency
01:05:16 – Showing products on your website

01:10:19 – Blog widgets (auto-updating content)
01:14:23 – Course list widgets
01:17:22 – Course curriculum widgets
01:20:28 – Certificate search widget

01:21:41 – Video & audio galleries

This is a practical, on-screen walkthrough you can follow alongside your own EzyCourse site.

If you’re building your first course or cleaning up an existing site, this video will save you a lot of trial and error.