π§° Left panel
Your pencil box, basically. It holds every widget, plus settings for whatever you've clicked on.
Your website is already alive, but right now it's basically an empty flat β four walls, no furniture. Let's fix that, one simple step at a time.
Elementor has three main parts. Spot them once, and honestly, the rest is just practice.
Your pencil box, basically. It holds every widget, plus settings for whatever you've clicked on.
Your live page. What you see here is almost exactly what a visitor scrolling on their phone will see.
Undo, a screen-size preview, and the big Publish button all sit here.
A page is made of sections. Each section has columns. Each column holds widgets. Think of your school building: sections are the floors, columns are the classrooms on each floor, and widgets are the desks and blackboard sitting inside.
A widget is just one piece of content β a heading, a photo, a button. That's genuinely it. Every fancy website you've ever seen is just widgets, arranged nicely.
Enough theory β let's actually put these pieces together and build one real page, start to finish.
Go to Pages β Add New. Give it a name, like "About Us."
Click the "Edit with Elementor" button at the top of the page.
Click the grey "+" on the blank page, and pick how many columns you want.
Grab "Heading" from the left panel, drop it in, and type your title.
With your widget selected, use the Style tab to change its colour, size, and spacing.
Add a new section for each part of your page β an intro, a gallery, a closing message.
Use the little screen icons at the bottom to check desktop, tablet, and mobile views.
A page you've built stays your own private draft, invisible to everyone, until you tell WordPress it's ready to go public.
Click the eye icon to see your page like a real visitor would.
The green button in the bottom-left corner. Already published? It just says "Update."
Click "View Page" to see your real, public website.
Your logo is your website's signature β the thing people remember, like the CRED logo or the Zomato red. It shows up at the top of every single page.
Go to Appearance β Customize.
Click "Site Identity" on the left.
Click "Select Logo" and choose your image file.
Use the width slider to keep it neat β not too big!
Click "Publish" at the top to make it live.