Goal of this Lesson:
Install Elementor and learn the basics of building pages visually using its free drag-and-drop builder — no code, no overwhelm.
🎯 Why Elementor?
Elementor is the easiest way to build professional-looking pages inside WordPress — and it works perfectly with the Astra theme.
With Elementor, you’ll be able to:
- Build landing pages, sales pages, thank you pages, and even your custom course area
- Use drag-and-drop widgets like headlines, buttons, videos, and images
- See exactly what your page will look like as you build it
🔌 Step 1: Make Sure Elementor is Installed
Go to:
- Plugins > Add New
- Search for Elementor Website Builder
- Click Install, then Activate
💡 Elementor should already be installed if you followed the earlier setup checklist — but it never hurts to double-check!
📄 Step 2: Create a New Page with Elementor
Now, let’s create your first Elementor-powered page.
- Go to Pages > Add New
- Give it a title (e.g., “Home” or “Test Page”)
- On the right side, under Page Attributes, set Template to:
- Elementor Full Width (or Astra’s Full Width / Stretched if you prefer)
- Click Edit with Elementor
You’ll be taken to the Elementor visual editor — this is where the magic happens.
🧩 Step 3: Learn the Elementor Interface
Here’s a quick tour of what you’re seeing:
- Left Panel: All your widgets (text, image, button, etc.)
- Right Side: The live preview of your page
- Blue + or Folder icon: Add a new section or import a block/template
➕ Step 4: Add Your First Section
- Click the + icon to add a new section
- Choose 1 column for now
- Drag a Heading widget from the left panel into the section
- Type your title (e.g., “Welcome to My Course Site”)
- Below that, drag in a Text Editor widget
- Add a short description
🎨 Step 5: Style Your Content
Click on any widget or section to:
- Change text color, font size, or alignment
- Adjust spacing (padding/margin)
- Set background colors or images
- Apply custom styling to buttons
You’ll see changes in real time — no saving and refreshing needed.
💾 Step 6: Save and Preview
- Click the Update button at the bottom
- Click the eye icon to preview your page
Boom — you just created your first Elementor page!
🧠 What You Can Build With Elementor
Throughout this course, you’ll use Elementor to build:
- Your homepage
- Your sales page
- Custom checkout pages (via FunnelKit)
- Thank you pages
- Your course content (if using the custom LMS method)
All with zero code.
✅ What You Should Have Now
By the end of this lesson, you should:
- Have Elementor installed and activated
- Know how to create a new page using Elementor
- Understand how to drag, drop, edit, and style basic content
- Be confident using Elementor to start building your real pages