Elementor for Beginners: Create a Modern Pricing Section From Scratch
Ken Mbesa, Web Designer | UI/UX Designer
Schau dir diesen Kurs und Tausende anderer Kurse an
Schau dir diesen Kurs und Tausende anderer Kurse an
Einheiten dieses Kurses
-
-
1.
Intro
1:21
-
2.
Project Demo
0:34
-
3.
Install Astra and Elementor
2:15
-
4.
The Pricing Section Part 1
11:26
-
5.
The Pricing Section Part 2
9:17
-
6.
The Pricing Section Part 3
11:09
-
7.
Final Thoughts
1:27
-
-
- --
- Anfänger-Niveau
- Fortgeschrittenes Niveau
- Fortgeschrittenes Niveau
- Jedes Niveau
Von der Community generiert
Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.
2
Teilnehmer:innen
--
Projekte
Über diesen Kurs
Do you want to understand how Elementor’s Container system works?
In this beginner-friendly Skillshare class, we’ll build a sleek, modern pricing section from scratch, using only the free version of Elementor.
This isn’t just about making a pricing table. It’s about learning how to structure layouts using Containers, the new way Elementor handles columns and rows. Whether you're switching from the old Elementor Sections and Inner Sections layout system or are brand new to Elementor, this class will give you the confidence to build cleaner, more flexible designs using flexbox Containers.
What you’ll learn:
-
How to use Flexbox Containers in Elementor (Free)
-
Creating nested containers for advanced layout control
-
Aligning headings, descriptions, and buttons like a pro
-
Spacing and styling tips for a clean, modern look
-
How to import and customize premade templates
By the end of the class, you’ll have:
-
A fully functional pricing section you can reuse in client projects or your own site
-
A working knowledge of Elementor’s container system and how to think in flexible layouts
- A finished project you can add to your online portfolio to showcase your skills as a UI/UX designer
Excited to get started?
Let's move on to lesson 2...
Triff deine:n Kursleiter:in
My name is Ken.
I'm a web designer, creative educator, and digital entrepreneur with over a decade of experience in visual design (Web Design, Graphic Design, and Video Editing).
Over the years, I've helped thousands of everyday creatives, small business owners, and aspiring freelancers take control of their digital presence by teaching practical, no-fluff web design skills using tools like WordPress, Elementor, Forminator, and WooCommerce, with no coding required.
My goal is to keep things beginner-friendly, practical, and focused on helping you get real-world results. If you're building your first website or launching a fully functional online store, I'll walk you through the process step-by-step with clarity and confidence.
Beyond web design, I'm a... Vollständiges Profil ansehen
Praxisnahes Kursprojekt
Class Project:
To complete this class, you will recreate the pricing section we shall be working on together in class. You can give it your own twist!
- Install Astra Theme
- Install Elementor
- Create a Pricing Page
- Design the Pricing Section
Share Your Work, Get Feedback:
When you're done, please remember to share your work with the community.
Simply upload your screenshot by following these steps:
1. Click on "Projects & Resources" below the video player.
2. Click the "Submit Project" button.
And that's it!
I can’t wait to see what you create!
Kursbewertung
Warum lohnt sich eine Mitgliedschaft bei Skillshare?
Nimm an prämierten Skillshare Original-Kursen teil
Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen
Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare