Build Your First Section
Add a Composer widget in Elementor and build your first section, in code, visually, or with AI Chat.
There are two ways to build a section with UiChemy: write or paste code (Free), or build it with AI Chat (Pro). Pick whichever fits how you work.
Step 1: Open a Page in Elementor
In your WordPress dashboard, go to Pages, then Edit with Elementor on the page you want to add a section to.
Step 2: Add the Composer Widget
Search for Composer in the Elementor widget panel and drag it onto the canvas.
Step 3: Build the Section
Step 4: Update Content Through the Panel
Once you've built a section either way, editable fields appear in the Elementor Content panel, letting you update text, images, and links without touching code. See Editor Tab and Editable Fields.
Step 5: Publish
Click Update or Publish in Elementor to finalize the page.
Use Cases
- Building your first section to learn the workflow before starting a real project.
- Prototyping a section quickly, without a Figma file to convert from.
Related
Editor Tab
Fine-tune styles, spacing, and attributes by hand once you're happy with the structure.
Code Tab
Go deeper into the raw HTML, CSS, and JS behind your section.
AI Chat Tab
Describe a change in plain language and let AI Chat make the edit for you.
Editable Fields
Turn your section into a reusable template with swappable content.